Joomla.it Forum

Componenti per Joomla! => Gestione Form => : nidirex 20 Mar 2010, 08:14:29

: Layout di ChronoForm
: nidirex 20 Mar 2010, 08:14:29

Salve a tutti, ho un problema con chronoform; dopo aver installato e configurato con successo il componente, vorrei operare una formattazione anche minima al layout di default, tipo inserire due campi sulla stessa riga anziché a capo, cosa che non sono riuscito a fare

Ho dato un'occhiata a FormCode del form creato, che si presenta in questo modo:

<div class="form_item">
  <div class="form_element cf_heading">
    <h1 class="cf_text">ACQUISTA</h1>
  </div>
  <div class="cfclear">&nbsp;</div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 70px;">Nome</label>
    <input class="cf_inputbox required validate-alpha" maxlength="20" size="20" title="" id="text_1" name="name" type="text" />
 
</div>
  <div class="cfclear">&nbsp;</div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 70px;">Cognome</label>
    <input class="cf_inputbox required validate-alpha" maxlength="20" size="20" title="" id="text_2" name="surname" type="text" />
 
 </div>
  <div class="cfclear">&nbsp;</div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 70px;">Indirizzo</label>
    <input class="cf_inputbox required validate-alphanum" maxlength="50" size="50" title="" id="text_9" name="address" type="text" />
 
  </div>
  <div class="cfclear">&nbsp;</div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 70px;">Telefono</label>
    <input class="cf_inputbox required validate-digits" maxlength="13" size="13" title="" id="text_10" name="telephone" type="text" />
 
  </div>
  <div class="cfclear">&nbsp;</div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 70px;">E-Mail</label>
    <input class="cf_inputbox validate-email" maxlength="50" size="50" title="" id="text_11" name="e_mail" type="text" />
 
  </div>
  <div class="cfclear">&nbsp;</div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 70px;">Data di nascita</label>
    <input class="cf_inputbox required validate-date" maxlength="10" size="10" title="" id="text_14" name="date" type="text" />
 
  </div>
  <div class="cfclear">&nbsp;</div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 70px;">Luogo di nascita</label>
    <input class="cf_inputbox required validate-alpha" maxlength="30" size="30" title="" id="text_15" name="city" type="text" />
 
  </div>
  <div class="cfclear">&nbsp;</div>
</div>

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 70px;">Codice fiscale</label>
    <input class="cf_inputbox required validate-alpha" maxlength="16" size="16" title="" id="text_8" name="city" type="text" />
 
  </div>
  <div class="cfclear">&nbsp;</div>
</div>

<div class="form_item">
  <div class="form_element cf_captcha">
    <label class="cf_label" style="width: 70px;">Codice di verifica</label>
    <span>{imageverification}</span>
   
    </div>
  <div class="cfclear">&nbsp;</div>
</div>

<div class="form_item">
  <div class="form_element cf_button">
    <input value="Submit" name="button_11" type="submit" />
  </div>
  <div class="cfclear">&nbsp;</div>
</div>

Dovrei inserire i campi Nome e Cognome sulla stessa riga, avete suggerimenti?

Grazie :)

: Re:Layout di ChronoForm
: parp15 20 Mar 2010, 10:30:45

Potresti provare inserendo una tabella con una riga e due colonne:

:

<table border="0">
<tbody>
<tr>
<td><div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 70px;">Nome</label>
    <input class="cf_inputbox required validate-alpha" maxlength="20" size="20" title="" id="text_1" name="name" type="text" />
 
</div>
  <div class="cfclear">&nbsp;</div>
</div></td>
<td><div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 70px;">Cognome</label>
    <input class="cf_inputbox required validate-alpha" maxlength="20" size="20" title="" id="text_2" name="surname" type="text" />
 
 </div>
  <div class="cfclear">&nbsp;</div>
</div></td>
</tr>
</tbody>
</table>
Oppure potresti andare a modificare il css del form. dovrebbe essere possibile.

: Re:Layout di ChronoForm
: nidirex 20 Mar 2010, 11:06:08

Grazie parp15, è una buona soluzione quella della tabella :)

: Re:Layout di ChronoForm
: parp15 20 Mar 2010, 11:08:07

Di niente.

: Re:Layout di ChronoForm
: vales 21 Mar 2010, 09:40:24

Per mantenere la successiva editabilità con  Wizard Edit puoi allineare i campi con l'uso della funzione Multiholder nella fase di costruzione del form con il Wizard.

: Re:Layout di ChronoForm
: nidirex 21 Mar 2010, 09:54:52

: vales  21 Mar 2010, 09:40:24

Per mantenere la successiva editabilità con  Wizard Edit puoi allineare i campi con l'uso della funzione Multiholder nella fase di costruzione del form con il Wizard.

Ah, grazie, non lo sapevo.. comunque la soluzione "tabellare" è abbastanza semplice, ma per il prossimo form proverò come mi suggerisci

: Re:Layout di ChronoForm
: ertos82 23 Jun 2012, 19:37:38

Scusate ragazzi ma come posso inserire le tabelle nel codice, non riesco proprio a capire. fatemi sapere anchio ho lo stesso problema e vorrei inserire 2 campi di input nella stessa riga


Grazie

: Re:Layout di ChronoForm
: vales 24 Jun 2012, 18:48:54

http://forum.joomla.it/index.php/topic,148983.msg745017.html#new