Skip to main content

how to add icon in zf2 navigation ?

By Saurabh Patel
1: In your config file :



....



'navigation' => array(



        'default' => array( 



                array(



                        'label' => 'Vender Dashborad',



                        'route' => 'vender',



                        'resource' => 'vender',



                        'icon' => 'fa fa-building',



                        'pages' => array(



                            array(



                                'label' => 'Dashborad',



                                'uri' => '/vender/index',



                                'icon' => 'fa fa-tachometer'



                            ) , 



                            array(



                                'label' => 'Profile',



                                'uri' => '/vender/index/profile',



                                'icon' => 'fa fa-user'



                            ) , 



                            array(



                                'label' => 'Payout',



                                'uri' => '/vender/payout',



                                'icon' => 'fa fa-inr'



                            ) ,  



                        array(



                                'label' => 'Order History',



                                'uri' => '/vender/index/order',



                                'icon' => 'fa fa-history '



                          ) 







                        ),



                        



                ),



        ),



    ), 



....






2: In Your layout :

 <?php $partial = array('partial/navigation.phtml', 'default') ?>
          <?php $this->navigation('navigation')->menu()->setPartial($partial) ?>
          <?php echo $this->navigation('navigation')->menu()->render() ?>
3: in your partial/navigation.phtml file 
<ul class="sidebar-menu">
 <li class="header">MAIN NAVIGATION</li>
 <?php $count = 0 ?>
<?php foreach ($this->container as $page): ?> 
   
    <?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="<?php echo $page->get("icon"); ?>"></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="<?php echo $child->get("icon"); ?> "></i> <?php echo $this->translate($child->getLabel()) ?>
                    </a>
                </li>
            <?php endforeach ?>
            </ul>
         </li>   
        <?php endif ?>
    <?php $count++ ?> 
<?php endforeach ?> 
</ul>


4: Your output will be

Labels:

Comments

Post a Comment

Popular posts from this blog

HTML Emailing in ZF2

By Saurabh Patel
<?php namespace Application\Model; use Zend\Mail\Message; use Zend\Mime\Message as MimeMessage; use Zend\Mime\Part as MimePart; use Zend\Mail\Transport\Sendmail as SendmailTransport; use Zend\Mail\Transport\Smtp as SmtpTransport; use Zend\Mail\Transport\SmtpOptions; use Zend\View\Renderer\PhpRenderer; use Zend\View\Resolver\TemplatePathStack; use Zend\View\Model\ViewModel; use Zend\View\Model\ModelInterface; class ApiEmail extends ApiInterface {    protected $From = "XXXXX@gmail.com";    protected $FromName = "XXXX";    protected $To = "" ;    protected $Subject = "" ;    protected $Body = "" ;    protected $Cc = "XXXXXX@gmail.com";    protected $Bcc = "XXXXX@gmail.com" ;    protected $ReplyTo = "XXXX@gmail.com" ;    protected $Sender = "" ;    protected $Encoding = "UTF-8" ;    protected $MESSAGE ; // getter setter ...
Post a Comment
Read more

Grouped CheckboxSelectMultiple in Django template

By Saurabh Patel
from itertools import groupby from django import forms from django . forms . models import ModelChoiceIterator , ModelMultipleChoiceField from . models import Feature , Widget class GroupedModelMultipleChoiceField ( ModelMultipleChoiceField ): def __init__ ( self , group_by_field , group_label = None , * args , ** kwargs ): """ ``group_by_field`` is the name of a field on the model ``group_label`` is a function to return a label for each choice group """ super ( GroupedModelMultipleChoiceField , self ). __init__ (* args , ** kwargs ) self . group_by_field = group_by_field if group_label is None : self . group_label = lambda group : group else : self . group_label = group_label def _get_choices ( self ): if hasattr ( self , '_choices' ): return self . _choices return GroupedModelCho...
Post a Comment
Read more

How to start working with Django web framework

By Saurabh Patel
 Django is a powerful web framework for Python that makes it easy to build web applications quickly. Here are some steps you can follow to start learning Django programming: Install Python: Django requires Python to be installed on your machine. If you don ' t already have Python installed, you can download it from the official Python website (https://www.python.org/downloads/). Install Django: Once you have Python installed, you can use the pip package manager to install Django. Open a terminal or command prompt and type the following command: pip install django Create a new Django project: To create a new Django project, open a terminal or command prompt and navigate to the directory where you want to store your project. Then run the following command: django - admin startproject myproject Replace myproject with the name you want to give to your project. This will create a new Django project with the specified name in the current directory. Run the development...
Post a Comment
Read more