Forum Discussion

BradElmore's avatar
BradElmore
Qrew Assistant Captain
7 years ago

Hiding the quick base nav ui when embedding report/view

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
Ask about Quickbase functionality
  • MCFNeil's avatar
    MCFNeil
    Qrew Captain
    7 years ago
    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
  • _anomDiebolt_'s avatar
    _anomDiebolt_
    Qrew Elite
    7 years ago
    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
    • BradElmore's avatar
      BradElmore
      Qrew Assistant Captain
      7 years ago
      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