modificar aspecto de radio button en plantilla de formulario
Edwind Richzendy Contreras Soto
He estado practicando algo de sf1.2 con lo descrito en la demostración de:
http://www.puentesdiaz.com.ar/symfony/haz-tu-eleccion.php
y todo me ha funcionado muy bien, solo tengo un detalle y es con la
forma en que se ven los "radio buttons" en mi formulario, a fabien le
aparece de esta manera:
http://www.symfony-project.org/uploads/assets/choices/6.png
es decir, uno al lado del otro, a mi me aparece de esta manera:
http://img171.imageshack.us/img171/1474/1232740501844vz0.png
la porción de código html generado que corresponde a esa sección es:
<tr>
<th><label for="news_article_status">Status</label></th>
<td><ul class="radio_list"><li><input name="news_article[status]"
type="radio" value="published" id="news_article_status_published"
/> <label for="news_article_status_published">published</label></li>
<li><input name="news_article[status]" type="radio" value="draft"
id="news_article_status_draft" /> <label
for="news_article_status_draft">draft</label></li>
<li><input name="news_article[status]" type="radio" value="deleted"
id="news_article_status_deleted" /> <label
for="news_article_status_deleted">deleted</label></li></ul></td>
</tr>
Por lo visto en alguna parte se genera de forma automática que para
una lista de "radio button" se deben colocar las etiquetas html
<ul><li></li><uli>
Cabe destacar que agregue una porción de código css para que la
apariencia de mi formulario se pareciera un poco a la del ejemplo de
fabien, y para el radio button tengo esto:
.radio_list {
text-align:left;
}
Sin embargo con eso lo único que gano es alinear la lista hacia la izquierda.
Trate de colocar solamente en la vista de mi formulario:
<?php echo $form['status']->render()?>
Que correspondería a :
$form['element_name']->render() // renders just the form element
itself (e.g. the input tag)
Pero sigue saliendo con el html igual, con <ul><li></li><uli>
Alguien conoce la manera de poder alinear los elementos de esa lista
uno al lado del otro ?
whitezen
list-style-type: none;
position: relative;
float: left;
}
Un saludo,
El sáb, 24-01-2009 a las 15:43 +1930, Edwind Richzendy Contreras Soto
escribió:
Edwind Richzendy Contreras Soto
>
> li{
> list-style-type: none;
> position: relative;
> float: left;
> }
>
> Un saludo,
>
quería me sirve.
Igual me queda la duda, por que el sf saca ese código directamente y
no deja limpio ese input para acomodarlo a gusto desde la vista?
O es que lo saca así por defecto, pero desde la vista hay algún
parámetro que permita mostrar los inputs de los formularios sin código
html preestablecido?
whitezen
Lo que veías era código limpio, es decir, si no pones estilos en un li
se verá así por defecto -con una imagen de lista y uno debajo del otro-.
Es cómodo que lo saque por defecto para no tener que "perder el tiempo"
etiquetando todo. Luego sobre esos tags aplicas el css que quieras.
Un saludo,
El sáb, 24-01-2009 a las 17:46 +1930, Edwind Richzendy Contreras Soto