Creating dynamic UI elements organized under a single canvas layer

This site is currently in read-only mode during migration to a new platform.
You cannot post questions, answers or comments, as they would be lost during the migration otherwise.
0 votes

I am trying to implement a menu subsystem based on entries in a database. I have included a mockup of the design below. I need help with finding tutorials or resources which implement a similar project.

Right now I have a canvas layer as my main node but I am having a hard time on how to create and manage the dynamic item list. What sort of node would be the best way to implement this style of menu?

mock up example

Godot version 3.2.3
in Engine by (12 points)

1 Answer

0 votes

Best to go with PopupMenu or VboxContainer for the frame and sorting and Panel in a separate scene for the items
When an item is pressed resize it and use a child container to display the details

The docs actually has a nice layout that can be adapted to almost all use cases here

by (6,942 points)

With V and H boxContainers when a child element is hidden those controls get resized accordingly so that's also a way to show hide content without complicated coding

by (6,942 points)
Welcome to Godot Engine Q&A, where you can ask questions and receive answers from other members of the community.

Please make sure to read Frequently asked questions and How to use this Q&A? before posting your first questions.
Social login is currently unavailable. If you've previously logged in with a Facebook or GitHub account, use the I forgot my password link in the login box to set a password for your account. If you still can't access your account, send an email to [email protected] with your username.