Skip to main content
7-Bedrock
September 21, 2019
Question

Create collapsed/expand Menu

  • September 21, 2019
  • 1 reply
  • 1933 views

Hi all,

 

I want to build a collapsed/expand menu on hover. I have seen this once in one of the ThingWorx demo's (SmartCitiesMaster). They look like this:

 

collapsed_menu_icons.png                            expande_menu_icons.png

 

How did they to it? Is there an easy way? Or did they use CSS? If CSS, can someone help me how this CSS would look like?

 

Kind regards,

Antonio

1 reply

5-Regular Member
September 23, 2019

Coulndn't find any Mouse hover event, if you can find it , problem can easily be solved.

 

If this demo is importable, we can duplicate it and check how they realize it.

 

Else if we develop our own widget, we can add this inside: widget.jqElement.triggerHandler('cm_id_Hover')

acorreia17-BedrockAuthor
7-Bedrock
September 23, 2019

Thanks for the quick response zyuan1,

 

We're short on resources so at this time it's not possible for us to create our own widgets based on the knowledge needed it.

 

With that said, if it's not too much of a trouble to try and understand how it was done or can be done, or simply expose the css or mechanism of the sidebar with a menu would be great.

 

Thank you again in advance.

 

Antonio