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    public fun
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

How to setup django | django installation ubuntu

By Saurabh Patel
Introduction to Django 1.     High level web framework 1.     Basic modules, classes, and tools to quickly develop and deploy web apps 2.     Contains an ORM (Object-Relational Mapper) that allows for the use of standard Python language syntax when interfacing with a back-end database. 1.     Developer need not learn SQL, DDL, etc! 3.     Provides a template framework that allows HTML, XML, and other “documents” to be converted into “templates”, which can then be converted to “output” via a wide range of substitution techniques. 4.     Elegant URL support (fancy, beautiful URL's, no “?blah=blah”, etc.) 5.     Multi-lingual 2.     Fast and easy to use, robust, flexible, and lots of contributed components available! 1.     Built in administrative interface to manage data models. 2.     Built-in authentication/access control components 3.     Contributed Installing & Configuring Django Components 1.     Django can be downloaded from http://w
Post a Comment
Read more