How To: Resize Dashboard Web Page Widgets to Content?
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.
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.
