2010-02-01 10 views
5

Utilizzando Formtastic, ho un campo quantità e campo unità che richiede la quantità dell'articolo e l'unità è misurata in.comprendono due ingressi nello stesso elemento LI in Formtastic

mio problema, è che desidero il riquadro dell'unità per visualizzare accanto al riquadro delle quantità. Tuttavia, poiché formtastic scarica ogni input nel proprio elemento LI, non riesco a farli apparire uno accanto all'altro.

Qualche idea?

risposta

9

Utilizzare un wrapper HTML per le quantità e unità di campi:

<%= form.input :quantity, :wrapper_html => { :class => 'fl' } %> 
<%= form.input :unit,  :wrapper_html => { :class => 'fl' } %> 

E nel CSS (probabilmente Formtastic-changes.css), una proprietà css float a stare a galla il li. Ho aggiunto un po 'di margine destro per dare l'etichetta di unità po' di spazio per respirare:

form.formtastic fieldset ol li.fl {float: left; margin-right: 2em;} 

potrebbe essere necessario avere classi o id specifici per la wrapper_html e violino con il css per ottenere il layout e la spaziatura di lavoro come vorresti.

+0

Risposta accettata perché mi ha mostrato che nient'altro avrebbe funzionato. Ho semplicemente mescolato la sintassi del generatore di moduli in. – WedTM

+1

Grazie, ma non capisco perché è necessario utilizzare il generatore di moduli standard? Sto usando questa tecnica wrapper_html con successo con formtastic (usando display: inline nel mio css invece di float) e sta funzionando bene. – ghoppe

+0

Lo faccio anch'io. Funziona bene. – jonnii

Problemi correlati