From df577180e7a6c8953028d07e7528e164655edc87 Mon Sep 17 00:00:00 2001 From: zenmate Date: Tue, 13 Mar 2018 00:33:07 +0200 Subject: [PATCH] [Form] Add Bootstrap 4 style for field FileType --- .../views/Form/bootstrap_4_layout.html.twig | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/src/Symfony/Bridge/Twig/Resources/views/Form/bootstrap_4_layout.html.twig b/src/Symfony/Bridge/Twig/Resources/views/Form/bootstrap_4_layout.html.twig index a3484d9036be..9e71bf0688a1 100644 --- a/src/Symfony/Bridge/Twig/Resources/views/Form/bootstrap_4_layout.html.twig +++ b/src/Symfony/Bridge/Twig/Resources/views/Form/bootstrap_4_layout.html.twig @@ -117,7 +117,7 @@ {% block form_widget_simple -%} {% if type is not defined or type != 'hidden' %} - {%- set attr = attr|merge({class: (attr.class|default('') ~ ' form-control' ~ (type|default('') == 'file' ? '-file' : ''))|trim}) -%} + {%- set attr = attr|merge({class: (attr.class|default('') ~ (type|default('') == 'file' ? ' custom-file-input' : ' form-control'))|trim}) -%} {% endif %} {%- if type is defined and (type == 'range' or type == 'color') %} {# Attribute "required" is not supported #} @@ -187,6 +187,8 @@ {%- if compound is defined and compound -%} {%- set element = 'legend' -%} {%- set label_attr = label_attr|merge({class: (label_attr.class|default('') ~ ' col-form-label')|trim}) -%} + {% elseif type is defined and type == 'file' %} + {%- set label_attr = label_attr|merge({for: id, class: (label_attr.class|default('') ~ ' custom-file-label')|trim}) -%} {%- else -%} {%- set label_attr = label_attr|merge({for: id, class: (label_attr.class|default('') ~ ' form-control-label')|trim}) -%} {%- endif -%} @@ -257,6 +259,15 @@ {%- endblock form_row %} +{% block file_row -%} +
+ <{{ element|default('div') }} class="custom-file"> + {{- form_widget(form) -}} + {{- form_label(form) -}} + +
+{% endblock %} + {# Errors #} {% block form_errors -%}