how would I be able to remove or clear the url after clicking on a button from a button bar?

  • 0
  • 1
  • Question
  • Updated 3 years ago
  • Answered

Currently my url link looks like this: https://[SourceUrl]/db/[DatabaseID]?a=API_GenResultsTable&qid=110&apptoken=[token]&slist=388&options... In short I need to clear the app token code and everything else after it or the entire url altogether hiding the url bar would work as well.


Photo of Robert

Robert

  • 30 Points

Posted 3 years ago

  • 0
  • 1
Photo of Jack

Jack, Champion

  • 50 Points
You could create a custom page and embed the report within it. That way you would be taking the user to a custom dashboard page rather than the specific report.

Thing is a user can still interrogate the code of the page and see the call to generate the table if they know what they are looking for, but its less obvious at least.
Photo of Robert

Robert

  • 30 Points
I am going to update this based on what I had to do in order to fix this to help others.

Firstly The dashboard calls a webpage that I made in quickbase for each report its calling
The webpage calls a css+java commands and has the basic layout
The results of this will make sure the end user never sees the URL in the first place.
This is trimed and edited for sensitive information:


<link rel="stylesheet" type="text/css" href="[thisdatabaseID]?a=dbpage&amp;pageID=38">
<!--<script src="[thisdatabaseID]?a=dbpage&amp;pageID=39"></script>-->
<!--Purchaser Contact-->
<b>PURCHASER CONTACT</b>
<a href="[DBrecordstorageID]?a=API_GenResultsTable&amp;qid=111&amp;apptoken=[TokenID]&amp;slist=589&amp;options=sortorder-A" target="custFrame" class="acenButton">▲</a>
<a href="[DBrecordstorageID]?a=API_GenResultsTable&amp;qid=111&amp;apptoken=[TokenID]&amp;slist=589&amp;options=sortorder-D" target="custFrame" class="decButton">▼</a>

<!--Space-->&nbsp;||<p></p>

<iframe id="custFrame" name="custFrame" src="[DBrecordstorageID]?a=API_GenResultsTable&amp;qid=111&amp;apptoken=[TokenID]&amp;slist=18&amp;options=sortorder-A" marginheight="0" frameborder="0" width="100%" height="80%"> </iframe>

<script>
var socket = new easyXDM.Socket({
onReady: function(){
socket.postMessage(document.body.scrollHeight)
}
});
</script>
Photo of Ⲇanom the ultimate (Dan Diebolt)

Ⲇanom the ultimate (Dan Diebolt), Champion

  • 29,964 Points 20k badge 2x thumb
Use the image onload technique and histroy.pushState() as follows:


history.pushState({}, "", "6ewwzuuj");

Attached are before and after screenshots demonstrating that the above script  will apparently rewrite the URL
https://www.quickbase.com/db/6ewwzuuj?a=q&qid=6
as follows:
https://www.quickbase.com/db/6ewwzuuj