Interfaccia Designer

L'hub centrale per creare layout PDF, gestire impostazioni di pagina e associare i dati.

Il Template Designer è lo spazio di lavoro principale per la costruzione dei modelli PDF. Offre un canvas visuale per posizionare gli elementi, un set completo di schede di configurazione per controllare dati e logica, e strumenti per l'anteprima del lavoro.


Canvas

Il Canvas è l'area di lavoro principale che rappresenta la pagina in fase di progettazione.

Comportamento di auto-scaling

Il canvas si adatta automaticamente alle dimensioni della finestra.

  • Rapporto d'aspetto: La rappresentazione visiva mantiene il corretto rapporto d'aspetto delle impostazioni di pagina (es. A4).
  • Scaling visivo: Anche se il canvas può apparire più piccolo o più grande a seconda dello schermo, tutti gli elementi (dimensione testo, immagini, ecc.) si scalano proporzionalmente.
  • Precisione: L'anteprima su schermo è visivamente accurata in termini di layout e proporzioni, anche se non 1:1 nelle dimensioni fisiche.

Selezione e navigazione

  • Selezionare un elemento: Cliccando un elemento sul canvas, questo viene selezionato e il pannello destro passa automaticamente alla scheda Style (Stile).
  • Deselezione: Cliccando un'area vuota del canvas, l'elemento corrente viene deselezionato e il pannello torna alla scheda Elements (Elementi) (o alla scheda generale precedentemente attiva).

Modalità Wireframe

È possibile alternare tra Preview Mode (vista standard) e Wireframe Mode tramite il menu a tendina nella barra degli strumenti superiore.

Quando utilizzare la modalità Wireframe

  1. Prestazioni: Con molti elementi pesanti (immagini ad alta risoluzione, tabelle complesse), la modalità Wireframe migliora significativamente la reattività.
  2. Verifica del layout: Tutti gli elementi vengono sostituiti da riquadri segnaposto leggeri, rendendo più facile vedere i confini esatti e l'allineamento senza distrazioni visive.
  3. Trovare elementi "nascosti": Se un elemento di testo è vuoto o nascosto dietro un altro livello, potrebbe essere invisibile in modalità Preview. La modalità Wireframe mostra tutti gli elementi come riquadri, facilitando l'individuazione e la selezione.

Anteprima PDF

Cliccando il pulsante Preview PDF nella barra degli strumenti superiore, viene generato un PDF temporaneo basato sul design corrente.

Come funziona

  1. Il motore salva lo stato corrente del modello.
  2. Genera un vero file PDF utilizzando il motore di produzione.
  3. Apre il file nel visualizzatore PDF predefinito del sistema.

Limitazioni

  • Variabili singole: L'anteprima tenta di utilizzare la prima riga dei dati CSV/Excel se mappati. In caso contrario, utilizza valori segnaposto (es. [InvoiceNo]).
  • Tabelle di dettaglio: L'anteprima non può iterare su elenchi transazionali reali. Per le tabelle di dettaglio vengono utilizzati dati fittizi o una singola riga. L'anteprima PDF non mostrerà un elenco completo su più pagine.

Schede di configurazione

Il pannello destro del Designer contiene cinque schede principali che controllano ogni aspetto del modello:

SchedaDescrizione
Page (Pagina)Configura impostazioni globali come dimensione pagina (A4, B5 e altro), orientamento e margini.
Data (Dati)Connette le sorgenti dati CSV/Excel, definisce campi calcolati e mappa le variabili.
Elements (Elementi)Aggiunge nuovi oggetti (testo, immagini, tabelle) al canvas e gestisce l'ordine dei livelli.
Style (Stile)Personalizza l'aspetto (posizione, font, bordo) dell'elemento attualmente selezionato.
EmailConfigura oggetto, corpo del messaggio e allegati email con variabili dinamiche.