Form a geometria variabile con Chronoforms

[vales]

Ho preparato questo nuovo articolo.
Tratta, come si intuisce dal titolo, della creazione di un form che modifica il suo aspetto, e quindi mostra o non mostra campi o sezioni del form stesso, in funzione degli inserimenti operati in precedenza.
Credo è un'ulteriore dimostrazione della versatilità di questo componente e degli aspetti ancora nascosti da rivelare agli utilizzatori.

Link: http://www.joomla.it/articoli-della-community/3832-form-a-geometria-variabile-con-chronoforms.html

Buona lettura a tutti.

[redtooth]

Sei unico.

[ventus85]

Ottimo! 

[tonicopi]

Bravo! Bravo! Bravo!
Evviva la geometria variabile di vales! 

[LuxorTheFirst]

Grande vales! Sto leggendo tutti i tuoi articoli su chronoform e li trovando tutti di grandissima utilità. Ti posso dare un suggerimento? Sempre relativo alla impostazione di un form a geometria variabile, perchè non fai un tutorial su come inserire campi che sono obbligatori a seconda dei casi? La butto lì eh! E' solo una proposta. Io sarei interessato.

[vales]

come inserire campi che sono obbligatori a seconda dei casi?

Stai pensando ad una validazione dei campi condizionata dagli eventi precedenti?

[LuxorTheFirst]

Stai pensando ad una validazione dei campi condizionata dagli eventi precedenti?

Esattamente. Cioè in pratica far diventare un campo obbligatorio solo nel caso in cui io non abbia selezionato un altro campo sempre obbligatorio.

Oppure senza tanti giri di parole:

Ci sono due opzioni obbligatorie: una esclude l'obbligatorietà dell'altra.

Quindi in maniera dinamica, a seconda degli eventi, come dicevi propriamente tu.

Mi sarò spiegato?   

[vales]

Direi che si può fare. Con un buon uso di javascript di cui al momento non ho la piena conoscenza.

La logica del form però sarebbe invertita perchè entrambi i campi andrebbero visualizzati per decidere quale scegliere, e nascondere quello non scelto non vedo che utilità può avere.

Dal lato pratico però, in caso di archiviazione nel database non vedo l'utilità, perchè comunque anche al campo che sarà nascosto va attribuito un valore di default.

[LuxorTheFirst]

Sì , in effetti mi son spiegato maluccio. Diciamo che ho fatto riferimento alla "geometria variabile" di cui ti parlavi però senza però riferirmi alla scomparsa dei campi. Diciamo che questa possibilità che ti ho proposto sarebbe variabile, senza geometria.  Non so, un altro nome potrebbe essere form con controllo variabile dove per controllo si intende il check che il form fa sui campi obbligatori. [I due campi dovrebbero essere sempre visibili: in modo che ci sia la scelta]

[sudoku]

Procederemo nello stesso modo anche per i RadioButton, con una piccola variante, i bottoni che non provocano modifiche al form saranno qualificati con l'attributo rel="none", quelli che invece attivano modifiche avranno un nuovo attributo rel diverso dagli altri precedentemente utilizzati. Vediamo l'esempio

<input value="Single" title="" id="radio00" name="radio0" type="radio" rel="none"/>

<input value="Coniugato-a" title="" id="radio01" name="radio0" type="radio" value="check" rel="con"/>

<input value="Convivente" title="" id="radio02" name="radio0" type="radio" value="check" rel="con"/>

In questo caso per il radio relativo alla scelta single abbiamo usato l'attributo rel="none" perchè questa scelta non attiverà nulla. Per le altre due opzioni coniugato-a e convivente abbiamo usato l'attributo rel="con".

Dalle prove effettuate la stessa procedura per i radio button descritta da Vales, funziona anche con i dropdown. A volte capita di avere lunghi elenchi di "scelta" da selezionare e questa soluzione ottimizza il porcesso:

Il codice in questo caso sarà implementato come segue:

<div class="form_item">
  <div class="form_element cf_dropdown">
    <label class="cf_label" style="width: 100px;">Scelte multiple</label>
    <select class="cf_inputbox validate-selection" id="select_1" size="1" title=""  name="dropdown">
   
      <option value="option 1" rel="none">option 1</option>
<option value="option 2"rel="risultato visibile"option 2</option>
<option value="option 3" rel="none">option 3</option>

    </select>
   
  </div>
  <div class="cfclear">&nbsp;</div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
<div rel="risultato visibile">
    <label class="cf_label" style="width: 120px;">Risultato</label>
    <input class="cf_inputbox required" maxlength="150" size="30" title="" id="text_2" name="risultato visibile" type="text" />
 
  </div>

[gilbe72]

Ciao, scusate non so se è il posto giusto.... io uso Chrono forms per le iscrizioni ad eventi... e funziona benissimo per singole persone, potrei inserire iscrizioni di gruppo? ad esempio il gruppo x composto da n persone e mi si aprono le n caselle per iscriverle? purtroppo non ho capito un gran che di tutti sti codici... c'è un'automazione in tal senso? grazie

[vales]

Benvenuto nella comunità italiana di Joomla gilbe72,

Non penso che con form tipo quello dell'articolo puoi risolvere il problema perchè il form ha sempre dei campi fissi, quindi non è in grado di inserire n campi in mondo indefinito.
Al massimo penso che un  gruppo lo puoi iscrivere in una text area. Ma la gestione dei singoli credo poi porrebbe qualche difficoltà di gestione, invio email ecc.

[sudoku]

Ciao, scusate non so se è il posto giusto.... io uso Chrono forms per le iscrizioni ad eventi... e funziona benissimo per singole persone, potrei inserire iscrizioni di gruppo? ad esempio il gruppo x composto da n persone e mi si aprono le n caselle per iscriverle? purtroppo non ho capito un gran che di tutti sti codici... c'è un'automazione in tal senso? grazie

potresti sempre creare n form per n gruppi e potresti far sì che per quella parte di portale si renda visibile il form di destinazione. In alternativa puoi creare un form che in un dropmenu inserisca gli n-gruppi. Quando l'utente si iscrive all'evento sceglie di quale gruppo fare parte e a quel punto viene veicolata la stessa ad una email predefinita. Quella email rivevrà iscrizione solo da chi partecipa a quel gruppo.