Create List with Sublist and ability to go to a page.
Quote from m.burdess on June 27, 2026, 11:04 amSorry for a simple question but I have no place to search for help. ( Have looked at ListExample.neoapp )
What I would like to do is create a list and sublist ( with Images, if possible)
i.e.
Level 1 - Level 2 -
- Level 2 - - Level 3 ( Gotopage ) -
- Level 2 - - Level 3 ( Gotopage ) -
Level 1 - Level 2 -
Sorry for a simple question but I have no place to search for help. ( Have looked at ListExample.neoapp )
What I would like to do is create a list and sublist ( with Images, if possible)
i.e.
Level 1 - Level 2 -
- Level 2 - - Level 3 ( Gotopage ) -
- Level 2 - - Level 3 ( Gotopage ) -
Level 1 - Level 2 -
Quote from luishp on June 27, 2026, 12:07 pm@m-burdess The built-in List Box in VisualNEO Web is a standard HTML list control, so it doesn't support hierarchical (tree) structures with expandable/collapsible sub-items or images.
If your menu is relatively small, I'd suggest creating it manually using Push Buttons, Paragraphs or HTML. Each Level 1 item can simply show or hide the controls that belong to that section using the
ShowObjectandHideObjectactions, while the Level 3 items execute aGoToPageaction.For example:
► Level 1 ► Level 2 • Level 3 -> GoToPage("Page1") • Level 3 -> GoToPage("Page2") ► Level 1 ► Level 2If you also want icons or images, you can place an Image or SVG Icon next to each item, or build the menu with HTML.
I would avoid using nested Container objects for this purpose because Containers use absolute positioning by default, making this approach difficult to maintain and not well suited to responsive layouts.
If you need a fully featured tree view with unlimited levels, expand/collapse functionality and icons, the best solution is to integrate a JavaScript tree library (for example jsTree or Fancytree) into your VisualNEO Web application. That provides exactly the type of control you're describing while still allowing you to trigger
GoToPageor any other NeoScript action when a node is selected.
@m-burdess The built-in List Box in VisualNEO Web is a standard HTML list control, so it doesn't support hierarchical (tree) structures with expandable/collapsible sub-items or images.
If your menu is relatively small, I'd suggest creating it manually using Push Buttons, Paragraphs or HTML. Each Level 1 item can simply show or hide the controls that belong to that section using the ShowObject and HideObject actions, while the Level 3 items execute a GoToPage action.
For example:
► Level 1
► Level 2
• Level 3 -> GoToPage("Page1")
• Level 3 -> GoToPage("Page2")
► Level 1
► Level 2If you also want icons or images, you can place an Image or SVG Icon next to each item, or build the menu with HTML.
I would avoid using nested Container objects for this purpose because Containers use absolute positioning by default, making this approach difficult to maintain and not well suited to responsive layouts.
If you need a fully featured tree view with unlimited levels, expand/collapse functionality and icons, the best solution is to integrate a JavaScript tree library (for example jsTree or Fancytree) into your VisualNEO Web application. That provides exactly the type of control you're describing while still allowing you to trigger GoToPage or any other NeoScript action when a node is selected.
Quote from m.burdess on June 27, 2026, 1:18 pm@luishp
Thank you for the two solutions, I have looked at jsTree and will start learning how to use this within the project. I did look at the number for the levels and it comes to :
Level 1 = 22
Level 2 = 66
and Level 3 108
Thank you for the two solutions, I have looked at jsTree and will start learning how to use this within the project. I did look at the number for the levels and it comes to :
Level 1 = 22
Level 2 = 66
and Level 3 108