Les blocs Disposition sont des aides à la mise en page, avec trois fonctionnalités clé :

• • un bloc Disposition peut être agrandi ou déplacé en poussant les autres blocs Disposition qui viennent après lui ;
• • un bloc Disposition peut être interverti avec un autre ;
• • lorsqu’ils sont utilisés sur plusieurs appareils, les blocs Disposition sont toujours dans le même ordre.

Les blocs Disposition sont, à bien des égards, similaires aux boîtes, dans le sens où ils contribuent à donner une structure visuelle à votre page. Ils sont également similaires aux groupes, puisqu’ils contiennent des éléments qu’ils entrainent avec eux. Mais les blocs Disposition vont plus loin que ça. Ils aident à créer et à mettre à jour les pages les plus complexes.

Dans le canevas, un bloc Disposition sélectionné sera identifiable grâce à la poignée en forme de losange en bas de ce dernier. Cette poignée a un but bien précis.

Quand vous organisez une longue page, il est souvent nécessaire d'insérer ou de supprimer du contenu dans une section de la page qui se trouve quelque part au milieu. Lorsque la page est structurée à l'aide de blocs Disposition, vous pouvez faire glisser la poignée inférieure en forme de losange vers le haut ou le bas. Tous les blocs situés plus bas dans la page suivront, en se déplaçant vers le haut ou le bas. Un curseur de souris spécifique met encore plus en évidence les différents modes de redimensionnement. Cela peut être particulièrement bénéfique pour l'adaptation de la mise en page mobile, où il est souvent nécessaire de faire de la place lors de l'adaptation d'un site pour un appareil différent.

En outre, si vous maintenez la touche CMD enfoncée tout en faisant glisser le bloc Disposition (à partir de n'importe quel endroit), tous les blocs suivants de la page seront déplacés avec lui.

Les blocs Disposition ajoutent également un tout petit peu de structure sémantique. Ils sont censés correspondre à une section de la page et ont un comportement qui y correspond. Lorsque vous faites glisser un bloc Disposition vers le haut ou vers le bas de la page et que son bord supérieur dépasse le bord supérieur d'un autre bloc, ils échangent leur place. De plus, le placement s'applique également à tous les appareils, ce qui permet de conserver l'ordre des sections.

Grâce à ces caractéristiques, les blocs Disposition sont des éléments spéciaux qui ne peuvent se trouver qu'au niveau supérieur de la page. Cette manipulation créera un nouveau bloc Disposition avec la hauteur verticale exacte de l’élément sélectionné.

Vous pouvez facilement migrer une page vers des blocs Disposition en sélectionnant un ou plusieurs éléments de premier niveau dans le canevas et, dans le menu Disposition ou dans le menu contextuel, en sélectionnant « Déplacer vers un bloc Disposition ». Cette manipulation créera un nouveau bloc Disposition avec la hauteur verticale exacte de l’élément sélectionné.

Un comportement de défilement spécial peut être attribué aux blocs Disposition en définissant les options appropriées.

L'option « Verrouiller en haut de la page » permet d'épingler, ou de verrouiller le bloc en haut de la fenêtre du navigateur plutôt que de le faire disparaître avec le défilement. Lorsque plusieurs blocs sont épinglés, vous pouvez choisir de les empiler en haut (pour qu'ils soient tous visibles), de les faire se chevaucher ou de n'en avoir qu'un seul visible à la fois, le dernier bloc repoussant le précédent.

« Fixer en bas du navigateur » permet de ne pas faire défiler le bloc avec la page, mais de le fixer par son bord inférieur au bas de la fenêtre du navigateur.

Il est également possible de créer des éléments qui restent en haut de la page avec les groupes.

Il est également possible d’animer les blocs Disposition, comme un tout.