cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
Announcements
 
Register for the monthly ISE Webinars to learn about ISE configuration and deployment.
Choose one of the topics below to view our ISE Resources to help you on your journey with ISE

This community is for technical, feature, configuration and deployment questions.
For production deployment issues, please contact the TAC! We will not comment or assist with your TAC case in these forums.
Please see How to Ask the Community for Help for other best practices.

1113
Views
1
Helpful
11
Replies
Highlighted
Cisco Employee

Guest Page insert image with hyperlink

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

Everyone's tags (5)
1 ACCEPTED SOLUTION

Accepted Solutions
Cisco Employee

Re: Guest Portal Customization

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

GuestImageLink1.PNG

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>

GuestImageLink2.PNG

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

GuestImageLink3.PNG

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

GuestImageLink4.PNG

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

11 REPLIES 11
Cisco Employee

Re: Guest Portal Customization

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

GuestImageLink1.PNG

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>

GuestImageLink2.PNG

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

GuestImageLink3.PNG

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

GuestImageLink4.PNG

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

Cisco Employee

Re: Guest Portal Customization

Thanks Charles - very helpful customer will use ISE 2.3

Am assuming no special license required to do this?

Cheers,

John

Cisco Employee

Re: Guest Portal Customization

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

Beginner

Re: Guest Page insert image with hyperlink

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

Cisco Employee

Re: Guest Page insert image with hyperlink

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

Cisco Employee

Re: Guest Page insert image with hyperlink

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.

Cisco Employee

Re: Guest Page insert image with hyperlink

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?

Beginner

Re: Guest Page insert image with hyperlink

Hi Jason

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

Capture.PNG

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.


Capture2.PNG


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.

Cisco Employee

Re: Guest Page insert image with hyperlink

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

Beginner

Re: Guest Page insert image with hyperlink

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

Cisco Employee

Re: Guest Page insert image with hyperlink

I would suggest engaging the tac then