Skip to Content
Dashboard IoTContenuti Avanzati

Contenuto Avanzato

Il widget Markdown ti permette di aggiungere testo formattato, immagini e valori in tempo reale al tuo board. Usalo per creare sezioni di aiuto, visualizzare messaggi di stato, costruire pagine di documentazione o aggiungere contesto ai tuoi dati — il tutto con semplice markdown.

Rich content demo showing a Markdown widget with formatted text, live data variables, headings, lists, links, and code examples

Cosa Puoi Aggiungere

  • Testo formattato — intestazioni, grassetto, corsivo, elenchi
  • Link e immagini — collega a risorse esterne o visualizza elementi visivi
  • Tabelle — organizza le informazioni in modo chiaro
  • Variabili dinamiche — mostra dati in tempo reale incorporati nel testo, ad es. Sensore 23 °C aggiornato in tempo reale
  • HTML personalizzato — integra HTML grezzo per layout, colori o stili personalizzati quando il markdown da solo non è sufficiente

Formattazione di Base

Il Markdown usa semplici caratteri per formattare il testo:

  • # Heading per un’intestazione grande
  • **bold text** per il grassetto
  • *italic text* per il corsivo
  • - o numeri per gli elenchi

Link: testo tra parentesi quadre seguito dall’URL tra parentesi tonde — [IronFlock](https://www.ironflock.com)

Immagini: come un link ma inizia con !![testo alternativo](https://example.com/image.png)

Tabelle: usa le barre verticali | per separare le colonne.

Non è necessario memorizzare tutto questo — il markdown è intuitivo e lo imparerai rapidamente usandolo. Per un riferimento completo consulta la guida ufficiale Markdown.

Variabili Dinamiche

È qui che il widget markdown diventa potente: puoi iniettare dati in tempo reale direttamente nel tuo testo.

Nel contenuto markdown, racchiudi il nome di una variabile tra doppie parentesi graffe: {{variableName}}

Poi nella configurazione Variables del widget, aggiungi una voce con:

  • Label — il nome della variabile (deve corrispondere esattamente a quanto scritto nel testo)
  • Value — collegato a una colonna di dati in tempo reale dalla tua app

Esempio: Scrivi Temperatura attuale: {{temp}}°C nel campo markdown, poi aggiungi una variabile con etichetta temp collegata alla colonna temperatura del tuo dispositivo. Il widget renderizza Temperatura attuale: 23°C e lo aggiorna in tempo reale man mano che arrivano nuovi dati.

Casi d’Uso

  • Pagine di benvenuto — introduci gli utenti al board con contesto e istruzioni
  • Riepiloghi di stato — mostra metriche chiave incorporate nel testo descrittivo
  • Documentazione di aiuto — incorpora guide pratiche direttamente nel board
  • Messaggi dinamici — combina testo statico con valori in tempo reale che si adattano alle condizioni attuali
Last updated on