GhostMenu usage not clear #40

FreezeS · 2015-04-08T08:57:22Z

Hello,

I'm trying to use the GhostMenu widget as a navbar in the main layout but the layout is wrong.

I replaced the old navbar with calls to NavBar::begin(), echo GhostMenu::widget..., NavBar::end().

Maybe I'm missing something from the documentation but it should be updated to clarify this issue.

webvimark · 2015-04-08T11:46:25Z

Hi, use GhostNav =)

FreezeS · 2015-04-08T11:53:58Z

No effect, looks exactly the same.
This is my layout:

<?php
use yii\helpers\Html;
use yii\bootstrap\Nav;
use yii\bootstrap\NavBar;
use yii\widgets\Breadcrumbs;
use yii\widgets\Menu;
use app\assets\AppAsset;
use webvimark\modules\UserManagement\components\GhostMenu;
use webvimark\modules\UserManagement\components\GhostNav;
use webvimark\modules\UserManagement\UserManagementModule;

/* @var $this \yii\web\View */
/* @var $content string */

AppAsset::register($this);
?>
<?php $this->beginPage() ?>
<!DOCTYPE html>
<html lang="<?= Yii::$app->language ?>">
<head>
    <meta charset="<?= Yii::$app->charset ?>">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <?= Html::csrfMetaTags() ?>
    <title><?= Html::encode($this->title) ?></title>
    <?php $this->head() ?>
</head>
<body>

<?php $this->beginBody() ?>
    <div class="wrap">
        <?php



//            NavBar::begin([
//                'brandLabel' => 'My Company',
//                'brandUrl' => Yii::$app->homeUrl,
//                'options' => [
//                    'class' => 'navbar-inverse navbar-fixed-top',
//                ],
//            ]);
//            echo Nav::widget([
//                'options' => ['class' => 'navbar-nav navbar-right'],
//                'items' => [
//                    ['label' => 'Home', 'url' => ['/site/index']],
//                    ['label' => 'About', 'url' => ['/site/about']],
//                    ['label' => 'Contact', 'url' => ['/site/contact']],
//                    Yii::$app->user->isGuest ?
//                        ['label' => 'Login', 'url' => ['/site/login']] :
//                        ['label' => 'Logout (' . Yii::$app->user->identity->username . ')',
//                            'url' => ['/site/logout'],
//                            'linkOptions' => ['data-method' => 'post']],
//                ],
//            ]);
//            
//            
//            
//            NavBar::end();



        ?>


        <?php
            GhostNav::begin([
                //'brandLabel' => 'My Company',
                //'brandUrl' => Yii::$app->homeUrl,
                'options' => [
                    'class' => 'navbar-inverse navbar-fixed-top',
                ],
            ]);

            echo GhostMenu::widget([
                'encodeLabels'=>false,
                'activateParents'=>true,

                'items' => [
                    [
                        'label' => 'Backend routes',
                        'items'=>UserManagementModule::menuItems()
                    ],
                    [
                        'label' => 'Frontend routes',                                    
                        'items'=>[
                            ['label'=>'Login', 'url'=>['/user-management/auth/login']],
                            ['label'=>'Logout', 'url'=>['/user-management/auth/logout']],
                            ['label'=>'Registration', 'url'=>['/user-management/auth/registration']],
                            ['label'=>'Change own password', 'url'=>['/user-management/auth/change-own-password']],
                            ['label'=>'Password recovery', 'url'=>['/user-management/auth/password-recovery']],
                            ['label'=>'E-mail confirmation', 'url'=>['/user-management/auth/confirm-email']],
                        ],
                    ],
                ],

            ]);

            GhostNav::end();

        ?>

        <div class="container">
            <?= Breadcrumbs::widget([
                'links' => isset($this->params['breadcrumbs']) ? $this->params['breadcrumbs'] : [],
            ]) ?>
            <?= $content ?>
        </div>

    </div>

    <footer class="footer">
        <div class="container">
            <p class="pull-left">&copy; My Company <?= date('Y') ?></p>
            <p class="pull-right"><?= Yii::powered() ?></p>
        </div>
    </footer>

<?php $this->endBody() ?>
</body>
</html>
<?php $this->endPage() ?>

webvimark · 2015-04-08T12:12:31Z

It should be like this

        <?php
            NavBar::begin([
                //'brandLabel' => 'My Company',
                //'brandUrl' => Yii::$app->homeUrl,
                'options' => [
                    'class' => 'navbar-inverse navbar-fixed-top',
                ],
            ]);

            echo GhostNav::widget([
                'encodeLabels'=>false,
                'activateParents'=>true,

                'items' => [
                    [
                        'label' => 'Backend routes',
                        'items'=>UserManagementModule::menuItems()
                    ],
                    [
                        'label' => 'Frontend routes',                                    
                        'items'=>[
                            ['label'=>'Login', 'url'=>['/user-management/auth/login']],
                            ['label'=>'Logout', 'url'=>['/user-management/auth/logout']],
                            ['label'=>'Registration', 'url'=>['/user-management/auth/registration']],
                            ['label'=>'Change own password', 'url'=>['/user-management/auth/change-own-password']],
                            ['label'=>'Password recovery', 'url'=>['/user-management/auth/password-recovery']],
                            ['label'=>'E-mail confirmation', 'url'=>['/user-management/auth/confirm-email']],
                        ],
                    ],
                ],

            ]);

            NavBar::end();

        ?>

FreezeS · 2015-04-08T12:21:14Z

Ok, now it resembles a menu:

Is that how it's supposed to look?

webvimark · 2015-04-08T12:26:44Z

OK, GhostNav is just the same Nav widget. Only thing it does is hiding links that is unavailable for current user.

If you want bootstrap menu, then do the following:

start from basic Yii2 example
replace Nav with GhostNav
Add links that you want to see in your menu

FreezeS · 2015-04-08T13:16:56Z

Ok, I thought it will make two properly stylized drop-down menus.
I'll see what I can do next.
Thanks for the help :)

webvimark · 2015-04-08T13:55:34Z

You are welcome =)

brama051 · 2016-06-13T13:52:25Z

@FreezeS
add widget options 'options' => ['class' => 'navbar-nav navbar-right'],

webvimark closed this as completed Apr 8, 2015

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

GhostMenu usage not clear #40

GhostMenu usage not clear #40

FreezeS commented Apr 8, 2015

webvimark commented Apr 8, 2015

FreezeS commented Apr 8, 2015

webvimark commented Apr 8, 2015

FreezeS commented Apr 8, 2015

webvimark commented Apr 8, 2015

FreezeS commented Apr 8, 2015

webvimark commented Apr 8, 2015

brama051 commented Jun 13, 2016 •

edited

Loading

GhostMenu usage not clear #40

GhostMenu usage not clear #40

Comments

FreezeS commented Apr 8, 2015

webvimark commented Apr 8, 2015

FreezeS commented Apr 8, 2015

webvimark commented Apr 8, 2015

FreezeS commented Apr 8, 2015

webvimark commented Apr 8, 2015

FreezeS commented Apr 8, 2015

webvimark commented Apr 8, 2015

brama051 commented Jun 13, 2016 • edited Loading

brama051 commented Jun 13, 2016 •

edited

Loading