Стиль Kendo UI нарушает макет элемента управления формы - PullRequest
Новая
       19

Стиль Kendo UI нарушает макет элемента управления формы

0 голосов
/ 22 мая 2019

Я пытаюсь создать форму с помощью простого макета строки / столбца начальной загрузки. Перед добавлением стилей класса Kendo элементы управления выглядят сложенными, как и ожидалось: 

<div class="col-lg-3 form-group">
    <label for="CaseName" class="form-label">Name</label>
    <input type="text" class="form-control-sm" />
</div>

Form controls vertical

Когда я добавляю класс Kendo для стилей, макет становится горизонтальным: 

<div class="col-lg-3 form-group">
    <label for="CaseName" class="form-label">Name</label>
    <input type="text" class="form-control k-textbox" />
</div>

Form controls horizontal

Кто-нибудь знает, как переопределить все, что происходит в классе k-textbox?

Спасибо.

1 Ответ

0 голосов
/ 25 июня 2019

В соответствии с Руководством Kendu по Bootstrap здесь: Используя CSS-класс Bootstrap с управлением формой , мы должны использовать пользовательские стили, чтобы form-label и form-control работали, как и ожидалось: 

<style>
    .form-control.k-widget
    {
        padding: 0;
        width: 100%;
        height: auto;
    }

    .form-control.k-widget:not(.k-autocomplete)
    {
        border-width: 0;
    }
</style>
...