Aller au contenu

Disposition

Layout répond à une seule question : où se place chaque widget ? La Galerie décide quels widgets existent, Layout décide où ils vont.

Le panneau est un arbre. Chaque coin et chaque région forme une ligne, et les widgets qu’il contient sont indentés en dessous. Faites glisser un widget pour le déplacer de l’un à l’autre.

Un widget peut vivre dans un coin de la carte, en flottant au-dessus d’elle, ou dans une région de la page, un bandeau à part entière qui pousse la carte au lieu de la recouvrir.

Les quatre coins de la carte sont l’emplacement classique des contrôles. Chaque coin est une pile, et cette pile a un ordre : l’index 0 est le plus proche du coin. Faites glisser à l’intérieur de la pile pour la réordonner.

Une pile a aussi une orientation, verticale ou horizontale, réglée depuis la ligne du coin lui-même. La verticale est la valeur par défaut. L’horizontale est celle qu’il vous faut quand un coin contient trois petits boutons et qu’une pile verticale descendrait trop loin sur la carte.

Deux régions encadrent la carte : Header et Footer. Une région est désactivée tant que vous ne l’activez pas, depuis sa vignette dans la galerie ou en y déposant un widget.

Chaque région a ses propres paramètres, dans le panneau Widget comme n’importe quelle autre entrée :

  • un titre, affiché comme en-tête ;
  • une taille, petite, moyenne ou grande ;
  • la possibilité, ou non, pour votre public de la replier.

Le Header et le Footer sont des barres de texte plutôt que des panneaux de widgets, et portent des paramètres de texte supplémentaires : une description sous le titre, une couleur d’arrière-plan, une couleur de texte (ou un contraste automatique déduit de l’arrière-plan), une police (sans empattement, avec empattement ou à chasse fixe) et l’alignement du texte. Le footer est le plus fin des deux, la place naturelle d’une ligne de source des données ou d’attribution.

Tous les widgets ne peuvent pas vivre dans une région. Ceux qui le peuvent sont ceux conçus pour s’afficher comme un panneau : la Legend, la Table et un HTML block. Tous les autres restent des widgets de coin, et l’arbre refuse le dépôt plutôt que d’écrire un placement qui ne s’afficherait pas.

Chaque ligne vous offre la même poignée d’actions.

  • Cliquez sur le nom pour ouvrir les paramètres de ce widget dans le panneau Widget.
  • Renommez-le : le nom affiché est celui que lit votre public, si bien qu’une Legend peut s’appeler Ce que signifient les couleurs.
  • Retirez-le de la disposition. Le widget n’est pas supprimé, il retourne dans son coin par défaut.
  • Faites-le glisser partout où il a le droit d’aller.

Toute la composition est enregistrée avec votre carte web : quelles régions sont activées, comment chacune s’appelle et quelle est sa taille, quel widget se trouve où, dans quel ordre et selon quelle orientation. Rouvrez la carte, et la page est composée exactement comme vous l’avez laissée.

Quand une carte est convertie en application, la disposition l’accompagne. Les régions deviennent le cadre propre de l’application, et les widgets qui n’ont pas d’équivalent dans une application sont signalés plutôt que silencieusement abandonnés.

  • Galerie, où un widget est activé avant de pouvoir être placé.
  • Widget, où un widget placé se configure.