« Manage views » : différence entre les versions
the views managing |
ajout des image |
||
| Ligne 3 : | Ligne 3 : | ||
== Create New Views == | == Create New Views == | ||
To create a new view, click on Create New View. Once clicked, a prompt will open with three fields: | To create a new view, click on Create New View. Once clicked, a prompt will open with three fields: | ||
[[Fichier:Tuto create views.png|vignette]] | |||
# View ID – must respect the ID formatting rules. | # View ID – must respect the ID formatting rules. | ||
| Ligne 14 : | Ligne 15 : | ||
== Edit Views == | == Edit Views == | ||
=== View Parameters === | === View Parameters === | ||
[[Fichier:Tuto view parameters.png|gauche|280x280px]] | |||
Once the view is created, you can edit its parameters by selecting the root component: | Once the view is created, you can edit its parameters by selecting the root component: | ||
| Ligne 31 : | Ligne 33 : | ||
The Layout component can contain other components to organize their display. | The Layout component can contain other components to organize their display. | ||
[[Fichier:Tuto add component.png|centré|vignette|300x300px]] | |||
=== Change Component Order === | === Change Component Order === | ||
To adjust the display, drag and drop a component inside the tree. | To adjust the display, drag and drop a component inside the tree. | ||
Components contained in a layout component will follow the order defined. | Components contained in a layout component will follow the order defined. | ||
[[Fichier:Tuto move component 2.png|centré|vignette|[[Fichier:Tuto move component 2.png|300x300px]]]] | |||
=== Duplicate Component Set === | === Duplicate Component Set === | ||
| Ligne 42 : | Ligne 49 : | ||
The component ID will not be duplicated; instead, a random ID will be generated. | The component ID will not be duplicated; instead, a random ID will be generated. | ||
[[Fichier:Tuto Duplicate.png|centré|vignette]] | |||
=== Move Component Set to Another View === | === Move Component Set to Another View === | ||
| Ligne 47 : | Ligne 55 : | ||
All components contained in a layout component will also be moved. | All components contained in a layout component will also be moved. | ||
[[Fichier:Tuto move to other view.png|centré|vignette]] | |||
== Change Current View == | == Change Current View == | ||
To switch between views, use the dropdown menu. | To switch between views, use the dropdown menu. | ||
[[Fichier:Tuto Change views.png|centré|vignette]] | |||
== Edit the Source Code == | == Edit the Source Code == | ||
Version du 13 septembre 2025 à 20:35
Manage views
Create New Views
To create a new view, click on Create New View. Once clicked, a prompt will open with three fields:
- View ID – must respect the ID formatting rules.
- Name – can contain any characters.
- Type – choose between:
- Main component
- Sub component
Once the view is accepted, the new view is opened, made of a single root component.
Edit Views
View Parameters
Once the view is created, you can edit its parameters by selecting the root component:
- ID
- Name
- Classes
- Type
- Height
- Width
- Is a craft
- Can be used on the map
- Can be drag & dropped onto another sheet
- ID of the avatar component
Add Components
To add a component, drag and drop it from the Component List into the Component Tree.
The Layout component can contain other components to organize their display.
Change Component Order
To adjust the display, drag and drop a component inside the tree. Components contained in a layout component will follow the order defined.
Duplicate Component Set
You can duplicate a component to copy its settings within the same component.
Duplicating a layout component will also duplicate all components it contains.
The component ID will not be duplicated; instead, a random ID will be generated.
Move Component Set to Another View
A component can be moved to another view.
All components contained in a layout component will also be moved.
Change Current View
To switch between views, use the dropdown menu.
Edit the Source Code
The tree of components is stored in the source code. If you encounter difficulties with the tree, you can edit the source directly.
⚠ Warning: Editing the source code may break your system. Always deploy or back up your system before editing.
