I'm using a custom front end loading from a dashboard. Once the new format went into effect the horizonal scrolling tables bar started showing up on my custom front end. Is there a way to remove that?

  • 0
  • 1
  • Question
  • Updated 6 years ago
  • Answered
I have an application which uses a completely custom front end. This front end launches from a dashboard like this:

<iframe src="<ID Removed>?a=dbpage&pageID=52&ivf=1" style="position:fixed;left:0px;top:0px;width:100%;height:100%;border:none;padding:0px;" target="_top" frameborder="0"> </iframe>

Before the UI change this worked fine. The entire normal QuickBase application is hidden and only the page I am loading shows. After the UI change the floating horizonal table bar still loads and shows at the top of the page.

Is there a way to disable this bar?
Photo of John

John

  • 0 Points

Posted 6 years ago

  • 0
  • 1
Photo of Ⲇanom the ultimate (Dan Diebolt)

Ⲇanom the ultimate (Dan Diebolt), Champion

  • 30,224 Points 20k badge 2x thumb
Two changes are needed.

(1) Set the style atttribute on the <iframe> to include a z-index
style="position:fixed;left:0px;top:0px;width:100%;height:100%;border:none;padding:0px;z-index:999"
(2) set an explict background color of the <body> tag within the iframe page itself:
<html>
<body style="background-color:fff;">
<h1>Hello World</h1>
</body>
</html>

Photo of John

John

  • 0 Points
Thank you that worked.