Ajouter un panneau.

Apprendre DXPR BuilderCréer des pagesAjouter du contenuMarketing

Vous obtenez une boîte encadrée avec une barre de titre colorée qui garde ensemble du contenu lié, comme des horaires d’ouverture ou un avis. Utilisez-la quand un bloc d’une page a besoin de son propre titre et cadre.

Panneau Primary avec une barre de titre sombre affichant Citizen Services Opening Hours, deux lignes d’horaires d’ouverture et un bouton Book an appointment

Ajouter un panneau

Ouvrez votre page une fois la session ouverte : les commandes du constructeur apparaissent au survol de la zone de contenu. Votre première page présente les bases.

  1. Survolez la colonne et cliquez sur + dans sa barre de contrôle, ou cliquez sur Ajouter des éléments sur une page vide. Ouvrez l’onglet Contenu et cliquez sur Panneau. Il arrive en haut de la colonne, sans boîte de dialogue.
  2. Survolez le panneau, cliquez sur Plus dans sa barre de contrôle et choisissez Paramètres. Saisissez un Title.
  3. Choisissez un Type pour la couleur : DXPR, Default, Primary, Success, Info, Warning ou Danger. Ici nous choisissons Primary.
  4. Cliquez sur Enregistrer dans la boîte de dialogue.
  5. Cliquez sur le + dans le corps du panneau et ajoutez un Bouton depuis l’onglet Contenu. Un élément de texte fonctionne aussi, par exemple pour les horaires d’ouverture. Puis cliquez sur Enregistrer dans la barre d’outils en haut de la zone de contenu pour stocker la page.

Ce que vous voyez

Votre titre se place dans une barre de titre colorée, et le bouton dans le corps du panneau en dessous. Le bouton est son propre élément, donc vous le modifiez et le stylisez seul. Dans la vidéo, un panneau Primary intitulé Citizen Services Opening Hours contient un bouton de réservation. Les visiteurs le voient une fois la page enregistrée et publiée.

Configurer votre panneau

Survolez l’élément et ouvrez Plus > Paramètres dans sa barre de contrôle. Options :

  • Title : le texte dans la barre de titre. Laissez-le vide pour un panneau sans barre de titre.
  • Type : la couleur de la bordure et de la barre de titre, prise dans votre thème : Default, Primary, Success, Info, Warning ou Danger. DXPR, la valeur par défaut, est une boîte sombre avec du texte clair à la place.

Le panneau est un conteneur. Ajoutez ou faites glisser du texte, des images, des icônes ou des boutons dans son corps.

Si rien ne s’affiche

  • Le panneau ne figure pas dans l’onglet Contenu. Votre profil d’utilisateur le masque. Demandez à un administrateur de cocher Panel (Bootstrap 3) sous Elements dans Profils d’utilisateurs.
  • Il a disparu après rechargement. La page n’a pas été enregistrée. Ajoutez-le de nouveau et cliquez sur Enregistrer dans la barre d’outils en haut de la zone de contenu.
  • Aucune boîte de dialogue de paramètres ne s’ouvre à l’ajout du panneau. Un panneau entre sans boîte de dialogue. Survolez l’élément et ouvrez Plus > Paramètres pour définir son titre et son type.
  • Le panneau montre une barre de titre et rien en dessous. Aucun élément n’a encore été ajouté dedans. Cliquez sur le + dans le corps du panneau et ajoutez un Texte ou un Bouton.
  • La barre de titre est manquante. Le champ Title est vide. Survolez l’élément et ouvrez Plus > Paramètres, puis saisissez un titre.

Et ensuite ?

Onglet Style pour modifier l’espacement et l’arrière-plan de votre panneau.