How to show sub menu items on the page?

A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.

This thread is closed to new posts. You must sign in to post in the forums.
3/20/2012 2:18:31 PM
Gravatar
Total Posts 24

How to show sub menu items on the page?

Hello there. 

Could you please let me know, how can I do this: 

So I have About Us page and under it in menu I have Contact Us, Company Profile and Careers. 
So, About us displayed on the "About us" page as  Feature Instance Title with H1 tag. This is good, but now I am going to go to Contact Us page, where I want to show that this is a child of About Us and display something like that: 
http://img707.imageshack.us/img707/9959/71136080.gif

on the contact page. 

Thank you for your help

 

3/20/2012 3:48:31 PM
Gravatar
Total Posts 24

Re: How to show sub menu items on the page?

So I gues that Bread crumbs might help me.

I went to BreadcrumbsControl.ascx and add <br /> so the child will start on the new lane, but how do I get reed off ">" and can I replace it with image for example or "/" ?

3/20/2012 4:12:58 PM
Gravatar
Total Posts 42

Re: How to show sub menu items on the page?

Or maybe a small UserControl

which shows the mp_Pages.PageName when mp_Pages.ParentID != -1

It should be rather easy to create and place in layout.Master

3/20/2012 4:23:43 PM
Gravatar
Total Posts 2169

Re: How to show sub menu items on the page?

Do not modify any ascx files. Doing so forks the code and that is not recommended for a variety of reasons.

You can force the child to start on a new line by using CSS:

.breadcrumbs a.breadcrumb:nth-child('2') { clear: left; display: block; }

To change the separator (>) to something else use the Separator property on the breadCrumbsControl in your layout.master:

<portal:BreadCrumbs id="Breadcrumbs" runat="server" Separator="/" />

If you don't want anything, use Separator=""

HTH,
Joe D.

3/20/2012 4:33:52 PM
Gravatar
Total Posts 24

Re: How to show sub menu items on the page?

Thank you guys for your help. Putting a new line with the css... it is a good idea! Cool

Joe, how did you came up with .breadcrumbs a.breadcrumb:nth-child('2')?
I check the classes and there is code: 

<a id="ctl01_Breadcrumbs_breadCrumbsControl_ctl02_lnkNode" class="unselectedcrumb" href="/managed-networks.aspx">Managed Networks</a>

 

By the way... the code .breadcrumbs a.breadcrumb:nth-child('2') { clear: left; display: block; } did not work Cry

3/20/2012 5:31:00 PM
Gravatar
Total Posts 2169

Re: How to show sub menu items on the page?

Sorry about that, I forgot I specify custom css class names on the breadcrumb control in my skins.

Try this:

.breadcrumbs > a:first-child { display: block; }

Here's what I use in my skins for the breadcrumb control:

<portal:Breadcrumbs id="Breadcrumbs" runat="server" CssClass="breadcrumb" CurrentPageCssClass="breadcrumbbold" Separator="\" />

HTH,
Joe Davis

 

You must sign in to post in the forums. This thread is closed to new posts.