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

[Jason Kunst]

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.

[Ben.Levin]

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

[Jason Kunst]

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

[Ben.Levin]

Great, thanks for the quick response!

[Ben.Levin]

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.

[Jason Kunst]

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>

[Ben.Levin]

That did it. Thanks again!