cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
Announcements

ISE Web Portal Customization Options - Move 'Don't have an account' to top or login page

711
Views
0
Helpful
6
Comments
Cisco Employee

This is the first in a series of blog posts about Cisco Identity Services Engine (ISE) Web Portal Customization Snippets.

I am the ISE Technical Marketing Engineer, Subject Matter Expert for Guest Access

These posts are meant to show you how javascript can be used to flexible customize the ISE Web Portals.

These snippets will show you how to move, change, resize, and hide items.

Note: When working with JavaScript injection on the portal pages, it only affects the page and language you made the change on. If you would like this to happen across multiple languages, for example, then you will need to make the change to every language you need to modify, other options are editing the Language Properties files or using a global CSS.

For introduction on the different options used (including how to put javascript on your portal), please reference this document, ISE Web Portal Customization Options. This document also goes over the Don't have an account option.

6 Comments
Beginner

Hi Jason,

When you change the admin access portal customization to HTML and javascript, is there any impact to the system? Do any ISE services need to reboot?

Thanks.

Ben

Cisco Employee

No, it simply enables you to enter Javascript into the Portal Page customization editors

Beginner

Great, thanks for the quick response!

Beginner

One more question. Does this work for ISE 2.0?  When I enter the javascript code, the preview still shows the "don't have an account" link at the bottom and then under that "$('#ui_login_self_reg_button').insertAfter('#ui_l" appears.

Cisco Employee

You need to make sure your text editor is not messing it up. It should work fine on 1.3+ 

Also make sure the quotes are vertical and not curved at all. Sometimes with copy/paste they get messed up

Try this, replacing $ with jQuery (better option discovered later on)

<script>
jQuery('#ui_login_self_reg_button').insertAfter('#ui_login_instruction_message');

</script>
<style>
#ui_login_self_reg_button { font-size:2em; }
</style>

Beginner

That did it. Thanks again!