Guest Page insert image with hyperlink

[johnmon]

Is it possible to customize the portal either with HTML5 or javascript?

Specific example:

My customer wants to be able to add an image and have a specific page open when that image is tapped

Thanks,

John

[Charlie Moreton · Accepted solution]

Yes!  As you can see on this page, there are many ways to customize the Guest Portal:

ISE Guest & Web Authentication - Customizations

Please check this guide on how to use portal customization and javascript before continuing

How To: ISE Web Portal Customization Options

Which version of ISE and what Portal are you using?

If ISE 2.2 or newer, you can upload the image to ISE and the reference it in your customization script.

ISE 2.2 Admin Guide - Custom File Upload

Then it's a matter of placing the HTML (or java, etc) into the portal.

Here's the code I used:

<a href="http://www.cisco.com/go/ise">

<img alt="Cisco ISE" border="0" height="300" src="customFiles/ISEimage.png" width="300" />

</a>

Placing the code in Optional Content 2 will locate the link after the portal content:

While placing it in Optional Content 1 will locate it before the portal content:

Of course, you can play around with the code as you desire to make the image centered, ALT tags, etc.

[johnmon]

Thanks Charles - very helpful customer will use ISE 2.3

Am assuming no special license required to do this?

Cheers,

John

[Charlie Moreton]

No special license required.  All Guest Portals and customizations are covered in the Base License.

[dfernandes786]

Hi Charles

I'm having issues with using this in ISE 1.4

I get an X where the image is displayed.

This is what I have used.

<img src="/auth/packages/Background/image1.jpg" >

Can you please advise. I have added the image to the file remediation

[Jason Kunst]

Are you looking at this document page 12?

Did you make sure you entered it in HTML editor mode and then toggled out of that also do you have the admin settings allowing HTML and JavaScript

https://communities.cisco.com/servlet/JiveServlet/previewBody/68167-102-2-125087/How-To_43_ISE_Web_Portal_Customization_Options.pdf

Sent from my iPhone

[Charlie Moreton]

Also, remember that in 1.4, using the file remediation requires an Apex License.  If you already have an Apex License, then no big deal.  However, if you do not have Apex and are looking to use ISE with Base Licenses only, then this would not be the method for you.  The files would have to be hosted externally and ACL would have to allow access to them.

[Jason Kunst]

Charles if he can see the location it should work.

Make sure you watch your case as well

Have you tried accessing the file directly with this URL example?

https://ise-1.demo.local:8443/auth/packages/Background/image1.jpg

[dfernandes786]

Hi Jason

When I go direct using the PSN IP, I can see the image as below.

But when I add <img src="/auth/packages/Background/image1.jpg"> under optional content 1 it just shows x. and in fact on inspection, it is using the PAN address which is not what should happen.

The fix of course is to use the PSN IP in the img src command but not sure if this is expected or just limitation on 1.4

Thanks as always for your help.

[Jason Kunst]

its expected to show you the PAN address as that's where you're testing from. the test URL is being served from the PAN. It will only use the PSN address dynamically when you're using a real client in a real guest redirect. Don't manually hardset the full URL, use the relative path

I see your problem, you have a </img> at the end, it doesn't need to be opened closed like other HTML

HTML img tag

[dfernandes786]

Hi Jason thats been automatically added by ISE when i close the html. I can assure you i have not typed that in.

[Jason Kunst]

I would suggest engaging the tac then