Arborescence des éléments (panneau droit)

Dans WebAcappella, le panneau de droite est toujours visible et joue un rôle essentiel dans la gestion des éléments de la page. Il offre une vue hiérarchique complète de la structure de la page et permet d’interagir facilement avec chaque composant.

Présentation du panneau de droite

Le panneau de droite est divisé en plusieurs sections, mais la plus importante pour l’édition est l’arborescence des éléments.

Cette arborescence affiche tous les éléments de la page sous forme de liste organisée et synchronisée avec le plan de travail.

Elle permet de :

✔ Visualiser la hiérarchie complète des éléments (boîtes, lignes, colonnes, composants).

✔ Sélectionner rapidement un élément, même s’il est difficile d’accès sur le plan de travail.

✔ Déplacer les éléments dans la hiérarchie pour réorganiser la mise en page.

Sélectionner un élément via l’arborescence

1. Repérer l’élément souhaité dans l’arborescence.

2. Cliquer sur l’élément : il sera automatiquement sélectionné sur le plan de travail.

3. L’élément sélectionné s’affiche avec ses propriétés, permettant une modification rapide.

Déplacer un élément dans l’arborescence

1. Cliquer sur un élément et maintenir le clic.

2. Le glisser à un nouvel emplacement dans la hiérarchie.

3. Relâcher le clic pour repositionner l’élément dans la structure de la page.

Avertissement

Attention : Certains éléments ne peuvent pas être déplacés librement. Par exemple, une colonne doit toujours être placée à l’intérieur d’une ligne.

Avantages de l’utilisation du panneau de droite

✔ Sélection plus préciseIdéal pour attraper des éléments qui se chevauchent

ou difficiles à cliquer sur le plan de travail.

✔ Vue hiérarchique claire : Permet d’avoir une organisation structurée de la page.

✔ Gain de tempsPlus besoin de zoomer ou de chercher un élément caché,

tout est listé clairement.

✔ Déplacement facilitéRéorganiser les éléments est plus rapide

que de les manipuler directement sur le plan de travail.

Bonnes pratiques

✔ Utiliser l’arborescence pour naviguer rapidement entre les éléments.

✔ Déplacer les éléments avec précaution pour ne pas désorganiser la mise en page.

✔ Alterner entre le plan de travail et l’arborescence pour une meilleure fluidité d’édition.