topic Re: Tabs in MashUP in Integration, Extension & APIs

Tabs in MashUP

claudiadrey — Thu, 31 Aug 2017 08:32:23 GMT

Hi all

I'm working on a Qlik Sense mashup. In the mashup I'm using tabs. When the first tab is selected my qlik sense object is visible. When I select another tab only the title from the object is visible.

I have tried to use the qlik.resize function. But It doesn't work.

html:

</ul>

</div>

</div>

</div>

</section>

js.:

$('#Toogle1_big').on('click', function(){

qlik.resize();

});

$('#Toogle2_big').on('click', function(){

qlik.resize();

});

$('#Toogle3_big').on('click', function(){

qlik.resize();

});

Can somenone please help me?

Thank You

Claudia

Re: Tabs in MashUP

Yianni_Ververis — Thu, 31 Aug 2017 11:22:02 GMT

Most likely you resize before tab's promise has resolved.

You can try to

$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) { qlik.resize(); })

from

https://getbootstrap.com/docs/3.3/javascript/#tabs

If you are not using bootstrap try to find the on .done or .complete function

Yianni

Re: Tabs in MashUP

claudiadrey — Thu, 31 Aug 2017 11:28:36 GMT

It works !!!

Thanks soooooo much !!

Claudia

Re: Tabs in MashUP

fernandocalixto — Thu, 03 Jan 2019 15:49:55 GMT

Hi,
I have the same problem... do you have your example solved? I'll be so attentive and have a nice day 🙂

Re: Tabs in MashUP

emraan_meer — Wed, 06 Nov 2019 19:39:26 GMT

if we want to show a visualization in a div then it should must comply followings:

div should be visible (before calling qlikApp.getObject("divName", "chartName");"
div should have some height

when you qlik a tab, you are actually trying to put the visualization in a div that is hidden.

put some delay in fetching the visualization or trigger the fetching of visualization on the div visibility.

Re: Tabs in MashUP

Qlik1_User1 — Wed, 10 Aug 2022 11:48:35 GMT

@claudiadrey Can you please share the code for this Tabbed container mashup only (HTML,CSS,JS)?