Back to top

Autore Topic: Chronoforms5 template personalizzabili?  (Letto 1770 volte)

Offline Snt®hw4u®

  • Appassionato
  • ***
  • Post: 350
  • Sesso: Maschio
    • Mostra profilo
Chronoforms5 template personalizzabili?
« il: 10 Dic 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:



ma ricopiando il codice nel sito viene fuori così:


e non è proprio quello che vorrei...

Il codice che ho inserito è:

Codice: [Seleziona]
<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

Offline vales

  • Global Moderator
  • Instancabile
  • *****
  • Post: 8012
  • Sesso: Maschio
    • Mostra profilo
Re:Chronoforms5 template personalizzabili?
« Risposta #1 il: 10 Dic 2014, 21:34:55 »
USA il campo Multi fields che permette l'allineamento orizzontale
Download e demo di Albo Pretorio On Line per Joomla 1.5 e Joomla 2.5 e 3
Moduli scuola On Line v1 per Joomla 3
http://valesweb.altervista.org

Offline Snt®hw4u®

  • Appassionato
  • ***
  • Post: 350
  • Sesso: Maschio
    • Mostra profilo
Re:Chronoforms5 template personalizzabili?
« Risposta #2 il: 12 Dic 2014, 10:51:04 »
USA il campo Multi fields che permette l'allineamento orizzontale

OK adesso con Multi fields ho l'allineamento orizzontale


e caricando CSS "modificato" all'interno del form ho questo risultato:


Questo è il codice CSS che ho inserito nel mio form.

Codice: [Seleziona]
.gcore-label-left {
    min-width: 10px !important;
}

L'ultima cosa che mi rimane è di allinearlo al centro della pagina..  :o

Offline vales

  • Global Moderator
  • Instancabile
  • *****
  • Post: 8012
  • Sesso: Maschio
    • Mostra profilo
Re:Chronoforms5 template personalizzabili?
« Risposta #3 il: 12 Dic 2014, 18:57:53 »
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.
Download e demo di Albo Pretorio On Line per Joomla 1.5 e Joomla 2.5 e 3
Moduli scuola On Line v1 per Joomla 3
http://valesweb.altervista.org

 



Web Design Bolzano Kreatif