Discussions

How To: Resize Dashboard Web Page Widgets to Content?

  • 1.  How To: Resize Dashboard Web Page Widgets to Content?

    Top
    Contributor
    Posted 12-31-2017 00:15
    How To: Resize Dashboard Web Page Widgets to Content?

    This application demonstrates how to adjust the height of a Web Page Widget on the dashboard so that is displays without a vertical scrollbar.

    Resize Dashboard Web Page Widgets to Content?
    https://haversineconsulting.quickbase.com/db/bncwhskym

    Pastie Database
    https://haversineconsulting.quickbase.com/db/bgcwm2m4g?a=dr&rid=617

    Notes:

    (1) The three code pages being displayed on the dashboard are the following:

    https://haversineconsulting.quickbase.com/db/bncwhskym?a=dbpage&pagename=page1.html
    https://haversineconsulting.quickbase.com/db/bncwhskym?a=dbpage&pagename=page2.html
    https://haversineconsulting.quickbase.com/db/bncwhskym?a=dbpage&pagename=page3.html

    (2) QuickBase limits the vertical size of the <iframe> and containing <div> of the Web Page Widget to 400px. By placing this script at the bottom of the Web Page Widget you can dynamically adjust the height of the <iframe> and containing <div> to fit the actual height of the content.

    (3) The script uses the relatively obscure property window.frameElement from within the code page of the Web Page Widget to effectuate the height change.