Discussions

Expand all | Collapse all

Hiding the quick base nav ui when embedding report/view

  • 1.  Hiding the quick base nav ui when embedding report/view

    Posted 03-29-2018 15:51
    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


  • 2.  RE: Hiding the quick base nav ui when embedding report/view

    Top
    Contributor
    Posted 03-30-2018 02:55
    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 Specialistmneil@mcftech.com Phone: 440-201-6050 ext. 476" width="300px">


  • 3.  RE: Hiding the quick base nav ui when embedding report/view

    Top
    Contributor
    Posted 03-30-2018 10:19
    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


  • 4.  RE: Hiding the quick base nav ui when embedding report/view

    Posted 04-03-2018 15:40
    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