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: 
andresilva
Contributor III
Contributor III

Tooltip in mashup isn't visible at the bottom of the page

I have 2 problems.

1º The position of the tooltip is wrong when scrolling down the page.

Untitled.png

2. "S" isn't visible

Untitled.png

1 Solution

Accepted Solutions
andresilva
Contributor III
Contributor III
Author

I've tried with fixed position but it does not work.

body Overflow-y worked

html, body{height:100%;}

body{overflow-y: scroll !important;}

html{overflow-y: hidden !important;}

View solution in original post

5 Replies
andresilva
Contributor III
Contributor III
Author

The same happens in the official site Leonardo UI

UI Overview | Leonardo

with scroll

Untitled.png

without scroll

Untitled.png

jesper_snihs
Partner
Partner

Hi,

There was a similar issue with the filter panel (Mashup: Problem with selection box). You might find that you can add the fixed class to the tooltip element in this case also.

andresilva
Contributor III
Contributor III
Author

position:fixed don't resolve

jesper_snihs
Partner
Partner

Well, it is actually the absolute position of the tooltip element that is the issue in this case.

Because if you add the css class:

.lui-tooltip {

    position: fixed;

}

You can actually see that the tooltip marker now is in the correct Y-position. Unfortunately, the adding of this class makes the tooltip element to be misaligned in the X-position.

I guess there will be no easy fix for this and you might have to bring in some javascript to be able to get the position of the hovered element, get the size of that element and with the help of that be able to position the element correctly.

andresilva
Contributor III
Contributor III
Author

I've tried with fixed position but it does not work.

body Overflow-y worked

html, body{height:100%;}

body{overflow-y: scroll !important;}

html{overflow-y: hidden !important;}