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

Chronoforms V5 inserire nel form checkbox per accettazione termini privacy

In questo articolo vederemo come inserire un checkbox per fare inserire un flag per l'accettazione dei termini sulla privacy, o per far accettare qualsiasi cosa voi desiderate.

Il nostro intento sarà quello di non far "funzionare" il pulsante "invia" se il checkbox non è flaggato. In questa guida ci avvarremo anche di JCE e del suo plug in "mediabox" per realizzare un link ed una finestra modal dove aprire l'articolo dove saranno scritti i termi/condizioni della privacy o altro.

Quindi step by step:

  • Andiamo in gestione articoli e creiamo il nostro articolo sulla privacy, disabiliteremo anche alcune opzioni di visibilità come votazione, icone stampa e email, data pubblicazione e nr visite.
  • Portiamoci in chronoform e apriamo il nostro form in modalità avanzata, qui aggiungeremo un checkbox prima del pulsante di invio.
  • Annotatevi il nome ID del pulsate invio, il mio è "button2"
  • Entrate nell'elemento checkbox andando ad editare la voce "Label", sostituite il testo con "accettazione privacy" o con tutto quello che a voi piace di più
  • Adesso creiamo il link che ci farà aprire la finestra modale con il nostro testo, in gestione articoli cliccate su nuovo (naturalmente non salveremo questo articolo, esso ci servirà solamente per creare il link usando l'editor JCE).
  • Scrivete una frase tipo questa: "confermo di aver letto le condizioni qui" e linkate la parola "qui" all'articolo precedentemente realizzato, quello con la privacy.
  • Nella finestra di JCE scegliete l'articolo dalla lista "contenuto" cliccandoci sopra, poi portatevi nella tabs "PopUp" e scegliete "popup JCE mediabox, inserite un titolo e su icona popup cliccate su "NO" e le dimensioni del popup. Io ho inserito 500px di larghezza e 500px di altezza (attenzione, il valore da inserire è solo 500 senza  "px").
  • Adesso cliccate su inserisci, disabilitate l'editor e copiatene il codice tralasciando i tag paragrafo di apertura e chiusura "<p>" e </p>".
  • Incollate il codice all'interno dell'elemento checkbox del vostro form alla voce "Secondary label"

Andiamo ad attivare il meccanismo per cui se non si inserisce il flag il pulsante sarà disabilitato.

  • Sempre nella gestione checkbox cliccate in alto alla voce "Events"
  • su "event" scegliete "check"
  • su "action" scegliete "enable"
  • su "Target field ID or Function name" inserite il nome ID del vostro pulsante, il mio è "button2"

Questo realizzato è il primo evento che dice che se la condizione è quella di "flaggato" (check), l'oggetto con ID "button2" sarà abilitato, andiamo a costruire il secondo evento che dirà esattamente il contrario: Se la condizione è "non flaggata" (uncheck). l'oggetto con ID "button2" sarà disabilitato.

  • Premete su "add new events" ed inserite
  • su "event" scegliete "uncheck"
  • su "action" scegliete "disable"
  • su "Target field ID or Function name" inserite il nome ID del vostro pulsante, il mio è "button2"

Salvate il tutto e testate il form cliccando su "test form". Voglio terminare il tutorial inserendo una classe sul tasto che ne renda diverso l'aspetto: Utilizzando un template che fa uso di bootstrap, andrò ad inserire questa classe "btn btn-success" nell'elemento pulsante alla voce class, andando di fatto ad aumentare l'effetto abilitato/disabilitato del pulsante.

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

Attenzione, nel modulo non sono implementate le funzioni di invio, quindi per chi scaricherà il file e lo installerà, dovrà inserire le funzioni mancanti.

Prova il form appena realizzato con chronoforms V5


 

Powered by ChronoForms - ChronoEngine.com

Commenti   

0 # formizzatore 2015-07-05 21:15
Sono riuscito a capire come inserire la privacy nei form realizzati con chronoforms
0 # Gabriele 2015-07-31 12:17
Ad un certo punto parli di Button5 credo sia un refuso per indicare button2 che sarebbe il nome che avevi assegnato al pulsante di invio giusto?
0 # giusebos 2015-07-31 13:46
Citazione Gabriele:
Ad un certo punto parli di Button5 credo sia un refuso per indicare button2 che sarebbe il nome che avevi assegnato al pulsante di invio giusto?


Si hai ragione. Ho corretto il tutorial, grazie per la segnalazione
0 # Gabriele 2015-07-31 14:50
Posso chiederti un'altra cosa...forse succede perchè ancora non ho configurato la posta. Dopo aver seguito tutti i tuoi passaggi, di cui ti ringrazio perchè finalmente un tutorial chiaro su questo argomento, dopo aver messo il flag e clikkato sul pulsante di invio messaggio mi rimanda al popup della privacy
0 # giusebos 2015-07-31 19:22
se ti apre il popup c'è qualcosa di sbagliato.
Questo si deve aprire solo cliccando il link.
Se scarichi il backup del form puoi controllare se le impostazioni sono le stesse del tuo.
0 # alfar75 2018-10-31 07:42
volevo registrarmi sul sito ma il form non funziona (captcha)
0 # giusebos 2018-10-31 10:35
Citazione alfar75:
volevo registrarmi sul sito ma il form non funziona (captcha)

Devi accettare i cookies altrimenti non puoi iscriverti.
0 # MICHELE Del Principe 2019-01-22 19:58
Ciao,
grazie sempre per i tuoi precisi e puntuali tutorial.
Ho la necessità di inserire due checkbox che quando entrambi flaggati attivano il pulsante subtime.
Peraltro vorrei inserirli in un form CF6.
Ho provato a collegarli in cascata (il primo attiva il secondo quando flaggato ed il secondo attiva il bottone) ma se faccio la sequenza e ppoi tolgo il flag al primo checkbox il pulsante rimane attivo.... quindi con gli eventi non credo si possa fare.
Avevo pensato di introdurre un Php di logica (options) .. ma sono davvero in crisi per un eventuale codice.
Potresti aiutarmi ... credo sia di interesse di molti (es. accettare un regolamento e la privacy...)
Grazie.
0 # giusebos 2019-01-22 20:17
Citazione MICHELE Del Principe:

Ho la necessità di inserire due checkbox che quando entrambi flaggati attivano il pulsante subtime.
Peraltro vorrei inserirli in un form CF6......
Grazie.

Mi dispiace, ho deciso di non supportare più chronoforms dopo il cambio di licenza, hanno deciso di limitare il numero di campi per il libero utilizzo, poi però chi ha acquistato la licenza non riceve aiuto nel forum ufficiale....di lavorare gratuitamente per questi signori non ne ho voglia, chi invece desidera qualcosa con cui costruire form e quant'altro usi Fabrik.

Per pubblicare un commento devi registrarti