Unlock a world of possibilities! Login now and discover the exclusive benefits awaiting you.
I'm developing an extension that needs to open a div that will cover other objects in the Qlik Sense environment (NOT a mashup). I was able to place the div outside the container for the extension using position: fixed in CSS but the content is covered by other Qlik objects and it also seems to have the wrong opacity. I tried to set the opacity to 1 and the z-index very high, but still looks the same (check the screenshot below). I want to have the box with the lines "This is a test" on top of all other objects. I know this is possible because the native popup from Qlik do that.
I tried to use some of the native qv- classes but none seemed to work.
Any suggestions?
Thanks
Elias
Hi Elias,
I have done this in my DevTool extension GitHub - erikwett/DevTool: Developer Tool extension for Qlik Sense.
$( document.body ).append( "<button class='devtool-btn fab'><i class='material-icons'>settings</i></button>" ); | |
With Styling:
devtool-btn { | position: absolute; |
bottom: 25px; | |
right: 3px; | |
Hope this helps
Erik Wetterberg
Hi Elias,
I have done this in my DevTool extension GitHub - erikwett/DevTool: Developer Tool extension for Qlik Sense.
$( document.body ).append( "<button class='devtool-btn fab'><i class='material-icons'>settings</i></button>" ); | |
With Styling:
devtool-btn { | position: absolute; |
bottom: 25px; | |
right: 3px; | |
Hope this helps
Erik Wetterberg