Indice

,

Tesy Software srl ©

Pagina non stampabile.
Il contenuto è consultabile solo online.

Personalizzazione UI

Nel file config.json, la proprietà ui permette di personalizzare alcune caratteristiche stilistiche dell'interfaccia utente, come i font, i colori del testo e lo sfondo.

Le opzioni di personalizzazione sono strutturate come segue:

  "ui": {
    "content": {
      "fontFamily": "",
      "color": ""
    },
    "steps": {
      "fontFamily": "",
      "color": ""
    },
    "sidebar": {
      "fontFamily": "",
      "color": "",
      "backgroundColor": ""
    }
  }


Proprietà della UI

  • content: personalizza l'aspetto della sezione principale del contenuto.
    • fontFamily: specifica il nome del font per il contenuto (es. “Arial”).
    • color: definisce il colore del testo del contenuto.
      Può essere un nome di colore (es. “grey”) o un codice esadecimale (es. “#cccccc”).
  • steps: personalizza l'aspetto della sezione degli steps (in testata).
    • fontFamily: specifica il nome del font per la sezione degli steps (es. “Arial”).
    • color: definisce il colore del testo per la sezione degli steps.
      Può essere un nome di colore (es. “grey”) o un codice esadecimale (es. “#cccccc”).
  • sidebar: personalizza l'aspetto della barra laterale (sidebar).
    • fontFamily: specifica il nome del font per la sidebar. (es. “Arial”)
    • color: definisce il colore del testo nella sidebar.
      Può essere un nome di colore (es. “grey”) o un codice esadecimale (es. “#cccccc”).
    • backgroundColor: definisce il colore di sfondo della sidebar.
      Può essere un nome di colore (es. “grey”) o un codice esadecimale (es. “#cccccc”).


Esempio di configurazione

Ecco un esempio di come potrebbe apparire un file config.json con alcune personalizzazioni:

  "ui": {
    "content": {
      "fontFamily": "Arial",
      "color": "#333333"
    },
    "steps": {
      "fontFamily": "Verdana",
      "color": "#555555"
    },
    "sidebar": {
      "fontFamily": "Tahoma",
      "color": "#FFFFFF",
      "backgroundColor": "#2F4F4F"
    }
  }


Considerazioni

  • Le proprietà fontFamily accettano qualsiasi nome di font valido.
  • Le proprietà color e backgroundColor accettano valori di colore sia in formato nome (es. “grey”) che in formato esadecimale (es. “#cccccc”).
  • La proprietà backgroundColor è valida solo per la sidebar.

Questa personalizzazione permette di adattare facilmente l'interfaccia utente alle proprie preferenze visive.