Per personalizzare l'aspetto del Wizard con la propria grafica, è fondamentale avere familiarità con React.
Si suggerisce pertanto di utilizzare i sorgenti del configuratore Tesy come punto di partenza per integrare la grafica, evitando così di dover ricreare da zero il sistema di scambio dati.

Il file config.json contiene due sezioni principali che permettono di configurare il comportamento e l'aspetto del Wizard.

La sua struttura è la seguente:

• steps: configurazione dei passi del wizard.
  Puoi trovare maggiori dettagli sulla struttura di steps nella pagina personalizzazione → steps.

• ui: configurazione dell'aspetto visivo.
  Per maggiori informazioni sulla personalizzazione della UI, consulta la pagina personalizzazione → UI.

• disableSteps: configurazione della visualizzazione o meno degli steps.
  Gli step sono disabilitati solo quando il valore è uguale a true (valore booleano, senza apici).
  Se il valore non è definito o diverso da true allora gli step sono visualizzati.

Il contenuto del file config.json è simile a questo:

  {
    "steps": ...,
    "ui": ...,
    "disableSteps": true
  }