Guide e tutorial pratici per joomla e le sue estensioni
Guide e tutorial pratici per joomla e le sue estensioni

Vediamo come costruire un semplice form a fisarmonica o accordion form con chronoforms.

Chi ha l'esigenza di costruire un form molto lungo potrebbe volerlo rendere più pratico da navigare inserendo i campi dentro delle sezioni (accordion) che si aprono e si chiudono.

Realizzare un form con questa caratteristica non è difficile, sarà sufficiente inserire i campi, 2 o più, dentro un elemento container impostato su "slider".

L'effetto sarà come il form sottostante.

Potete scaricare il form nella versione backup per chronoforms V5 dopo esservi registrati.

Prova il form appena realizzato con chronoforms V5

Powered by ChronoForms - ChronoEngine.com

Commenti   

0 # marco 2016-06-01 18:24
ciao, complimenti per le guide ben fatte e molto utili, ho già imparato molte cose. Sono alle prime armi e vorrei utilizzare il sistema di form a fisarmonica nell’applicazione che sto realizzando in modo da compattare il form e nascondere, a prima vista, alcuni dati non ricorrenti. Come nella guida, ho provato a inserire tre elementi container impostati su slider ed ho inserito in ognuno alcuni campi, ma non riesco a farlo funzionare. Quando seleziono i container al posto di aprirsi con l'effetto di scivolamento, viene aggiunto #slider-2 oppure #slider-3 all’indirizzo della pagina e non vengono mostrati i campi in essi contenuti. Ho provato a scaricare anche l’esempio, ma il risultato è uguale. Puoi aiutarmi?
Grazie e scusa per il disturbo.
0 # giusebos 2016-06-01 20:51
Installando il form di esempio, questo funziona?
0 # marco 2016-06-01 21:08
Grazie per la risposta. Ho provato ad installare l'esempio, ma funziona nello stesso modo. Quando seleziono il container vengo reindirizzato senza possibilità di vedere i campi contenuti.
0 # giusebos 2016-06-02 00:19
è possibile che tu abbia un conflitto jquery, lo potrai verificare testando il form con il template protostar.

crea una voce di menù al form e poi nella gestione template di protostar abbinalo a quella voce di menù.

Per pubblicare un commento devi registrarti