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/bncwhskymPastie Databasehttps://haversineconsulting.quickbase.com/db/bgcwm2m4g?a=dr&rid=617Notes:(1) The
three code pages being displayed on the dashboard are the following:
https://haversineconsulting.quickbase.com/db/bncwhskym?a=dbpage&pagename=page1.htmlhttps://haversineconsulting.quickbase.com/db/bncwhskym?a=dbpage&pagename=page2.htmlhttps://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.