formbuilder¶
Il formbuilder è un modo per creare con pochi parametri una form costituita da campi abbinati ad un’etichetta e presentati su una o più colonne.
A basso livello il risultato del formbuilder è una table HTML in cui ciascun campo ed etichetta sono all’interno di un td e ciascuna riga è all’interno di un td.
Vediamo un semplice esempio:
Come si usano gli attributi lbl per mettere le etichette sopra i campi:
È poi possibile impostare una larghezza di campi fissa con fld_width:
Suggerimento
Per vedere il formbuilder all’azione si rimanda alla lezione dedicata nel Corso Base di Genropy
mobileFormBuilder¶
Il mobileFormBuilder è una versione particolare del formBuilder studiata appositamente per una migliore visualizzazione sui dispositivi mobile. A differenza del formBuilder tradizionale le etichette sono di default collocate sopra al campo invece che a sinistra, mentre le dimensioni dei font e la gestione degli spazi sono ottimizzate per spazi più verticali che orizzontali.
Parametri:
Nome parametro |
Tipo |
Descrizione |
|---|---|---|
cols |
L |
Stabilisce il numero di colonne (es: cols=3) |
table |
T |
Permette di indicare una table a cui riferire i vari «field» del formbuilder (es: table=”fatt.fattura”) |
byColumn |
B |
Permette di percorrere il formbuilder con il tabulatore in verticale (per colonna) anziché in orizzontale (per riga) |
Html Parametri |
||
_class |
T |
Permette di assegnare una specifica classe CSS al widget |
height |
T |
Permette di assegnare un’altezza al widget |
width |
T |
Permette di assegnare una larghezza al widget |
border |
T |
Permette di assegnare un bordo al widget |
rounded |
L |
Permette di assegnare un arrotondamento al widget |
style |
T |
Permette di assegnare uno stile (da esprimersi come serie di attributi CSS) al widget |
background |
T |
Permette di assegnare uno sfondo al widget |
CSS Parametri |
||
tblclass |
T |
Permette di assegnare una classe css all’intera tabella |
lblclass |
T |
Permette di assegnare una classe css alle label del formbuilder |
fieldclass |
T |
Permette di assegnare una classe css ai field del formbuilder |
Columns Parametri |
||
colswidth |
T |
Permette di indicare la larghezza delle colonne del formbuilder (es: colswidth=”100%”) |
Label Parametri |
||
lblpos |
T |
Permette di indicare dove posizionare le label, di default è lblpos=”L” (valori alternativi: “T”, per mostrare la lbl sopra al campo) |
lblalign |
T |
Permette di personalizzare l’allineamento delle label del formbuilder, di default lbl_align=”left” |
lblvalign |
T |
Permette di personalizzare l’allineamento verticale delle label del formbuilder, di default lbl_align=”top” |
Field Parametri |
||
fldalign |
T |
Permette di personalizzare l’allineamento dei field del formbuilder, di default fld_align=”left” |
fldvalign |
T |
Permette di personalizzare l’allineamento verticale dei field del formbuilder, di default fld_align=”top” |