Interactions sur la canvas
Les interactions sur la canvas regroupent tous les gestes que vous effectuez directement sur l'aperçu de la page, sans passer par le panneau latéral : sélectionner plusieurs blocs au lasso, déplacer un élément à la souris, redimensionner ou pivoter un bloc avec ses poignées, ajuster une marge intérieure, naviguer entre les slides d'un carrousel…
Ces interactions sont conçues pour être directes et naturelles : ce que vous voyez sur la canvas est ce que vous obtiendrez sur le site publié, sans aller-retour entre l'aperçu et un formulaire de réglages.
Les gestes courants
| Geste | Page de doc |
|---|---|
| Tracer un rectangle dans le vide pour sélectionner plusieurs blocs | Sélection rectangle |
| Glisser un bloc pour le déplacer ou le transférer dans une autre section | Déplacement d'un bloc |
| Saisir une poignée d'angle ou de bord pour redimensionner | Redimensionnement |
| Saisir la poignée de rotation pour pivoter un bloc | Rotation |
| Étirer le haut ou le bas d'une section, ou ajouter une section au-dessus/en dessous | Ajustement de section |
| Ajuster les marges intérieures depuis l'intérieur du bloc | Espacement intérieur |
Les retours visuels pendant l'édition
Pendant que vous déplacez ou redimensionnez un bloc, l'éditeur affiche des repères visuels pour vous aider à aligner précisément vos blocs.
| Retour visuel | Page de doc |
|---|---|
| Cadre de la zone cible avec les dimensions de la grille | Repère cible |
| Trame de la grille, lignes d'alignement et indicateurs d'espacement | Repères et alignements |
Les outils flottants au-dessus du bloc sélectionné
Quand un bloc est sélectionné, un ou plusieurs outils apparaissent juste à côté de la sélection.
| Outil flottant | Page de doc |
|---|---|
| Barre d'actions (verrouiller, grouper, aligner, dupliquer, supprimer…) | Barre d'actions du bloc |
| Éditeur enrichi de texte sur un seul bloc | Édition de texte |
| Éditeur enrichi commun à plusieurs blocs textuels | Édition de plusieurs textes |
| Ouverture forcée d'un menu déroulant pendant son édition | Menu déroulant ouvert |
| Navigation entre slides d'un carrousel en cours d'édition | Édition d'un carrousel |
Pour les réglages non-visuels d'un bloc (texte d'un lien, configuration d'un formulaire, options d'un carrousel…), reportez-vous au panneau latéral. Pour la mise en forme purement visuelle (couleurs, bordures, ombres, animations), reportez-vous au panneau de style.