CakePHP modulo helper - HABTM multipla casella styling

Question

CakePHP modulo helper - HABTM multipla casella styling

voti

5

Ho due tabelle: ristoranti e Cucina che sono collegati tra loro da un tavolo HABTM

Le cucine tabella ha alcune voci fisso - 54 Numero

Un ristorante può avere qualsiasi numero di cucine. Sulla cottura l'applicazione questo è venuto con un multiplo di selezione. Poiché i volle caselle i utilizzata array ( 'tipo' => 'selezionare', 'multipla' => 'casella') per convertirlo in caselle.

Ora voglio per lo stile il modo in cui questa caselle di controllo vengono visualizzati in colonne di 4 come si vede nella schermata sotto.

img2.pict. COM / 82 / bc / A4 / 1.453.459 / 0 / 200908111511.png

echo $form->input('Cuisine', array('type' => 'select', 'multiple' => 'checkbox'));

Il codice di cui sopra produce molti div intorno ad ogni elemento nel modo seguente

http://img2.pict.com/1a/a3/0a/1453457/0/200908121509.png

Ho provato il seguente:

echo $form->input('Cuisine', array( 'type' => 'select', 'multiple' => 'checkbox', 'div' => false, 'label' => false));

ma questo codice rimuove solo i div esterni e l'etichetta. Io non sono in grado di controllare l'interno

<div class=checkbox>
<label for=CuisineCuisine2>Andhra</label>

che appaiono intorno alle singole caselle di controllo.

Come posso usare il FormHelper di rimuovere o dare lezioni ai div interni, in modo da poter fare un po 'lo styling personalizzato? O c'è qualche altro modo per popolare questa tabella HABTM per ottenere l'effetto che voglio?

cakephp checkbox styling has-and-belongs-to-many

È pubblicato 12/08/2009 alle 17:23
fonte dall'utente Harsha M V

In altre lingue...

3 risposte

voti

2

È possibile stilizzare gli elementi DIV con i CSS.

<style>
div.input div.checkbox {
    float: left;
    width: 50%;
}
</style>

Risposto il 28/08/2009 a 06:39
fonte dall'utente Matt Huggins

voti

1

È possibile rimuovere o dare lezioni ai div interni come questo

$this->Form->input("hello_test",array('type'=>'checkbox','div'=>'class_name'));

Di default utilizza torta: tipo di classe per esempio - tipo è casella di controllo allora class="checkbox"

Risposto il 23/08/2012 a 08:54
fonte dall'utente Saran Pal

djcode · Accepted Answer · 2009-08-13 22:02

voti

4

L'autore ha accettato questa risposta come la migliore.

Si potrebbe ovviare a questo facendo $ form-> select (), invece, e applicare un attributo di stile o di classe per farlo sembrare come si desidera.

Sembra di avere senso di non utilizzare la funzione $ form-> input (), se avete intenzione di rimuovere il div e l'etichetta in ogni caso.

Risposto il 13/08/2009 a 22:02
fonte dall'utente djcode