Creating a Symfony2 Form Theme - Fieldset and List style
I am using symfony2. I am trying to override the default div style form blocks in twig.
First, does any have or know of an available implementation of the fieldset and li开发者_开发问答st (ul -> li) approach?
For the moment, I implemented fieldset support like this:
in the Type:
public function buildView(FormView $view, FormInterface $form, array $options)
{
$view->setAttribute('fieldsets',
array(
array(
'legend' => 'film.group.date',
'content'=> array(
'theaters_release_date',
'storage_media_release',
'storage_media_release_date',
'vod_release_date'
)),
array(
'legend' => 'film.group.country',
'content'=> array('countries')),
));
}
I have a template named fieldset.html.twig, that uses the attributes of the view:
{% macro fieldset_block(fieldset, form) %}
<fieldset{% if fieldset.subform is defined %} class="{{ fieldset.subform }}"{% endif %}>
<legend>{{fieldset.legend | trans }}</legend>
{% if fieldset.content is defined%}
{% for row in fieldset.content %}
{{ form_row(form[row]) }}
{% endfor %}
{% endif %}
{% if fieldset.subform is defined %}
{# Couldn't get some recursivity (simply call form widget) here... too bad #}
{% if form[fieldset.subform].get('attr').fieldsets is defined %}
{% for subfieldset in form[fieldset.subform].get('attr').fieldsets %}
{{ _self.fieldset_block(subfieldset, form[fieldset.subform]) }}
{% endfor %}
{% else %}
{% for row in form[fieldset.subform] %}
{{ form_row(row) }}
{% endfor %}
{% endif %}
{% endif %}
{% if fieldset.items is defined%}
{% for fieldset in fieldset.items %}
{{ _self.fieldset_block(fieldset, form) }}
{% endfor %}
{% endif %}
</fieldset>
{% endmacro %}
{% block form_widget %}
{% for fieldset in form.get('attr').fieldsets %}
{{ _self.fieldset_block(fieldset, form) }}
{% endfor %}
{% endblock %}
Here is a simple fieldset example: https://gist.github.com/spcmky/8512371
To replace the divs with a list, look at form_widget_compound and form_rows. You can:
{% block fieldset_widget %}
{% spaceless %}
<fieldset {{ block('widget_container_attributes') }}>
{% if title is defined %}<legend>{{ title }}</legend>{% endif %}
<ul>
{% for child in form %}
<li>
{{ form_widget(child) }}
</li>
{% endfor %}
</ul>
</fieldset>
{% endspaceless %}
{% endblock %}
By default, Twig uses a div layout when rendering forms.However, you can render forms in a table layout. Use the form_table_layout.html.twig resource to use such a layout:
# app/config/config.yml
twig:
form:
resources: ['form_table_layout.html.twig']
http://symfony.com/doc/2.0/cookbook/form/form_customization.html
I am not aware of a implementation of thoose, but you are welcome to make them and open a Pull Request.
精彩评论