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
Dasani
Gravatar
Total Posts 24
View Posts

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
Dasani
Gravatar
Total Posts 24
View Posts

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
Tomasz
Gravatar
Total Posts 42
View Posts

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
Joe Davis
Gravatar
Total Posts 2253
View Posts

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
Dasani
Gravatar
Total Posts 24
View Posts

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
Joe Davis
Gravatar
Total Posts 2253
View Posts

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.