Hiding the quick base nav ui when embedding report/view

  • 0
  • 1
  • Question
  • Updated 7 months ago
  • Answered
I have embedded a qbase report/table view within a website and I'm hiding the qbase nav ui by adding "ifv=1" to the end of my embedded report URL.....this works great...until......a user tries to sort a column...this action reloads the report and removes the "ifv=1" -- thus showing the qbase nav ui. 

Is it possible to overcome this....so that when a user sorts on the report....that the qbase nav stays hidden?

thanks for any help or advice
Photo of rocketc

rocketc

  • 494 Points 250 badge 2x thumb

Posted 8 months ago

  • 0
  • 1
Photo of Matthew Neil

Matthew Neil

  • 31,438 Points 20k badge 2x thumb
You will most likely need to use the BOL (Branding On Load) technique if you permanently wish to hide the UI.  There are several tutorials on the forum on how to implement, if desired.

QB uses the url to control the page, so any modifications will always reveal the header UI.


Matthew Neil - Product Specialist
(Edited)
Photo of Ⲇanom the ultimate (Dan Diebolt)

Ⲇanom the ultimate (Dan Diebolt), Champion

  • 26,482 Points 20k badge 2x thumb
I think the user wants to embed a table report into an external website without the QuickBase chrome (using the parameter &ifv) and have the column sorting feature not break out of the chromelsss report.

You can do this using the IOL technique by redefining QuickBase's BuildURLroot function that generates the URL used to display the sorted column report:
function BuildURLroot(table, action, options) {
    table.qbDBID || (table.qbDBID = GetHTMLattribute(table, "qbDBID"), table.qbQID = GetHTMLattribute(table, "qbQID"));
    var url = table.qbDBID + "?a=" + action + "&qid=" + table.qbQID + "&ifv=1";
    return 0 != (options & kOpt_WithATUparams) && table.qbATUparams && (url += table.qbATUparams), url
}
Here is a demo including embedded the report into an external website (jsfiddle.net):

 Chromeless <iframe>

 https://haversineconsulting.quickbase.com/db/bnj5ez64c
  
 List All with ifv=1
 https://haversineconsulting.quickbase.com/db/bnj5ez649?a=q&qid=1&ifv=1
 
Jsfiddle with Chromeless <iframe>
https://jsfiddle.net/fp2du3nt/embedded/result,html/

Paste Database
https://haversineconsulting.quickbase.com/db/bgcwm2m4g?a=dr&rid=647
(Edited)
Photo of rocketc

rocketc

  • 494 Points 250 badge 2x thumb
Thanks Dan. Worked great. It would be great to maintain the ability to freeze the headers when scrolling....but I believe the ifv=1 removes that capability. Thank you again for the solution