Explore Charting Possibilities

Follow New post

UI Controls such as drop down tree list

I intend to use Lucidchart to do web app mockups. In the past I used Creately which had configurable mockup UI controls such as the image attached. Can we do something similar in Lucidchart?  

How can I do a drop down tree list such as this.

1st image is config, 2nd is rendition.



Official comment


Hi Jean,

Thanks for reaching out on the Lucidchart community. You can do these sorts of tasks by using the UI shape libraries. To start, simply open the shape library manager, search "UI", and select the shape libraries that you would like to use in this project. One shape that could be a good fit for your use case is the "Tree Pane" shape from the "UI Menus" shape library.

This shape defaults to looking like this:

With this markup:

You can edit this shape or any of the other UI shapes by hovering your mouse over the shape on your canvas and selecting "Edit Markup". 

This shape is not the exact one that you described, but I believe it could be modified to achieve the desired effect.

Hope this helps!

Comment actions Permalink



Hi - I have used the Tree Pane shape but I can only edit the markup (and therefore what it displays) in the web version and not in the iPad app. Am I missing something or is it not a supported feature in the iPad app? If the latter, will it be added? Thanks

Ryan 0 votes
Comment actions Permalink

Hi Ryan, 

Thanks for your post. UML markup is not supported in the mobile app - I apologize for the inconvenience! It is not currently on the product roadmap, but we are always looking to improve the product so would love to hear your feedback. Can you please fill out a feature request form with your suggestion? Thanks! 

Annika W. 0 votes
Comment actions Permalink
Please sign in to leave a comment.