Диалог кендо не расширяется до ширины группы форм начальной загрузки 4 - PullRequest
Новая
       4

Диалог кендо не расширяется до ширины группы форм начальной загрузки 4

0 голосов
/ 27 мая 2018

У меня есть группа форм начальной загрузки 4 с простым вводом текста.Я использую его в диалоговом окне кендо, однако диалоговое окно не расширяется автоматически, поэтому текст метки и входные данные располагаются в одной строке.Я играл с CSS, но не могу понять, что является причиной проблемы.Смотрите ниже ссылку додзё.

https://dojo.telerik.com/EQuwayex

1 Ответ

0 голосов
/ 01 июня 2018

Вы можете изменить свой «тестовый» div на следующий.Я установил фиксированное значение для метки, а затем уменьшил текстовое поле div до col-md-6. 

  <div id="test">
    <div class="container">
      <div class="form-group row">
        <label style="width:100px" class="col-form-label">Display Text</label>
        <div class="col-md-6">
          <input type="text" class="displayText form-control" />
        </div>
      </div>
    </div>
  </div>

Если вы хотите контролировать ширину диалога, вы можете добавить ширину к элементу Dev изатем измените ширину элемента div текстового поля. 

  <div id="test" style="width:700px">
    <div class="container">
      <div class="form-group row">
        <label style="width:100px" class="col-form-label">Display Text</label>
        <div class="col-md-9">
          <input type="text" class="displayText form-control" />
        </div>
      </div>
    </div>
  </div>
...