Panoramica del progettista di moduli basato su modello

Il nuovo progettista di moduli basato su modello offre un'esperienza moderna di creazione WYSIWYG quando si lavora con i moduli basati su modello. Questa funzionalità Include vari miglioramenti non disponibili nella progettazione moduli basata su modelli classica.

La finestra di progettazione mostra un'anteprima WYSIWYG in tempo reale (solo interfaccia unificata) mentre si crea un modulo. Le modifiche apportate al modulo vengono immediatamente riflesse nell'anteprima, consentendo di visualizzare esattamente il modo in cui il modulo apparirà agli utenti quando viene pubblicato. Un riquadro delle proprietà sempre disponibile rende l'attività comune di aggiornamento delle proprietà in modo rapido e semplice. Anche gli aggiornamenti alle proprietà vengono riflessi immediatamente nell'anteprima del modulo. Il riquadro colonne con funzionalità di ricerca e filtro consente agli autori di trovare e aggiungere rapidamente colonne al modulo. Il riquadro componenti semplifica l'individuazione e l'uso dei componenti e offre un'esperienza utente finale avanzata. La visualizzazione albero consente di visualizzare la gerarchia delle colonne e dei componenti del modulo e di trovare e selezionare rapidamente una determinata colonna o componente nel modulo.

L'interfaccia della finestra di progettazione moduli include le aree seguenti:

1. Barra dei comandi: visualizza le azioni disponibili, ad esempio Salva, Pubblica, Annulla e Ripeti.

2. Anteprima del modulo: visualizza un'anteprima in tempo reale del modulo come apparirà agli utenti al momento della pubblicazione.

3. Riquadri: visualizza riquadri con funzioni specifiche:

   • Riquadro Colonne per aggiungere colonne a un modulo.
   • Riquadro Componenti per aggiungere componenti a un modulo.
   • Visualizzazione albero per visualizzare la gerarchia dei componenti nel modulo e selezionarli.
   • Il riquadro Raccolte moduli è la posizione in cui è possibile visualizzare e aggiungere librerie di moduli. Altre informazioni: Configurare gestori di eventi del modulo app basate su modello

4. Riquadro proprietà: visualizza le proprietà dell'elemento selezionato e consente anche di apportare modifiche.

5. Cambia le dimensioni dell'anteprima: modifica le dimensioni dell'anteprima del modulo per visualizzare la modalità di visualizzazione del modulo in varie dimensioni dello schermo.

6. Mostra nascosto: visualizza le colonne nascoste nell'area di anteprima del modulo. Per impostazione predefinita, questa opzione è disattivata e le colonne nascoste non vengono visualizzate nell'anteprima del modulo e sono visibili solo dal riquadro della visualizzazione albero. Se abilitata, le colonne nascoste sono indicate nell'area di anteprima del modulo con .

7. Dispositivo di scorrimento Zoom: consente di ingrandire o uscire dall'anteprima del modulo per dare un'occhiata più da vicino.

8. Adatta alla larghezza: azione rapida per adattare l'anteprima del modulo alla larghezza disponibile.

Passaggi successivi

Come aprire l'editor di moduli