cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
Announcements
 
ISE 2.3 Patch 7 has been posted. This will be the last patch for the ISE 2.3 release!
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.

2971
Views
6
Helpful
8
Replies
Cisco Employee

Support Information button in place of link?

I have a customer that is using a hotspot portal as a message for blacklist devices.  It basically tells them that their device has been blacklisted and to call support at xxx-xxx-xxxx to fix the issue.  The reason we are using the hotspot as a message and not the blacklist portal is because the blacklist portal does NOT give the option to include a link to the support information.

This link is helpful for when the user calls support as it contains the MAC address, IP Address, etc of said device.

My question is this:  Can we convert the Support Information link to a button?  A button would make is easier to 'activate' on a mobile device.

Thank you for your help.

Charles Moreton

Everyone's tags (3)
1 ACCEPTED SOLUTION

Accepted Solutions
Highlighted
Cisco Employee

Re: Support Information button in place of link?

Here is what I did to customize the Hotspot Portal for use as a Blacklist Message:

Duplicate the default Hotspot Portal and give it a meaningful name (in this case Blacklist Message Hotspot)

Require an AUP (No no require an Access Code)

Settings1.PNG

I went to the Portal Page Customization and changed the Banner Title, Browser Page Title, Content Title, and Instructional Text

Settings2.PNG

I then moved to the Optional Content 2 box, clicked the HTML/Text toggle button (outlined below) and pasted in the button code.

Settings3.PNG

In the above screenshot, this script hides the AUP text and Accept/Decline Buttons:

<script>

(function(){

    jQuery('.cisco-ise-aup-text').hide();

    jQuery('.cisco-ise-aup-controls').hide();

setTimeout(function(){ jQuery('#portal-session-timeout-popup-screen, #portal-session-timeout-popup-popup, #portal-session-timeout-popup').remove(); }, 100);

})();

</script>

and this creates the Support Information Button:

<a class="ui-link" href="#" id="ui_login_support_info" onclick="$('#support_info').submit();"><button>Contact Support</button></a>

Remember to toggle the HTML/Text button back to text for this to work.  This is how the Optional Content 2 box will look when you do

Settings4.PNG

The mobile view is perfect.  I have tested this on iOS and Android Devices

Settings5.PNG

The Desktop browser view does show the link at the bottom of the page, but still serves the purpose nicely.

Settings6.PNG

Then create an Authorization Profile with a Web Redirection to this new Hotspot Portal.

Lastly, Crate an Authorization Rule using the Blacklist Endpoint Identity Group with the AuthZ Profile above as the Permissions.

Thanks again, jakunst

Charles Moreton

8 REPLIES 8
Highlighted
Cisco Employee

Re: Support Information button in place of link?

Here is what I did to customize the Hotspot Portal for use as a Blacklist Message:

Duplicate the default Hotspot Portal and give it a meaningful name (in this case Blacklist Message Hotspot)

Require an AUP (No no require an Access Code)

Settings1.PNG

I went to the Portal Page Customization and changed the Banner Title, Browser Page Title, Content Title, and Instructional Text

Settings2.PNG

I then moved to the Optional Content 2 box, clicked the HTML/Text toggle button (outlined below) and pasted in the button code.

Settings3.PNG

In the above screenshot, this script hides the AUP text and Accept/Decline Buttons:

<script>

(function(){

    jQuery('.cisco-ise-aup-text').hide();

    jQuery('.cisco-ise-aup-controls').hide();

setTimeout(function(){ jQuery('#portal-session-timeout-popup-screen, #portal-session-timeout-popup-popup, #portal-session-timeout-popup').remove(); }, 100);

})();

</script>

and this creates the Support Information Button:

<a class="ui-link" href="#" id="ui_login_support_info" onclick="$('#support_info').submit();"><button>Contact Support</button></a>

Remember to toggle the HTML/Text button back to text for this to work.  This is how the Optional Content 2 box will look when you do

Settings4.PNG

The mobile view is perfect.  I have tested this on iOS and Android Devices

Settings5.PNG

The Desktop browser view does show the link at the bottom of the page, but still serves the purpose nicely.

Settings6.PNG

Then create an Authorization Profile with a Web Redirection to this new Hotspot Portal.

Lastly, Crate an Authorization Rule using the Blacklist Endpoint Identity Group with the AuthZ Profile above as the Permissions.

Thanks again, jakunst

Charles Moreton

Cisco Employee

Re: Support Information button in place of link?

I was able to use the script to change the Support Button into a link to an external page as well, here is the code for anyone that would like to use it

<a class="ui-link" href="http://www.cisco.com" id="Remediate" onclick="jQuery('http://www.cisco.com').submit();"><button>Clean this machine</button></a>

I would also recommend replacing any $ with jQuery

Developers said that it performs and works better

Beginner

Re: Support Information button in place of link?

Hi,

First of all, thank you for this excellent post.

I just wanted to contribute with an issue I found on ISE 2.1 patch 1 in regards to this. It took me a while to figure this out, so I thought I might save someone else's time

Apparently, if you clear the Contact Information text box on the page customisation settings, the form named #support_info will not be generated by ISE, and as such the support button will not pop up the support page.

withcontactinfo_box.png

we see that the footer is populated

withcontactinfo.png

but without contact info

withoutcontactinfo_box.png

the div footer is not populated with the form.

withoutcontactinfo.png

So, if you're thinking about doing some advanced customisation and you don't know why the support page stopped working, take a look at the contact text box.

Hope this helps someone...

Gustavo Novais

Cisco Employee

Re: Support Information button in place of link?

Replace the text with 5 spaces.

Beginner

Re: Support Information button in place of link?

Yes, that was the workaround I used. Even with one space only it worked.

Sorry if it wasn't clear on my post.

G

Cisco Employee

Re: Support Information button in place of link?

With this, I ran into an issue that the endpoint gets the auth success page on the 2nd and subsequent access of this portal. It seems better to skip AUP altogether and to customize the auth success page instead.

Cisco Employee

Re: Support Information button in place of link?

Not sure how that works, won't the device be put into the endpoint group associated with that portal then?

Cisco Employee

Re: Support Information button in place of link?

It might be due to CSCux99204 present in the setup I am testing.