Mashup: Problem with selection box

[claudiadrey]

Hello everybody,

I have a Problem with my selection box. As you can see (on the screenshot) when I click on my box the possible selctions (the list) doesn't appear above the box. The list instead appears very very far above.

So what's my mistake? Ideas?

Thank you for helping!

Claudia

[_jespers_]

No, I mean the absolute positioning of the pop-up:

[claudiadrey]

Ah ok, hmm I don't know if I can overwrite the css of this object, Do you have an idea?

[_jespers_]

That's the thing, you can't (or it will be a real hassle). And this is because the style for this element is set specifically on this element when you click on the filter. And this styling will overwrite all css classes.

So this is probably something Qlik has to change in their code to be able to make this work.

[claudiadrey]

Oh ok. Thank you very much!

[Yianni_Ververis]

Try to add in your mashup css

html,

body {

  height: 100%;

}

[_jespers_]

Unfortunately, that does not work.

[_jespers_ · Accepted solution]

I think I found a solution for you. Try adding this code to your css

.lui-popover-container{
        position: fixed !important;
        z-index: 1000 !important;
    }

[claudiadrey]

It works!

Thank you soooo much !!!

[pranamk1]

Hi @claudiadrey @_jespers_ @Yianni_Ververis 

I have a modal window where if I use "z-index", then the pop-over will appear behind the modal window.

For that modal window search pop-over, it requires:

.lui-popover-container{
position: absolute !important;
top : 798px !important;
}

For other pop-overs in the page this will work:

.lui-popover-container{
position: fixed !important;
z-index: 1000 !important;
}

Kindly let me know how I can fix this problem.

Thanks,

Pranam