Custom Cbreadcrumbs

Yii 1.1 General Discussion
1

How to make this CBreadcrumbs?


<div class="container_gamma breadcrumbs">

<p><span>»</span><a href="http://example.com">Home</a><span>»</span>Blog</p>		

</div>



$this->widget('zii.widgets.CBreadcrumbs', array(

		'links'=>$this->breadcrumbs,

                'separator'=>'<span>»</span>',

                'htmlOptions'=>array('class'=>'container_gamma breadcrumbs')

	));

This dont generate, the <p> tags.

2

you can do the following


<div class="container_gamma breadcrumbs">

$this->widget('zii.widgets.CBreadcrumbs', array(

                'links'=>$this->breadcrumbs,

                'separator'=>'<span>»</span>',

                'tagName'=>'p',

                'htmlOptions'=>array('class'=>'youClassName')

        ));

</div>
3

Try this

If you are using the latest version of Yii (1.1.11), then you have a few new options in CBreadcrumbs, namely: activeLinkTemplate and inactiveLinkTemplate and using these (and also tagName) you can easily achieve your requirement.

You just need to add values for these options, in the file where you are including the breadcrumb widget, by default, it’s in a layout file : protected/views/layouts/main.php , like this:

<?php if(isset($this->breadcrumbs)):?>

&lt;?php &#036;this-&gt;widget('zii.widgets.CBreadcrumbs', array(


    'links'=&gt;&#036;this-&gt;breadcrumbs,





    'tagName'=&gt;'ul', // will change the container to ul


    'activeLinkTemplate'=&gt;'&lt;li&gt;&lt;a href=&quot;{url}&quot;&gt;{label}&lt;/a&gt;&lt;/li&gt;', // will generate the clickable breadcrumb links 


    'inactiveLinkTemplate'=&gt;'&lt;li&gt;{label}&lt;/li&gt;', // will generate the current page url : &lt;li&gt;News&lt;/li&gt;


    'homeLink'=&gt;'&lt;li&gt;&lt;a href=&quot;'.Yii::app()-&gt;homeUrl.'&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;' // will generate your homeurl item : &lt;li&gt;&lt;a href=&quot;/dr/dr/public_html/&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;


)); ?&gt;&#60;&#33;-- breadcrumbs --&#62;

<?php endif?>

<?php $this->widget(‘zii.widgets.CBreadcrumbs’, array(

'links'=&gt;&#036;this-&gt;breadcrumbs,





'tagName'=&gt;'ul', // will change the container to ul


'htmlOptions'=&gt;array('class'=&gt;'menu'),


// ... rest of the code ...

)); ?><!-- breadcrumbs -->

4

Hi and thanks! :D

It was a great help for me, cause I tried to turn a HTML5 code snippet into the Yii CBreadcrumb Widget code form. I couldn’t find anything useful until I found these posts.

I tried to turn this HTML5 in Yii Code:


<article class="breadcrumbs">

    <a href="#">Home</a><div class="breadcrumb_separator"></div> <a class="current">Departments</a>

</article>

And the working main.php look now like this:


<?php if(isset($this->breadcrumbs)):?>

       <?php $this->widget('zii.widgets.CBreadcrumbs', array(

            'links'=>$this->breadcrumbs,

            'tagName'=>'article',

            'htmlOptions'=>array('class'=>'breadcrumbs'),

            'activeLinkTemplate'=>'<a href="{url}">{label}</a>',

            'inactiveLinkTemplate'=>'<a class="current">{label}</a>',

            'separator'=>'<div class="breadcrumb_separator"></div> ',

                      

       )); ?><!-- breadcrumbs -->

<?php endif?>

bye