Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 
Not applicable

Removing the Qlik overview bar from app embedded in html page

Hi,

I have embedded an app in a html code using an iframe object, as per instruction in this help page:

<iframe src = "http://localhost:4848/sense/app/appID/sheetID" />

The page works fine, and I can see and interact with the app. What bothers me is the presence of the Qlik overview gray bar on top:

qlik_embed.PNG

I was wondering whether it is possible to remove it, so that you only see the selection bar (the darker one) on top. Maybe an option to include in the iframe? Or is there another approach?

I could use the Mashup editor, but it allows me only to add single objects, not the entire app on the html page, which is what I want.

3 Replies
Francis_Kabinoff
Former Employee
Former Employee

As far as I know there's no supported way to remove it. But if the app and the page that you are embedding it into are both on the same domain, then you could potentially target the css with javascript. CSS override body style for content in iframe? - Stack Overflow

Not applicable
Author

Thanks Francis, I will try that out and see how it goes.

qliksensedev
Contributor
Contributor

Did you go any solution for this ?