topic Re: Remove padding from single object configurator SaaS integration in Integration, Extension & APIs

Remove padding from single object configurator SaaS integration

arunachalamggg — Sat, 16 Nov 2024 17:00:33 GMT

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

Re: Remove padding from single object configurator SaaS integration

Damien_V — Wed, 15 Sep 2021 13:52:03 GMT

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 ?

Re: Remove padding from single object configurator SaaS integration

arunachalamggg — Wed, 15 Sep 2021 23:09:49 GMT

Hey @Damien_V

Please see attached picture. I'm embedding a single object in my react application.

padding at top when embedding object

Re: Remove padding from single object configurator SaaS integration

ForgotMyOldUsername — Tue, 12 Apr 2022 16:53:11 GMT

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 ??

Re: Remove padding from single object configurator SaaS integration

Aiham_Azmeh — Wed, 13 Apr 2022 05:42:55 GMT

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

Re: Remove padding from single object configurator SaaS integration

ForgotMyOldUsername — Thu, 14 Apr 2022 16:49:29 GMT

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?

Re: Remove padding from single object configurator SaaS integration

ForgotMyOldUsername — Thu, 21 Apr 2022 15:27:35 GMT

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.

Re: Remove padding from single object configurator SaaS integration

minalux — Fri, 06 Jan 2023 20:10:48 GMT

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?

Re: Remove padding from single object configurator SaaS integration

Aiham_Azmeh — Mon, 09 Jan 2023 08:30:39 GMT

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.