Customization of End-User Web Portals
You can edit, duplicate, and create more portals. You can also fully customize the portal appearance and, therefore, the portal experience. You can customize each individual portal without affecting other portals.
You can customize various aspects of the portal interface that apply to the entire portal or to specific pages of the portal, such as:
-
Themes, images, colors, banners, and footers
-
Languages used for displaying portal text, error messages, and notifications
-
Titles, content, instructions, and field and button labels
-
Notifications sent to guests via email, SMS, and printer (applies only to the Self-Registered Guest and Sponsor portals)
-
Error and informational messages displayed to users
-
For the the Self-Registered Guest and Sponsor portals, you can create custom fields to gather guest information specific to your needs
For more information about customizing web portals, see ISE Portal Builder and HowTo: ISE Web Portal Customization Options. |
Customization Methods
There are several different ways to customize the end user portals pages, which require different levels of knowledge.
-
Basic: You can modify the portal Customization page:
-
Upload banners and logos
-
Change some colors (except for buttons)
-
Change the text on the screens, and the language used on the entire portal
-
-
Intermediate
-
Use the minieditor to add HTML and Javascript
Note
Before you can enter HTML in a minieditor, click the HTML icon.
-
Use the jQuery mobile theme roller to change the color of all page elements
-
-
Advanced
-
Manually modify properties and CSS files.
-
After you customize your portal, you can create multiple portals (of the same type) by duplicating it. For example, if you customized your Hotspot Guest portal for one business entity, you can duplicate it and make minor changes to create custom Hotspot Guest portals for other business entities.
Tips for Customizing Portals with the Mini Editors
-
Long words in a minieditor box may scroll off the screen area of the portal. You can break the line with the HTML paragraph attribute style="word-wrap: break-word". For example:
<p style="word-wrap:break-word"> thisisaverylonglineoftextthatwillexceedthewidthoftheplacethatyouwanttoputitsousethisstructure </p>
-
When you use HTML or javascript to customize portal pages, make sure that you use valid syntax. Cisco ISE doesn’t validate the tags and code that you enter into a minieditor. Invalid syntax may cause problems during the portal flow.