Introduction
L'ajustement de l'espace de travail pour une visualisation optimale sur différents appareils (mobile et ordinateur) est indispensable.
Zone de travail
Vous pouvez modifier le dimensionnement de l'espace de travail pour visualiser et éditer la version mobile du contenu. Pour cela, cliquez sur l'icône en forme de mobile au dessus du contenu en cours d'édition.
Lignes
Le comportement par défaut d'affichage des lignes est le suivant :
- Chaque ligne du contenu est affichée sur mobile et ordinateur ;
- Les colonnes de la ligne passent l'une en dessous de l'autre en version mobile.
- Les lignes imbriquées passent l'une en dessous de l'autre en version mobile.
Vous pouvez éditer ces paramètres depuis l’onglet Structure.
Paramètres de la ligne
Option “Afficher seulement sur” :
- Mobile : la ligne est affichée uniquement sur mobile ;
- Ordinateur : la ligne est affichée uniquement sur ordinateur.
A noter :
- Par défaut, et lorsque vous changez le dimensionnement de l'espace de travail, vous ne visualisez que les lignes qui doivent apparaître sur la version mobile ou la version ordinateur.
- Si vous souhaitez afficher toutes les lignes sur version mobile et ordinateur, quelles que soient les options d'affichage choisies, décochez l'option "Cacher les éléments ordinateur/mobile) proposée depuis le bouton Paramètres.
Option “Comportement adaptatif des colonnes sur mobile” :
- Activé (option par défaut) : les colonnes de la ligne passent l’une en dessous de l’autre en version mobile ;
- Désactivé : les colonnes de la ligne restent côte à côte en version mobile (même comportement qu’en version ordinateur).
Attention, cette option ne peut être désactivée si les largeurs des colonnes sont définies en pixels.
Comportement adaptatif des colonnes sur mobile
Image
L’option Largeur de 100% sur mobile permet de forcer une image à prendre la largeur maximale de l’appareil lorsque le contenu est lu sur mobile, tandis que l’image prend une taille personnalisée en version ordinateur.
L’option est accessible depuis l’onglet Contenu, en éditant le composant image. Elle est désactivée par défaut.
Largeur de 100% sur mobile
Conclusion
La flexibilité offerte par les options d'affichage et d'adaptabilité des lignes et colonnes souligne l'importance d'une conception réactive pour les contenus web.