HTML Scripts for Different Dashboard Buttons

Buttons in a Dashboard! This is something that pretty much comes up in every single development that we do. I end up googling the result every single time. So finally decided to put it up as a reference for my own sake.

HTML script’s for the buttons are as mentioned below.

Return Link (Go Back one page)

<div class="XUIPromptEntry minibuttonOn" align="left"><input type= "button" value = "Go Back one Page" onclick="history.back();">

This is pretty much used to go back one page.

Return Link (Go Back two pages)

<div class="XUIPromptEntry minibuttonOn" align="left"><input type= "button" value = "Go Back two Pages" onclick="history.go(-2);">

Consider a condition wherein we navigate from one a dashboard to another dashboard. And from this dashboard we have to navigate to another dashboard.  Also consider that we reach this detailed dashboard page from multiple summary dashboard pages. In this case we cant give one particular URL in the HTML as it is from multiple url’s that you end up here. So we use a go 2 pages back HTML script.

Button back to a particular Dashboard

<div class="XUIPromptEntry minibuttonOn" align="left"><a href="URL of Dahboard from saw.dll onwards">Name of Button</a></div>

Example: <div class="XUIPromptEntry minibuttonOn" align="left"><a href="saw.dll?Dashboard&PortalPath=%2Fshared%2FG%2F_portal%2FG&page=Geo Revenue Trend">Back to Summary</a></div>

This is often used so as to end up in a particular dashboard as per the requirement.

Button back to a particular URL

<div class="XUIPromptEntry minibuttonOn" align="left"><a href="http://google.com"><OnClick="MyFunction(getURL)> Click here</a></div>

This is often used to navigate to a particular URL using one of the dashboard buttons.

Cheers!

-         Gautam