JSMenu compatible component selector
A wizard for selecting a JSMenu compatible component
Last updated
Was this helpful?
A wizard for selecting a JSMenu compatible component
Last updated
Was this helpful?
The JSMenu Compatible Component Selector is a dialog in Servoy Developer that allows developers to assign menus to compatible components such as or . It ensures compatibility and provides tools for easily searching, filtering, and selecting the appropriate components.
The input field where you can type text to filter the list of compatible components. It dynamically updates the list based on the input.
Displays components compatible with the JSMenu framework, such as sidenav [servoyextra] and navbar [bootstrapextracomponents]. Each entry shows the component name and its source.
Clicking the three dots icon next to the search field reveals an additional option:
Filter on parent nodes : Provides a toggle to filter on parent nodes or leaf nodes, useful for narrowing down results when working with nested or hierarchical menus.
Cancel: Closes the selector without applying changes.
Here are the steps for using the JSMenu Compatible Component Selector:
Open the Selector:
Open the Form Editor of the form where you need to place the compatible component
Find the desired Servoy Menu name in the Servoy Menu section in the components' palette
Drag and drop the desired Servoy Menu name in the form
Search for a Component (Optional)
Use the search field to filter the list of compatible components.
Type part of the component name (e.g., sidenav) to narrow down the results.
Filter Nodes (Optional)
Use the filter toggle menu (three vertical dots) to switch between filtering on parent nodes or leaf nodes.
This can help when working with nested or hierarchical menus.
Select a Component
From the filtered list, select the desired component (e.g., sidenav [servoyextra] or navbar [bootstrapextracomponents]).
Confirm Your Selection
Click OK to add the selected component to the main form.
The selected Servoy Menu name will automatically be set for the servoyMenu property of the added component.
Cancel if necessary
Click Cancel to close the selector without making changes.
OK: Adds the selected component to the main form. Automatically will set the previously selected name for the servoyMenu property of the added component.
