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…
Pour faire glisser, appuyez sur le bouton de la souris, gardez-le enfoncé pendant le déplacement, puis relâchez. Shift+clic signifie maintenir la touche Maj enfoncée pendant le clic. Une poignée est un petit repère autour de la sélection que vous déplacez pour la régler.
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.