« Manage views » : différence entre les versions

De Wiki Let's Role
Neo-Teyrall (discussion | contributions)
the views managing
 
Neo-Teyrall (discussion | contributions)
petit probleme d'image corriger
 
(Une version intermédiaire par le même utilisateur non affichée)
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 1.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 ==

Dernière version du 19 septembre 2025 à 13:59

Manage views

Create New Views

To create a new view, click on Create New View. Once clicked, a prompt will open with three fields:

  1. View ID – must respect the ID formatting rules.
  2. Name – can contain any characters.
  3. 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.