Widget Notes et liens

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

  1. Saisissez le texte que vous souhaitez afficher. Le format Markdown est pris en charge.
  2. Sélectionnez un modèle prédéfini ou personnalisez les options d’affichage.
  3. Choisissez la taille du texte et la couleur d’arrière-plan du widget.
  4. Pour ajuster la position du texte, cliquez sur les boutons Alignment. Pour désactiver le remplissage (padding), cliquez sur No Padding.
  5. Pour ajouter un pointeur, cliquez sur Show Pointeret sélectionnez une position dans le menu déroulant.
Ajouter du texte dans le champ Markdown de l'éditeur du widget Notes et liens

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.

Utiliser des template variables dans le champ Markdown de l'éditeur du widget Notes et liens

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

Champ

Type

Description

background_color

string

Background color of the note.

content [required]

string

Content of the note.

font_size

string

Size of the text.

has_padding

boolean

Whether to add padding or not.

default: true

show_tick

boolean

Whether to show a tick or not.

text_align

enum

How to align the text on the widget. Allowed enum values: center,left,right

tick_edge

enum

Define how you want to align the text on the widget. Allowed enum values: bottom,left,right,top

tick_pos

string

Where to position the tick on an edge.

type [required]

enum

Type of the note widget. Allowed enum values: note

default: note

vertical_align

enum

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:

PREVIEWING: rtrieu/product-analytics-ui-changes