- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Remove padding from single object configurator SaaS integration
Hi,
Im using QlikSense Saas and would like to embeed an object using Iframe. When I do it there is padding at top of the object, how can i remove it in the Saas setup
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Hello @arunachalamggg
Can you provide screenshots of the padding you are talking about so that we can check if that is possible to remove or not ?
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Hey @Damien_V
Please see attached picture. I'm embedding a single object in my react application.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Has anyone managed to override this with a theme? I added a selector to set the padding to 0px all around, and yet it still has that title 50px padding,
Is it possible to change with a theme, or does it need brute force with javascript ot something to physically overwrite it at the end of a page load ??
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Hi @ForgotMyOldUsername ,
The padding is a reserved space for the toolbar selection UI see picture below, removing it breaks the functionality in IFrames (since there is no overflow)
Even if possible, I wouldn't recommend overriding the css <- this may break your integration in the future
As an alternative, you could embed visualization using the Visualization APIs or nebul.js
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
The issues is I'm embedding a dashboard, not an object.
When embedding a dashboard it's redundant and wastes space.
Unfortunately API / Nebul.js isn't an option right now. Is there not a way to target the top level instance of this selector?
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
And just to highlight how redundant it is, here's the selection bar AND the white-space where ( were it a dashboard ) the title bar would reside.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Hi, @Aiham_Azmeh
I am having the same issue as @ForgotMyOldUsername . In addition, I noticed that in the iframe embed, we lost the ability to expand the charts. Is that the case?
I know that you guys did some update yesterday and now every time I log into Qlik, I get an java script error. Did this release cause some issues?
We need to be able to expand the chart in the iframe. It's key. Please let me know.
Otherwise, if chart expansion is not possible in an iframe then what is the point of having that 50px gap?
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Hi @minalux ,
I am having the same issue as @ForgotMyOldUsername .
unfortunately, dealing with layouts in Iframes relative to parent pages has its limitations, and this is one of them - as mentioned before I recommend using the capability APIs (or nebula.js) -- regarding sheets vs objects, late last year, we published a tutorial on how to embed sheets with the capability APIs https://qlik.dev/tutorials/embed-a-qlik-sense-sheet-using-the-capability-api
we lost the ability to expand the charts
I am not sure, what you mean by expand chart in the iframe, if you mean "maximize / full screen button" <- this is only available in the app integration URL (& afaik it works)
I get an java script error. Did this release cause some issues?
this looks like a bug (hopefully not a functional one) - pls attach a prt-screen with the error.