Portal Engine Questions on portal engine and web parts.
Version 7.x > Portal Engine > Vista like Breadcrumb View modes: 
User avatar
Member
Member
mlaw-smu - 9/18/2013 9:40:25 PM
   
Vista like Breadcrumb
What is the best way to create a vista-like breadcrumb? I tried using CMSlistmenu. It didn't do what I need.

http://mtekk.us/archives/guides/vista-like-breadcrumbs-for-wordpress/

User avatar
Kentico Customer Success
Kentico Customer Success
kentico_martind2 - 9/19/2013 8:56:31 AM
   
RE:Vista like Breadcrumb
Hello,

Did you try to install examle Corporate site? You can see a similar menu implemented there using the CSS List Menu Web Part, or you can also use the Drop-down menu web part... depends on your preferences, everything is just about styles.

Best Regards,
Martin Danko

User avatar
Member
Member
mlaw-smu - 9/19/2013 9:01:44 AM
   
RE:Vista like Breadcrumb
Yes. We have a corporate site in development server. That menu is not the same.

I tried CMSListmenu and I couldn't get it to do what I want.

User avatar
Kentico Legend
Kentico Legend
Brenden Kehren - 9/19/2013 11:35:25 AM
   
RE:Vista like Breadcrumb
The CSSListMenu webpart simply creates the unordered list structure with as many nested unordered lists as you require. There are some styles that are applied when a node or page is selected. It will work like the post you suggest although you will have to write all the JavaScript, jQuery and/or CSS for it and include it on your page(s).

The rendered html shown on that page you referenced
<ul>
    <li><a href="#"><img src="images/home.png" alt="Home" /></a>
        <ul>
            <li><a href="#">Great Uncle Page 1</a></li>
            <li><a href="#">Great Aunt Page 1</a></li>
            <li><a href="#">Great Aunt Page 2</a></li>
        </ul>
    </li>
    <li><a href="#">Parent Page</a>
        <ul>
            <li><a href="#">Uncle Page 1</a></li>
            <li><a href="#">Aunt Page 1</a></li>
            <li><a href="#">Aunt Page 2</a></li>
            <li><a href="#">Uncle Page 2</a></li>
        </ul>
    </li>
    <li>Page
        <ul>
            <li><a href="#">Sibling Page 1</a></li>
            <li><a href="#">Sibling Page 2</a></li>
        </ul>
    </li>
</ul>
is exactly what the CSSListMenu webpart generates. As Martin stated, its all styling that makes it look/function like you want.

User avatar
Member
Member
mlaw-smu - 9/19/2013 11:39:16 AM
   
RE:Vista like Breadcrumb
Thanks. I already coded a new webpart by using API that do exactly what I need.

User avatar
Kentico Legend
Kentico Legend
Brenden Kehren - 9/19/2013 11:45:02 AM
   
RE:Vista like Breadcrumb
Mind sharing your code? I'd be interested in seeing how it all came together.