Widget de notas y enlaces

El widget de Notas y enlaces es similar al widget de texto libre, pero contiene más opciones de formato y visualización.

Nota: El widget de Notas y enlaces no admite HTML en línea.

Configuración

  1. Introduce el texto que deseas mostrar. Se admite Markdown.
  2. Selecciona una plantilla predefinida o personaliza las opciones de visualización.
  3. Selecciona el tamaño del texto y el color de fondo de widget.
  4. Para ajustar la posición del texto, haz clic en los botones Alignment (Alineación*). Para no incluir relleno, haz clic en No Padding (Sin relleno).
  5. Para incluir un puntero, haz clic en Show Pointer (Mostrar puntero) y selecciona una posición en el menú desplegable.
Añadir texto en el campo Markdown del editor del widget de Notas y enlaces

Cuando estés listo para crear el widget, haz clic en Save (Guardar).

Este widget es compatible con las variables de plantilla. Utiliza la sintaxis $<VARIABLE_NAME>.value para actualizar dinámicamente el contenido del widget.

Usar variables de plantilla en el campo Markdown del editor del widget de Notas y enlaces

En este ejemplo, $env.value actualiza el valor de un enlace al entorno seleccionado.

API

Este widget se puede utilizar con la API de dashboards. Consulta la siguiente tabla para la definición del esquema del widget JSON:

Expand All

Campo

Tipo

Descripción

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"
}

Leer más

Más enlaces, artículos y documentación útiles:

PREVIEWING: rtrieu/product-analytics-ui-changes