Cisco Ise 13 User Guide

What to Do Next
Makesurethatyouupdateanychangesmadeintheselectedlanguagewhilecustomizingtheportalpageinto
allthesupportedlanguagepropertiesfiles.
Change the Portal Icons, Images, and Logos
Ifyouwanttouseuniquecorporatelogos,icons,andbannerimages,youcansimplyreplacetheexisting
imagesbyuploadingyourcustomimages.Supportedimageformatsinclude.gif,.jpg,.jpeg,and.png.These
changesapplytotheentireportalthatyouarecustomizing.
Before You Begin...

•ForDeviceportals,chooseAdministration>DevicePortalManagement>(anyPortals)>Edit
>PortalPageCustomization.
Step 2ChangetheBannertitlethatappearsoneveryportalpage.
Step 3Includetheselinksfortheguestswhouseyourportals:
•Help—Onlinehelp(providedforonlytheSponsorandMyDevicesportals).
•Contact—Technicalsupport(setuptheSupportInformationpagetoenablethis).
Step 4AddadisclaimeroracopyrightnoticeintheFooterElementstoappearonthebottomofeveryportalpage.
Step 5ClickSave.
Change the Titles, Instructions, Buttons, and...

Procedure
Step 1Navigatetotheseportals:
•ForGuestportals,chooseGuestAccess>Configure>GuestPortals>Edit>PortalPage
Customization.
•ForSponsorportals,chooseGuestAccess>Configure>SponsorPortals>Edit>PortalPage
Customization.
•ForDeviceportals,chooseAdministration>DevicePortalManagement>(anyPortals)>Edit
>PortalPageCustomization.
Step 2UnderPages,choosethepagethatyouwanttochange.
Step 3UnderPageCustomizations,intheInstructionalTextandOptionalContenttextblocks,youcan:
•Changethefont,size,andcolorofthetext....

Substitute with Variable NameDisplay Name
ui_byod_success_ios_ssidBYODIOSSSID
Usetospecifythenetworkthatadeviceshould
connecttoafteron-boardinginadualSSIDflow.
ui_client_provision_agent_typeClientProvisioningAgentType
Usetospecifythecurrentlyconfiguredagentinthe
clientprovisioningpolicy,suchastheAnyConnect
agentortheNACagent.
ui_client_provision_agent_urlClientProvisioningAgentURL
UsetospecifythedownloadURLfortheposture
agent.
ui_client_provision_install_agent_minsClientProvisioningagentinstallminutes...

Substitute with Variable NameDisplay Name
ui_ssidSSID
Usetospecifythewirelessnetworkthataguestcan
usetoconnecttothenetwork.
ui_start_date_timeStartdateandtime
ui_time_leftTimeleft
ui_user_nameUsername
Table 19: List of Variables for Sponsor Portals
Substitute with Variable NameDisplay Name
ui_guest_companyGuest-Company
ui_guest_email_addressGuest-Emailaddress
ui_guest_end_date_timeGuest-Enddateandtime
ui_guest_first_nameGuest-Firstname
ui_guest_last_nameGuest-Lastname...

Substitute with Variable NameDisplay Name
ui_guest_time_leftGuest-Timeleft
ui_guest_user_nameGuest-Username
ui_sponsor_user_nameUsername
Usetospecifytheusernameoftheuserloggedinto
theportal.
Table 20: List of Variables for MDM Portals
Substitute with Variable NameDisplay Name
ui_mdm_vendor_nameMDM-VendorName
Table 21: List of Variables for My Devices Portals
Substitute with Variable NameDisplay Name
$user_login_failure_rate_limit$MyDevices-LoginFailureRateLimit...

Ifthechangesarenotdisplayed,clickRefreshPreview.Theportaldisplayedisonlymeantforviewing
yourchanges;youcannotclickbuttonsorenterdata.
Advanced Customization of Portals
IfyoudonotwanttouseoneofthedefaultportalthemesprovidedbyCiscoISE,youcancustomizetheportal
tosuityourneeds.Todoso,youshouldhaveexperienceworkingwithCSSandJavascriptfilesandthejQuery
MobileThemeRollerapplication.
Youarenotallowedtoalterthedefaultportalthemes,butyoucan:...

youtoshareformattingacrossmultiplepages,anditreducesthecomplexityandrepetitioninthestructural
content.
CiscoISEend-userportalsusetwodistincttypesofCSSfiles:structure.cssandtheme.css.Everyportaltheme
hasitsowntheme.cssfile,butthereisonlyonestructure.cssfileperportaltype;forexampleguest.structure.css
forGuestportals,sponsor.structure.cssforSponsorPortals,andmydevices.structure.cssforMyDevices
portals.
Thestructure.cssprovidesthestylingforthepagelayoutandstructure.Itdefinesthepositioningofelements...

FortutorialsonhowtouseHTML,CSS,andJavascriptcodetocustomizethetextandcontentthatappears
onyourportalpages,visitCodeAcademy.
Example of a Theme That Shows Cisco Swatches
Todemonstratehowswatchesareused,thedefaultthemefortheGuestPortalwaseditedinThemeRollerto
showthedifferencesincolor.
Thefollowingscreenshowsaguestportallogonerror(swatchC)alongwithabuttonthattakesanaction
fromtheuser(swatchB),andtherestofthescreenisSwatchA.
Cisco Identity Services Engine Administrator Guide, Release 1.3    
373
Advanced...

Change Theme Colors with jQuery Mobile
Before You Begin
Makesureyouareusingversion1.3.2ofjQueryMobileThemeRoller.Theversionyouareusingisdisplayed
inthetop-leftcornerofthescreen,asshownbelow.
   Cisco Identity Services Engine Administrator Guide, Release 1.3
374
Advanced Customization of Portals