CODEWITHSUNDEEP
htmlhyperlinknavbaryii2
André Castro
André Castro

Reputation: 1565

Yii2 - NavBar widget hyperlink to div

anyone knows how can i in Yii2 using the navbar widget make a hyperlink to a div that is above the 100% height screen and is hidden in order that the screen scrolls down to it?

The code i'm using for the navbar is the standard one that comes with yii in layout.php

['label' => 'Contact', 'url' => ['/site/contact']],

I substitute 'url' => ['/site/contact']], --> by something like 'url' => ['#divid']],

But it doesn't works.

Many thanks in advance for an answer.

Upvotes: 0

Views: 1539

Answers (2)

Janeth Ruzegama
Janeth Ruzegama

Reputation: 1

Thank you very much for your help, it works. I was trying to do this 

<body data-spy="scroll" data-target="#navbar" data-offset="50">
<?php $this->beginBody() ?>

<div class="wrap">
<?php
NavBar::begin([
    //'brandLabel' => Yii::$app->name,
    'brandLabel' => '<img src="SLOGAN.png" style="display:inline; vertical-align:top; margin-top:20px; margin-left: 10px;"/>',
    'brandUrl' => Yii::$app->homeUrl,
    'options' => [
        'class' => 'navbar navbar-fixed-top navbar-inverse',
        'id'=>'navbar'
    ],
]);
echo Nav::widget([
    'options' => ['class' => 'nav navbar-nav navbar-left'],
    'items' => [
        ['label' => 'HOME', 'url' => '#section1'],
        ['label' => 'ABOUT', 'url' => '#section2'],
        ['label' => 'SERVICES', 'url' =>'#section3'],
        ['label' => 'FAQS', 'url' => '#section4'],
        ['label' => 'CONTACTS', 'url' => '#section5'],

Upvotes: 0

arogachev
arogachev

Reputation: 33548

Just specify url as a string:

['label' => 'Contact', 'url' => '#divId'],

Url parameter is processed by Url::to() method, you can see there how string is interpreted:

a normal string: it will be returned as is.

Upvotes: 2

Related Questions