Unlock a world of possibilities! Login now and discover the exclusive benefits awaiting you.
Hi Experts
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
Any Help/Idea on this is greatly appreciated
Thanks
CY
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;
}