Need to alter the Layer settings of Object on Hover

[ychaitanya]

Hi  Experts

stalwar1‌, hic‌ swuehl‌

Need your suggestion /help on the below issue.

BackGround:

We have designed Custom Menu Extension using HTML and CSS in Qlikview which has

Menu1 -> On Hover -> Shows sub menu under the Menu 1  -> On Hover of Sub Menu - > Shows the List of Items to Select

We have made this extension to sit on the Top Layer (Custom 127) so that it's accessible anytime/ anywhere in Dashboard.

Issue :

As explained this extension object consumes some height as to display the Tree Menu Hierarchy , (Say ex : Height is 150 ) for this object.

We are now not able to put any object in that space and our Screen Real Estate is Compromised.

Attempts Tried :

We have changed the layer settings of Extension object and created the objects  in that space on the layer greater than the extension ,

the problem we have faced with this approach is : " As the Menu is Tree like Structure when the user hovers ,  the objects which we have created underneath it which are in top layer than the extension object are displaying on the top of the Menu ".

We have used the Z-Index CSS property On Hover which hasn't helped us.

Need:

We are looking to find any API which can change the Layers of the Objects  so that we could use them in our Extension Logics ?

Can we try to change the Layer Settings of the Qlikview Objects in CSS using OnHover ?

Or Do You have any suggestions / pointers that can help us ?

Thanks

Chaitanya

[ychaitanya]

Any Help/Idea on this is greatly appreciated

Thanks

CY

[Anil_Babu_Samineni]

That's great thought, But this is how you need to. Let's say your object ID is Resize there you need to in CSS like

Normal object

#Resize

{

width: 200px;

height:200px;

}

Mouse over object

#Resize:hover
{
  width: 50px;
  height: 50px;
  transition: all 200ms linear;
}