Widget Bloc de texte

Prev Next

Un widget de bloc de texte peut être utilisé pour afficher du texte formaté, des images et des métadonnées.
S’il est utilisé correctement, ce widget peut rendre votre tableau de bord plus convivial et informatif.

Information on water tank capacity and calibration value for configuration troubleshooting.

Éléments de contrôle des widgets

Le widget de bloc de texte ne possède aucun élément de contrôle, tous les paramètres pertinents sont définis dans le panneau de configuration.

Panneau de configuration des widgets

Dans le panneau de sélection de widgets, cliquez sur Bloc de texte. Un nouveau panneau apparaîtra où vous pourrez configurer le widget.

Paramètres du bloc de texte

Dashboard settings interface displaying text block options and widget management features.

Remplissez les champs ci-dessous :

  • Mode avancé
    Activez cet interrupteur à bascule pour utiliser le HTML.

  • Titre
    Un titre ou une description pour le widget.

Cliquez sur Suivant pour aller dans les paramètres du bloc de texte.

Paramètres du bloc de texte

Dashboard settings interface displaying text block options and widget configurations.

Remplissez les champs ci-dessous :

  • Largeur du widget
    La largeur par rapport à la largeur de l’écran.

  • Ordre
    La position sur le tableau de bord.

Cliquez sur Enregistrer pour ajouter le widget au tableau de bord.

Mode avancé

Le mode avancé vous offre des options de mise en forme supplémentaires, comme l’affichage des liens hypertextes et des images.
Si vous ne savez pas exactement comment procéder, il vaut mieux nous demander.

La disposition de ce widget peut être déterminée à l’aide de CSS-Classes :

  • Une liste étendue des classes CSS se trouve en annexe .

  • Des informations sur l’utilisation de flexbox sont disponibles sur css-tricks.com.

N’hésitez pas à nous contacter si vous rencontrez des problèmes avec l’application du CSS.

Tutoriels

Les tutoriels ci-dessous vous donneront une meilleure idée de la façon de tirer le meilleur parti du HTML en mode avancé :

Cette vidéo vous montre comment utiliser des images en HTML.

Cette vidéo vous montre comment utiliser des hyperliens en HTML.

Cette vidéo vous montre comment utiliser les en-têtes en HTML.

Dans cette vidéo, vous apprendrez à utiliser la mise en forme du texte en HTML.