Qlik Sense Mashup - Maximise Functionality

[rbartley]

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

[ErikWetterberg]

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

[rbartley]

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

[ErikWetterberg · Accepted solution]

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

[rbartley]

Great.  Thanks Erik.