Qlik Community

Qlik Sense Integration, Extensions, & APIs

Discussion board where members can learn more about Integration, Extensions and API’s for Qlik Sense.

rbartley
Contributor III

Qlik Sense Mashup - Maximise Functionality

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.

Maximise 1.PNG

Maximise 2.PNG

Best regards,

Richard

1 Solution

Accepted Solutions
erik_wetterberg
Honored Contributor

Re: Qlik Sense Mashup - Maximise Functionality

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

Erik Wetterberg
https://extendingqlik.upper88.com/
4 Replies
erik_wetterberg
Honored Contributor

Re: Qlik Sense Mashup - Maximise Functionality

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

Erik Wetterberg
https://extendingqlik.upper88.com/
rbartley
Contributor III

Re: Qlik Sense Mashup - Maximise Functionality

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

erik_wetterberg
Honored Contributor

Re: Qlik Sense Mashup - Maximise Functionality

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

Erik Wetterberg
https://extendingqlik.upper88.com/
rbartley
Contributor III

Re: Qlik Sense Mashup - Maximise Functionality

Great.  Thanks Erik.

Community Browser