cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
Announcements
Announcements
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.

1436
Views
4
Helpful
6
Replies
Beginner

How to add a new image on ISE Guest portal above the input form

Hi

Does anyone have a code snippet I could use to add an image in a div element above the input from on the self registration page of the Guest Access. I'm using ISE 2.2 and wanted to know if there was an easier way to add it in the optional content 2 area.

I have used the scripts shared by Jason from Hotspot Portal with information collection

But just wanted an additional image at the top of the form to share new advert or event that's going on.

Would appreciate if anyone has experience in doing this from ISE.

It should work with 1.4 and 2.2

Screen Shot 2017-08-25 at 11.52.07 AM.png

1 ACCEPTED SOLUTION

Accepted Solutions
Highlighted
Cisco Employee

Re: How to add a new image on ISE Guest portal above the input form

I will try to find something for you. For now consider this.


On 1.4 you will need an apex (advanced) license to access the posture file remediation location as that's the only place we can store files or you could link to an external server (need ACL opened up)

It might be best for 1.4 to just use portal builder.

How To: ISE Web Portal Customization Options


On 2.2 there is custom portal files you can directly insert image links from portal customization

ISE 2.2 Guest Enhancements

Slide 13



View solution in original post

6 REPLIES 6
Highlighted
Cisco Employee

Re: How to add a new image on ISE Guest portal above the input form

Put it in Optional Content 1

Highlighted
Cisco Employee

Re: How to add a new image on ISE Guest portal above the input form

Highlighted
Cisco Employee

Re: How to add a new image on ISE Guest portal above the input form

I will try to find something for you. For now consider this.


On 1.4 you will need an apex (advanced) license to access the posture file remediation location as that's the only place we can store files or you could link to an external server (need ACL opened up)

It might be best for 1.4 to just use portal builder.

How To: ISE Web Portal Customization Options


On 2.2 there is custom portal files you can directly insert image links from portal customization

ISE 2.2 Guest Enhancements

Slide 13



View solution in original post

Highlighted
Beginner

Re: How to add a new image on ISE Guest portal above the input form

Many thanks Jason and Charles. I will try these and report back on how I get on with testing.

Highlighted
Beginner

Re: How to add a new image on ISE Guest portal above the input form

I have been able to add the image just by uploading it to the custom portal file and referencing it under optional content 1. Thanks for the suggestion.

I have come across another issue where in for the mobile logo, the built in css file renders the image to the left corner as seen in the screenshot for logo mobile corner.

logo mobile corner.PNG

If you look at logo center desktop the image is the correct postion.

Logocenter desktop.PNG

When using the debug tools, I have found that if i remove the presets for body .cisco-ise-banner img  and body .cisco-ise-banner margin-right and just set the padding-top to 20px as in logo mobile center, this is the correct state that I would like to see the image in.

logo mobile center.PNG

Could anyone advise how I can change the css file for this please?

Highlighted
Cisco Employee

Re: How to add a new image on ISE Guest portal above the input form

It really works better if you insert an image instead of attaching it

you can see I edited your original post is an example can you please do that so we can all easily see it without clicking on each file