Le widget Notes et liens fonctionne comme le widget Texte libre, mais il offre davantage d’options d’affichage et de mise en forme.
Remarque : le widget Notes et liens ne prend pas en charge le HTML intégré.
Configuration
- Saisissez le texte que vous souhaitez afficher. Le format Markdown est pris en charge.
- Sélectionnez un modèle prédéfini ou personnalisez les options d’affichage.
- Choisissez la taille du texte et la couleur d’arrière-plan du widget.
- Pour ajuster la position du texte, cliquez sur les boutons Alignment. Pour désactiver le remplissage (padding), cliquez sur No Padding.
- Pour ajouter un pointeur, cliquez sur Show Pointeret sélectionnez une position dans le menu déroulant.
Lorsque vous êtes prêt à créer le widget, cliquez sur Save.
Ce widget prend en charge les template variables. Utilisez la syntaxe $<NOM_VARIABLE>.value
pour mettre à jour le contenu du widget de façon dynamique.
Dans cet exemple, $env.value
définit la valeur d’un lien sur l’environnement sélectionné.
API
Ce widget peut être utilisé avec l’API Dashboards. Consultez la documentation à ce sujet pour en savoir plus.
Le schéma JSON utilisé pour le widget Notes et liens est le suivant :
Expand All
Background color of the note.
Whether to add padding or not.
default: true
Whether to show a tick or not.
How to align the text on the widget.
Allowed enum values: center,left,right
Define how you want to align the text on the widget.
Allowed enum values: bottom,left,right,top
Where to position the tick on an edge.
Type of the note widget.
Allowed enum values: note
default: note
Vertical alignment.
Allowed enum values: center,top,bottom
{
"background_color": "string",
"content": "",
"font_size": "string",
"has_padding": false,
"show_tick": false,
"text_align": "string",
"tick_edge": "string",
"tick_pos": "string",
"type": "note",
"vertical_align": "string"
}
Pour aller plus loin
Documentation, liens et articles supplémentaires utiles: