Как в виджете меню сдвинуть часть items вправо с выпадающим списком?

Question

[Радость моя]

Здрасте товарищи друзья!

Есть меню основное (стандартный yii-бутстрап виджет)

пункт1  пункт2  пункт3                                                             Иван Петров ↓

как сдвинуть не все меню а только последнюю часть вправо и чтобы оно открывало dropdown с еще несколькими пунктами? Что-то разбор официальной доки мне в этом не помог. Может вы поможете..

Спасибо.

p.s.

<?php
    NavBar::begin([
        'brandLabel' => Yii::$app->name,
        'brandUrl' => Yii::$app->homeUrl,
        'options' => [
            'class' => 'navbar-inverse navbar-fixed-top',
        ],
    ]);
    $menuItems = [
        ['label' => 'Home', 'url' => ['/site/index']],
    ];
    if (Yii::$app->user->isGuest) {
        $menuItems[] = ['label' => 'Signup', 'url' => ['/site/signup']];
        $menuItems[] = ['label' => 'Login', 'url' => ['/site/login']];
    } else {
        $menuItems[] = '<li>'
            . Html::beginForm(['/site/logout'], 'post')
            . Html::submitButton(
                'Logout (' . Yii::$app->user->identity->username . ')',
                ['class' => 'btn btn-link logout']
            )
            . Html::endForm()
            . '</li>';
    }
    echo Nav::widget([
        'options' => ['class' => 'navbar-nav'],
        'items' => $menuItems,
    ]);
    NavBar::end();
    ?>

Comments

[Дмитрий]

Доброе утро.
Код показывайте.

[Радость моя]

<?php
    NavBar::begin([
        'brandLabel' => Yii::$app->name,
        'brandUrl' => Yii::$app->homeUrl,
        'options' => [
            'class' => 'navbar-inverse navbar-fixed-top',
        ],
    ]);
    $menuItems = [
        ['label' => 'Home', 'url' => ['/site/index']],
    ];
    if (Yii::$app->user->isGuest) {
        $menuItems[] = ['label' => 'Signup', 'url' => ['/site/signup']];
        $menuItems[] = ['label' => 'Login', 'url' => ['/site/login']];
    } else {
        $menuItems[] = '<li>'
            . Html::beginForm(['/site/logout'], 'post')
            . Html::submitButton(
                'Logout (' . Yii::$app->user->identity->username . ')',
                ['class' => 'btn btn-link logout']
            )
            . Html::endForm()
            . '</li>';
    }
    echo Nav::widget([
        'options' => ['class' => 'navbar-nav'],
        'items' => $menuItems,
    ]);
    NavBar::end();
    ?>

[Радость моя]

в ссылке logout почему то создается стокой сразу с li а не конструктом типа label => ... url => ...

[Дмитрий]

t-alexashka, весь код обязательно в сам вопрос добавлять, а не в ответ на комментарий. Лично мне он на фиг не нужен. Делайте так, чтобы все видели Ваш код.

Answer 1

[Максим Федоров]

Выпадающий так делать

['label' => 'Заголовок', 'items' => [
        ['label' => 'Города', 'url' => ['/city/index']],
        ['label' => 'Студии', 'url' => ['/studio/index']],
        ['label' => 'Уроки', 'url' => ['/lesson/index']],
        ['label' => 'Теги', 'url' => ['/tag/index']],
]],

сдвинуть не все меню а только последнюю часть вправо

Можно через :last-child в css прописать стили последнему элементу
htmlbook.ru/css/last-child

Answer 2

[Радость моя]

меня вот это смущает:

$menuItems[] = '<li>'
            . Html::beginForm(['/site/logout'], 'post')
            . Html::submitButton(
                'Logout (' . Yii::$app->user->identity->username . ')',
                ['class' => 'btn btn-link logout']
            )
            . Html::endForm()
            . '</li>';

как сюда дописать еще выпадающий список. зачем тут массив наполняется сразу с '.... а не как все элементы:

$menuItems[] = ['label' => 'Login', 'url' => ['/site/login']];

Comments

[Максим Федоров]

как сюда дописать еще выпадающий список

допишите после . '</li>'; на след строке

$menuItems = [
        ['label' => 'Выпадающий список', 'items' => [
                ['label' => 'Города', 'url' => ['/city/index']],
                ['label' => 'Студии', 'url' => ['/studio/index']],
                ['label' => 'Уроки', 'url' => ['/lesson/index']],
                ['label' => 'Теги', 'url' => ['/tag/index']],
        ]],
];

Но этот список будет виден только залогиненным

[Радость моя]

Максим Федоров, а можно его как то вправо сдвинуть через опции не прибегая к css?

[Максим Федоров]

зачем тут массив наполняется сразу с '....

не понятно, что вы в виду под многоточием имеется в виду

[Радость моя]

там было
'<ul>...

[Максим Федоров]

t-alexashka, его -- кого?
смотря что это и куда пихаете его... можно и класс задать