Admin UI using bootstrap classes from theme

[syliuscrafts]

Admin UI using bootstrap classes from theme

[castwayalldc]

Hey guys, also some buttons are not visible on admin ui. For example, Show order button on orders page is not visible because it's taking bootstrap classes:

[castwayalldc]

Hey guys, just wanted to share that I fixed this by ra-naming the form theme file to
sylius-store/themes/bootstrap/SyliusShopBundle/views/Form/bootstrapTheme.html.twig
so I don't override the default form theme file.

Then extended all of the theme forms from it
{% form_theme form '@SyliusShop/Form/bootstrapTheme.html.twig' %}
instead of
{% form_theme form '@SyliusShop/Form/theme.html.twig' %}

For more specific cases like Show button on orders grid page in the shop, I had to create a new grid action "bootstrapShow":

sylius_grid: grids: sylius_shop_account_order: actions: item: show: type: bootstrapShow templates: action: bootstrapShow: "@SyliusUi/Grid/Action/bootstrapShow.html.twig"

Then in bootstrapShow.html.twig:

{% set path = options.link.url|default(path(options.link.route|default(grid.requestConfiguration.getRouteName('show')), options.link.parameters|default({'id': data.id}))) %} <a href="{{ path }}" class="btn btn-primary">{{ action.label|trans }}</a>

And last case I could notice until now, is the search bar in products list page. I created a custom botstrapString template to override the one from SyliusUIBundle:

sylius_grid: grids: sylius_shop_product: filters: search: template: "@SyliusUi/Grid/Filter/bootstrapString.html.twig"

The content of bootstrapString.html.twig:
{% form_theme form '@SyliusShop/Form/bootstrapTheme.html.twig' %} {% if form.type is defined %} {{ form_row(form.type, {'label': filter.label}) }} {% endif %} {{ form_row(form.value, {'label': form.type is defined ? form.value.vars.label : filter.label}) }}

[kulczy]

thanks, I'll check it

[alekseyp]

Do I hear PR? 😃