topic Re: Mashup Issue, Fullscreen View - Mouseover doesnt work in Integration, Extension & APIs

Mashup Issue, Fullscreen View - Mouseover doesnt work

hartmoli — Fri, 01 Sep 2017 13:55:42 GMT

Hi community,

I've encountered a problem while trying to create a fullscreen view of a object in a qlik sense mashup. The situation is following: i have several objects (bar-chart, pie chart, tables) displaying on one page. I've created an opportunity to make these objects fullscreen, therefore im ussing some css sytles (position: fixed, width:100%, height:100%, top: 0;, right: 0; , left:0, bottom:0;). The objects expand perfectly fullscreen, but unfortunately the mouse-over function that should display the figure dosent appear in fullscreen mode. After spending a lot of time in testing, i discovered that the problem is based on the css setting position:fixed. Unfortunately, i'm not able to solve this issue. Somebody has an idea how to fix this issue or has encountered the same issue and found an workaround?

Thanks in advance for any helps.

Re: Mashup Issue, Fullscreen View - Mouseover doesnt work

Ann-Louise-Andersson — Mon, 04 Sep 2017 06:26:30 GMT

Hello,

To me it sounds like a z-index issue, do you have a z-index value on the element you do 'position: fixed'?

Regards,

Ann-Louise

Re: Mashup Issue, Fullscreen View - Mouseover doesnt work

hartmoli — Mon, 04 Sep 2017 06:32:47 GMT

Hi Ann-Louise,

Thanks for your reply to my issue.

Yes I do, there is z-index value. Here are all my css properties for the full-screen:

.panel.widget-fullscreen {

display: block;

z-index: 9999;

position: fixed;

width: 100%;

height: 100%;

top: 0;

right: 0;

left: 0;

bottom: 0;

overflow-y: auto;

}

Thank you for your further help.

Regards Oli

Re: Mashup Issue, Fullscreen View - Mouseover doesnt work

Ann-Louise-Andersson — Mon, 04 Sep 2017 07:24:54 GMT

Try to lower the z-index, start with 100 and then lower it more if needed.

Regards,

Ann-Louise

Re: Mashup Issue, Fullscreen View - Mouseover doesnt work

hartmoli — Mon, 04 Sep 2017 07:39:08 GMT

Indeed it was the z-index properties. I played around a little bit, and found out that the z-index value of the qlik mouse-over object is determinated something around 1010-1020.

I simply set the z-index value of my fullscreen object lower than 1010 and everything works perfect. Thank you Ann-Louise for the right hint