+ {% for child in form %}
+ {{ _self.renderForm(child) }}
+ {% endfor %}
+
+
+
+{% endblock %}
diff --git a/templates/form/vertical_bootstrap_layout.html.twig b/templates/form/vertical_bootstrap_layout.html.twig
new file mode 100644
index 000000000..5f41d82ed
--- /dev/null
+++ b/templates/form/vertical_bootstrap_layout.html.twig
@@ -0,0 +1,26 @@
+{% extends 'bootstrap_5_layout.html.twig' %}
+
+
+{%- block choice_widget_collapsed -%}
+ {# Only add the BS5 form-select class if we dont use bootstrap-selectpicker #}
+ {# {% if attr["data-controller"] is defined and attr["data-controller"] not in ["elements--selectpicker"] %}
+ {%- set attr = attr|merge({class: (attr.class|default('') ~ ' form-select')|trim}) -%}
+ {% else %}
+ {# If it is an selectpicker add form-control class to fill whole width
+ {%- set attr = attr|merge({class: (attr.class|default('') ~ ' form-control')|trim}) -%}
+ {% endif %}
+ #}
+
+ {%- set attr = attr|merge({class: (attr.class|default('') ~ ' form-select')|trim}) -%}
+
+ {# If no data-controller was explictly defined add data-controller=elements--select #}
+ {% if attr["data-controller"] is not defined %}
+ {%- set attr = attr|merge({"data-controller": "elements--select"}) -%}
+
+ {% if attr["data-empty-message"] is not defined %}
+ {%- set attr = attr|merge({"data-empty-message": ("selectpicker.nothing_selected"|trans)}) -%}
+ {% endif %}
+ {% endif %}
+
+ {{- block("choice_widget_collapsed", "bootstrap_base_layout.html.twig") -}}
+{%- endblock choice_widget_collapsed -%}
diff --git a/templates/settings/settings.html.twig b/templates/settings/settings.html.twig
index 5ddbd9004..96e0f2098 100644
--- a/templates/settings/settings.html.twig
+++ b/templates/settings/settings.html.twig
@@ -36,7 +36,7 @@
{% for section_widget in tab_widget %}
{% set settings_object = section_widget.vars.value %}
- {% if section_widget.vars.compound ?? false %}
+ {% if section_widget.vars.embedded_settings_metadata is defined %} {# Check if we have nested embedded settings or not #}