Élément carte.

Vous obtenez une boîte encadrée avec un en-tête et un titre qui contient d’autres éléments, comme du texte ou un bouton. Utilisez les cartes pour grouper du contenu lié comme les services, les profils d’équipe ou les formules tarifaires.

Élément carte

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 Carte. Elle arrive en haut de la colonne, sans boîte de dialogue.
2. Survolez-la, cliquez sur Plus dans sa barre de contrôle et choisissez Paramètres. Saisissez un Header, par exemple Investor Relations.
3. Saisissez le Title de la carte, par exemple Q3 Results Published.
4. Choisissez un Type pour le style de la carte. Ici nous choisissons Primary. Le texte devient blanc automatiquement.
5. Cliquez sur Enregistrer dans la boîte de dialogue.
6. Survolez la carte et cliquez sur + dans sa propre barre de contrôle, pas celle de la colonne. Le + dans le corps vide de la carte fonctionne aussi. Ajoutez un Bouton, car une carte est un conteneur. Définissez son libellé et son lien comme dans Bouton. 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 en-tête et votre titre se placent sur une carte de la couleur choisie, avec le bouton dedans. Dans la vidéo, ils affichent Investor Relations et Q3 Results Published sur une carte Primary. Le bouton est un élément Bouton normal, donc vous le modifiez et le stylisez seul. Les visiteurs le voient une fois la page enregistrée et publiée.

Configurer votre carte

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

• Header : le texte dans la barre en haut de la carte. Laissez-le vide pour masquer la barre.
• Title : le titre en haut du corps de la carte.
• Type : la couleur de la carte : Default, Primary, Secondary, Success, Info, Warning, Danger, Dark ou Light. Tous sauf Default et Light utilisent du texte blanc.

Une carte est un conteneur. Ajoutez ou faites glisser d’autres éléments dans son corps, comme du texte, une image ou un bouton.

Si rien ne s’affiche

• La carte ne figure pas dans l’onglet Contenu. Votre profil d’utilisateur la masque. Demandez à un administrateur de cocher Card (Bootstrap 4/5) sous Elements dans Profils d’utilisateurs.
• Elle a disparu après rechargement. La page n’a pas été enregistrée. Ajoutez-la de nouveau et cliquez sur Enregistrer dans la barre d’outils en haut de la zone de contenu.
• La carte ne montre qu’une bordure et rien dedans. Aucun élément ne s’y trouve encore. Survolez la carte, cliquez sur + dans sa barre de contrôle et ajoutez un Texte, une Image ou un Bouton.
• La barre d’en-tête est manquante. Le champ Header est vide. Survolez l’élément et ouvrez Plus > Paramètres, puis saisissez un en-tête.
• Le texte sur la carte est difficile à lire. La plupart des options Type utilisent du texte blanc, qui s’estompe sur une couleur claire comme Warning. Choisissez un Type plus sombre, ou Light.

Et ensuite ?

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