Sunday, April 16, 2023

Setting User Expectations - Part 3

In Part 1 of this series, we discussed how to create a QoS indicator to inform the user of their expected experience before they even logon by making a few simple changes to the NetScaler. In Part 2 of the series, we added a graphical representation of the results. In this final installment, we will add a reference page that will display the various ranges of the QoS indicator to the user.



All of the graphics needed have already been created and uploaded in Part 2. We simply need to create a page that references the various ranges, and change the display into a hyperlink that when clicked, opens up the reference page.

You can download the above page here: 

https://samjacobs.sharefile.com/d-s4eaf8e876fe449afada749110b5ae48c

Let's modify the original display by adding a hyperlink to the above page. 

Make a backup of our original file: /var/netscaler/logon/LogonPoint/tmindex.html

Open up the file and search for:

QoStext.innerHTML = 'Connection Strength:<br>'+QoSrange;

Add a hyperlink to our reference page by changing the above to:

QoStext.innerHTML = '<a href="QoS.html">Connection Strength:<br>'+QoSrange+'</a>';

Then save the file. Now when you click on the text of the QoS indicator, the reference page will be displayed.

 

Complete Code Solution

You can find a complete copy of the code here.