Qlik Community

Integration, Extension & APIs

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

Announcements
IMPORTANT security patches for GeoAnalytics Server available to download: READ DETAILS
cancel
Showing results for 
Search instead for 
Did you mean: 
claudiadrey
Partner
Partner

Mashup: Problem with selection box

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

18 Replies
jesper_snihs
Partner
Partner

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

pic3.PNG

claudiadrey
Partner
Partner
Author

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

jesper_snihs
Partner
Partner

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
Partner
Partner
Author

Oh ok. Thank you very much!

Yianni_Ververis
Employee
Employee

Try to add in your mashup css

html,

body {

  height: 100%;

}

jesper_snihs
Partner
Partner

Unfortunately, that does not work.

jesper_snihs
Partner
Partner

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
Partner
Partner
Author

It works!

Thank you soooo much !!!

pranamk1
Contributor
Contributor

Hi @claudiadrey @jesper_snihs @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

Pranam K