topic Re: Qlik Sense Mashup - Maximise Functionality in Integration, Extension & APIs

Qlik Sense Mashup - Maximise Functionality

rbartley — Wed, 27 Jun 2018 15:07:20 GMT

Hi evereyone,

Has anyone implemented a maximise visualization feature in their mashups that works in the same way as in Qlik Sense? I have tried a number of approaches, but am struggling with breaking out of the bootstrap structure, so any ideas would be very welcome.

Best regards,

Richard

Re: Qlik Sense Mashup - Maximise Functionality

ErikWetterberg — Wed, 27 Jun 2018 18:58:40 GMT

Hi,

I did this once with a CSS class I toggled on and off and position fixed. Worked well, you can set top etc so that menues etc still shows.

Erik Wetterberg

Re: Qlik Sense Mashup - Maximise Functionality

rbartley — Thu, 28 Jun 2018 09:38:56 GMT

Thanks Erik,

I assume that to "break out" of the bootstrap I need to set the height and width relative to the window size as just setting width:100% won't work. Do you have any more tips?

Best regards,

Richard

Re: Qlik Sense Mashup - Maximise Functionality

ErikWetterberg — Thu, 28 Jun 2018 10:47:27 GMT

Hi,

Found it! I used the following class:

.zoom {

position: fixed;

top: 100px;

bottom: 0;

right: 0;

left: 0;

width: 100%;

height: calc(100% - 100px);

z-index: 5;

background-color: white;

}

Works well in my context, position:fixed will do the breaking out. You will need to call resize() too.

Erik Wetterberg

Re: Qlik Sense Mashup - Maximise Functionality

rbartley — Thu, 28 Jun 2018 12:29:35 GMT

Great. Thanks Erik.