How To: Resize Dashboard Web Page Widgets to Content?

  • 2
  • 2
  • Question
  • Updated 11 months ago
  • Doesn't Need an Answer
  • (Edited)
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.
Photo of Ⲇanom the ultimate (Dan Diebolt)

Ⲇanom the ultimate (Dan Diebolt), Champion

  • 26,442 Points 20k badge 2x thumb

Posted 11 months ago

  • 2
  • 2

Be the first to post a reply!