Для получения полного доступа
зарегистрируйтесь.
RSS

Все сниппеты с тэгом «dropdown»



dfatt
  • Репутация: 260
  • Сниппеты: 53
  • Ревизии: 7

Если вам не подходит это решение по каким-то своим причинам, и у вас большой список элементов в dropdown. Вы можете добавить обычный скролл списка:

4aab5b09613354a2e25c115a4e8dd84a.gif

Добавим класс scrollable

<div class="dropdown">
    <button class="btn btn-default dropdown-toggle" type="button" id="menu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
        Dropdown
        <span class="caret"></span>
    </button>
    <ul class="dropdown-menu scrollable" aria-labelledby="menu">
        <li><a href="#">Action</a></li>
        <li><a href="#">Another action</a></li>
        <li><a href="#">Something else here</a></li>
        ...
    </ul>
</div>

И последний шаг, css:

.dropdown-menu.scrollable {
    height: auto;
    max-height: 30em;
    overflow-x: hidden;
}
Bran
  • Репутация: 29
  • Сниппеты: 7
  • Ревизии: 0

Таким образом, мы можем добавлять разделители в выподающие списки:

Dropdown::widget([
    'items' => [
        ['label' => Yii::t('site', 'Profile'), 'url' => ['user/view', 'id' => $id]],
        '<li class="divider"></li>',
        ['label' => Yii::t('site', 'Settings'), 'url' => ['user/settings']],
        '<li class="divider"></li>'
    ],
]);