Faire glisser les éléments en place.

Apprendre DXPR BuilderCréer des pagesModifier une page

Vous pouvez faire glisser des éléments, lignes et sections pour les mettre où vous voulez. Déplacez-les vers le haut ou le bas d’une colonne, ou dans une autre colonne ou section. Les nouveaux éléments arrivent en haut de leur colonne, donc le glisser est le moyen rapide de les ordonner. L’exemple fait glisser un bouton Réserver une consultation gratuite sous le texte auquel il appartient.

Faire glisser un élément

  1. Survolez l’élément pour afficher sa barre de contrôle.
  2. Maintenez la poignée de déplacement : la prise pointillée avec le nom de l’élément, à gauche de la barre de contrôle.
  3. Faites glisser l’élément vers son nouvel emplacement. Un espace réservé rayé montre où il arrivera.
  4. Relâchez le bouton de la souris pour le déposer là.
  5. Cliquez sur Enregistrer dans la barre d’outils pour stocker la page.

Dans l’exemple, chaque élément reçoit aussi une marge haute de 48 px dans son panneau Style.

Élément Bouton survolé avec sa barre de contrôle et sa poignée de déplacement pointillée, sous les barres Section, Row et Column, sans barre sur le texte des services

Où déposer

Un élément peut arriver entre deux éléments de la même colonne, dans une autre colonne, ou directement dans une autre section. Il peut aussi entrer dans un élément conteneur comme un onglet ou un panneau repliable. Toute zone DXPR Builder de la même page l’accepte aussi.

Déplacer une section, une ligne ou une colonne

Les sections et les lignes ont la même poignée sur leur barre de contrôle. Faites glisser une section vers le haut ou le bas de la page, ou une ligne dans une autre section. Les colonnes restent dans leur ligne : faites glisser la poignée d’une colonne vers la gauche ou la droite pour l’échanger avec sa voisine.

Déplacer sans faire glisser

Cliquez sur le nom de l’élément dans sa barre de contrôle pour le sélectionner. Appuyez sur Ctrl+Haut ou Ctrl+Bas (Cmd sur Mac) pour le déplacer d’une place. Pour une colonne, appuyez sur Ctrl+Gauche ou Ctrl+Droite. Le menu Plus a les mêmes déplacements sous Move Up et Move Down.

Ce que vous voyez

Pendant le glisser, une copie de l’élément suit le pointeur et l’espace réservé rayé marque le point de dépôt. Après le dépôt, l’élément se place à son nouvel emplacement et le reste de la colonne se referme autour de lui. Le point sur le bouton Enregistrer montre que la modification n’est pas encore enregistrée.

Si l’élément ne bouge pas

  • Rien ne bouge pendant le glisser. Vous avez appuyé sur l’élément lui-même, pas sur sa poignée. Maintenez la prise pointillée avec le nom de l’élément.
  • L’endroit voulu est hors écran. La page ne défile que lorsque le pointeur est près du bord de la fenêtre. Approchez le pointeur du bord haut ou bas et attendez.
  • Une colonne ne quitte pas sa ligne. Les colonnes échangent leurs places dans leur ligne uniquement. Faites glisser les éléments de la colonne vers l’autre ligne à la place.
  • Un élément dans Positioned layers ne montre aucun espace réservé. Ces éléments sont placés librement sur un canevas. Voir Positioned layers.
  • L’élément est arrivé au mauvais endroit. Appuyez sur Ctrl+Z (Cmd+Z sur Mac) pour annuler le dépôt.

Et ensuite ?