𧬠Assemble components
Menu component is a user interface element that provides a navigational structure for accessing different features, options, or sections within the ILLA Cloud application. It typically consists of a list of menu items or links that users can interact with to navigate through various pages or perform specific actions.
Properties | Description |
---|---|
Menu | actual content and options displayed within the menu component |
Hidden | hides the form component from the userβs view |
Direction | the orientation or layout of the menu component |
Align | the positioning or alignment of the menu component within its container or parent element |
The component has some commonly used data, which can be called via {{componentName.propertyName}}
in the app.
Property name | Description |
---|---|
displayName | represents the name or label assigned to the component |
hidden | whether the menu component is visible or hidden |
horizontalAlign | controls the horizontal positioning or alignment of the menu component within its container or parent element |
items | collection of menu items or options available within the menu component |
mode | how the menu operates or interacts with the user |
selectedValues | holds the values of the menu items that have been selected or chosen by the user. |
Example: {{menu1.displayName}}
We will demonstrate how to make a form with name and age as input, as well as bar progress to show the completion progress of the form.
Go to the page configuration as the following stepsοΌ
You can use the Preset Layouts, or manually add and delete sections to set the layout.
View path
: a string spliced after the page URL to access the specified view. After the app is deployed, the complete access address is as follows:Β https://builder.illacloud.com/{{team_identifier}}/deploy/app/{{app_id}}/{{page_name}}/{{view_path}}
You can also enter the homepage and default view via the following path:
https://builder.illacloud.com/{{team_identifier}}/deploy/app/{{app_id}}
Add a Menu
component to the top of the page.
Add event handlers to Menu items β set the Action to Set router β select the page and view
For the menu
components, we can configure it to switch between pages and views
menu
component to open its inspect page.Event handler
, click **+ New**
.Set Router
in action, and select the page and the view that you want to route to as the target of the event.We can do the same for other pages and view you want to route to.