Joomla.it Forum
Componenti per Joomla! => Gestione Form => : Snt®hw4u® 10 Dec 2014, 10:20:44
-
Ciao a tutti, mi sto imbattendo in questa nuova impresa.
Sto creando un modulo con Form per un sito che gestisco.
Con Chronoform ho creato il form con gli elementi che mi servano.
Il mio problema è la visualizzazione.
Il form che mi esce fuori è incolonnato ma io lo vorrei in linea.
Perciò cosa ho fatto, mi sono copiato il codice e me lo sono modificato a piacimento.
Con notepad++ ho salvato il file è l'ho provato con lo stesso.
il risultato ched ho e quello desiderato è questo:
(http://www.sntlab.it/images/sampledata/joomla/poppi_ok.png)
ma ricopiando il codice nel sito viene fuori così:
(http://www.sntlab.it/images/sampledata/joomla/poppi_no.png)
e non è proprio quello che vorrei...
Il codice che ho inserito è:
<tr>
<td id="ftr-Data_di_Arrivo">
<td id="ftd-Data_di_Arrivo"><label for="Data_di_Arrivo" >Arrivo</label>
<td id="fin-Data_di_Arrivo"><input name="Arrivo" id="Data_di_Arrivo" value="" data-gdatetimepicker-format="d-m-Y" placeholder="" size="10" maxlength="10" class=" validate['required']" title="" style="" data-load-state="" data-tooltip="" type="text" data-fieldtype="gdatetimepicker" data-start_view="d" />
</td>
</td>
</td>
<td id="ftr-Data_di_Partenza">
<td id="ftd-Data_di_Partenza"><label for="Data_di_Partenza" >Partenza</label>
<td id="fin-Data_di_Partenza"><input name="Partenza" id="Data_di_Partenza" value="" data-gdatetimepicker-format="d-m-Y" placeholder="" size="10" maxlength="10" class=" validate['required']" title="" style="" data-load-state="" data-tooltip="" type="text" data-fieldtype="gdatetimepicker" data-start_view="d" />
</td>
</td>
</td>
<td id="ftr-persone">
<td id="ftd-persone"><label for="persone" >Persone</label>
<td id="fin-persone"><input name="Persone" id="persone" value="" placeholder="" maxlength="2" size="2" class=" validate['number']" title="" style="" data-inputmask="" data-load-state="" data-tooltip="" type="text" />
</td>
</td>
</td>
<td id="ftr-email">
<td id="ftd-email"><label for="email" >E-Mail</label>
<td id="fin-email"><input name="E-mail" id="email" value="" placeholder="" maxlength="36" size="" class=" validate['email']" title="" style="" data-inputmask="" data-load-state="" data-tooltip="" type="text" />
</td>
</td>
</td>
<td id="ftr-Invio">
<td id="ftd-Invio">
<td id="fin-Invio"><input name="Invio" id="Invio" type="submit" value="Submit" class="" style="" data-load-state="" />
</td>
</td>
</td>
</tr>
Perchè non mi mantiene la larghezza dei campi?
Nella form ho impostato:
Styles:
Form theme: pure bootstrap
e codice personalizzato.
Come posso modificare il mio stile o template e dove è salvato il template?
Grazie per qualsiasi aiuto
-
USA il campo Multi fields che permette l'allineamento orizzontale
-
USA il campo Multi fields che permette l'allineamento orizzontale
OK adesso con Multi fields ho l'allineamento orizzontale
(http://www.sntlab.it/images/sampledata/joomla/cf_1.png)
e caricando CSS "modificato" all'interno del form ho questo risultato:
(http://www.sntlab.it/images/sampledata/joomla/cf_2.png)
Questo è il codice CSS che ho inserito nel mio form.
.gcore-label-left {
min-width: 10px !important;
}
L'ultima cosa che mi rimane è di allinearlo al centro della pagina.. :o
-
in queste situazioni penso sia da intervenire sul Code generato dal form nell'apposita tab, spuntarla a Custom, ed agire con css sul primo div che contiene tutti i campi.