Joomla.it Forum

Componenti per Joomla! => Gestione Form => : mhe 30 Oct 2013, 12:48:22

: Aiuto configurazione modulo Chronoforms come sistemare i campi
: mhe 30 Oct 2013, 12:48:22
ciao a tutti, vi chiedo un aiuto su come configurare al meglio il form creato con Chronoforms (http://www.chronoengine.com/component/content/article/1-latest/2701-chronoforms-is-joomla-30-ready.html).
il sito in questione e questo: http://www.fareufficio.it/ nella sezione Richiedi un preventivo gratuito (http://www.alessior.it/index.php/richiedi-un-preventivo-gratuito)
ho messo il modulo ci chronoforms che funziona alla perfezione grazie a giusebos (http://forum.joomla.it/index.php?action=profile;u=4750), solo che ora lo vorrei rendere piu carino e vorrei mettere i vari form sulla stessa riga (se possibile)
vi chiedo il vostro aiuto ;)
: Re:Aiuto configurazione modulo Chronoforms come sistemare i campi
: giusebos 30 Oct 2013, 16:10:08
puoi iniziare con inserire questo codice nel file css principale del tuo template

:
.cfdiv_text label {
  width: 233px !important;
}

.ccms_form_element label {
  width: 215px !important;
}

poi riapri il tuo form e aggiungi una classe a tutti i checkbox, ad esempio "lbox"
: Re:Aiuto configurazione modulo Chronoforms come sistemare i campi
: mhe 30 Oct 2013, 22:44:13
per iniziare grazie per le dritte...
(http://imageshack.com/a/img706/262/w2rc.png) (http://imageshack.com/i/jmw2rcp)Uploaded with ImageShack.com (http://imageshack.com)

allora copiato il codice che mi hai dato ed ecco il risultato
(http://imageshack.com/a/img706/262/w2rc.png) (http://imageshack.com/i/jmw2rcp)Uploaded with ImageShack.com (http://imageshack.com)

(http://imageshack.com/a/img600/5894/8dpj.png) (http://imageshack.com/i/go8dpjp)Uploaded with ImageShack.com (http://imageshack.com)

ora sono un po ignorante...se mi puoi guidare piu passo passo...
come faccio a aggiungere la classe ai checkbox? da html code del chronoform? per capirci da qui?

(http://imageshack.com/a/img203/1728/d9u7.png) (http://imageshack.com/i/5nd9u7p)Uploaded with ImageShack.com (http://imageshack.com)