Step -1 : Create partial template
location : Application/view/partial/navigation.phtmlin navigation.phtml file put your custome html code. like
<ul class="sidebar-menu">
<li class="header">MAIN NAVIGATION</li>
<?php $count = 0 ?>
<?php foreach ($this->container as $page): ?>
<?php /* @var $page Zend\Navigation\Page\Mvc */ ?>
<?php // when using partials we need to manually check for ACL conditions ?>
<?php if( ! $page->isVisible() || !$this->navigation()->accept($page)) continue; ?>
<?php $hasChildren = $page->hasPages() ?>
<?php if( ! $hasChildren): ?>
<li <?php if($page->isActive()) echo 'class="active treeview"'?>>
<a class="nav-header" href="<?php echo $page->getHref() ?>">
<i class="fa fa-dashboard"></i><span> <?php echo $this->translate($page->getLabel()) ?> </span> <i class="fa fa-angle-left pull-right"></i>
</a>
</li>
<?php else: ?>
<li class="treeview">
<a href="#">
<i class="fa fa-dashboard"></i> <span> <?php echo $this->translate($page->getLabel()) ?></span> <i class="fa fa-angle-left pull-right"></i>
</a>
<ul class="treeview-menu " id="page_<?php echo $count ?>">
<?php foreach($page->getPages() as $child): ?>
<?php // when using partials we need to manually check for ACL conditions ?>
<?php if( ! $child->isVisible() || !$this->navigation()->accept($child)) continue; ?>
<li>
<a href="<?php echo $child->getHref() ?>">
<i class="fa fa-circle-o"></i> <?php echo $this->translate($child->getLabel()) ?>
</a>
</li>
<?php endforeach ?>
</ul>
</li>
<?php endif ?>
<?php $count++ ?>
<?php endforeach ?>
</ul>
Step -2 : In you layout.phtml
<?php $partial = array('partial/navigation.phtml', 'default') ?> <?php $this->navigation('navigation')->menu()->setPartial($partial) ?> <?php echo $this->navigation('navigation')->menu()->render() ?>
Step -3 In module.config.php
'service_manager' => array( ----your code - 'factories' => array( 'navigation' => 'Zend\Navigation\Service\DefaultNavigationFactory' ), - --your code ---- ),
'navigation' => array( 'default' => array( array( 'label' => 'Home', 'route' => 'home', //you can also use uri ), ), ),
Comments
Post a Comment