Solved

Drop Down Navigation in SharePoint Foundation 2010

Posted on 2011-02-25
13
2,737 Views
Last Modified: 2012-05-11
I found a workaround to creating drop down navigation in SharePoint Foundation 2010. As far as I can tell, this is not an available feature in the free version (I believe you have to enable publishing for this option to appear). The work around worked, but, now the parent page (home page) does not appear in the navigation bar. It appears to be hiding the parent and displaying the children. I can't find anywhere to allow the parent to display. The code I used for the workaround is as follows:

I created a new data connection and gave it the default name of SiteMapDataSource1.

<SharePoint:AspMenu
        ID="SPSiteMapProvider"
        Runat="server"
        EnableViewState="False"
        DataSourceID="SiteMapDataSource1"
        AccessKey="<%$Resources:wss,navigation_accesskey%>"
        UseSimpleRendering="True"
        UseSeparateCss="False"
        Orientation="Horizontal"
        StaticDisplayLevels="2"
        MaximumDynamicDisplayLevels="2"
        SkipLinkText=""
        CssClass="s4-tn"/>
      <asp:SiteMapDataSource runat="server" ID="SiteMapDataSource1"/>
      <SharePoint:DelegateControl runat="server" ControlId="TopNavigationDataSource" Id="topNavigationDelegate">
            <Template_Controls>
                  <asp:SiteMapDataSource
                    ShowStartingNode="True"
                    SiteMapProvider="SPSiteMapProvider"
                    id="topSiteMap"
                    runat="server"
                    StartingNodeUrl="sid:1002"/>
            </Template_Controls>
      </SharePoint:DelegateControl>

There is a class being called named .ms-hidden. It seems to be the culprit. Instead of Home on the menu bar it is placing the text "currently selected" (if I put in a lot of dirty code to make it show up at all).

Any help would be greatly appreciated. Thanks.
0
Comment
Question by:whitlockit
  • 8
  • 3
13 Comments
 

Author Comment

by:whitlockit
ID: 34997001
Thanks
0
 
LVL 14

Expert Comment

by:GeorgeGergues
ID: 34998415
Can you check the Site Settings  -> Navigation and select the Use Parent

Also Check if you can point to the parent Style Sheet under ( Custom Style Sheet)


Best of luck.
0
 

Author Comment

by:whitlockit
ID: 34998731
I am in the free version of SharePoint 2010 (Foundations). I believe the navigation option (tab) is only available in Server 2010 (appears when publishing is enabled). If I'm wrong on that, then I am just blind and can't locate the tab, lol.
0
Enterprise Mobility and BYOD For Dummies

Like “For Dummies” books, you can read this in whatever order you choose and learn about mobility and BYOD; and how to put a competitive mobile infrastructure in place. Developed for SMBs and large enterprises alike, you will find helpful use cases, planning, and implementation.

 
LVL 14

Expert Comment

by:GeorgeGergues
ID: 34999229
You are correct,

Under look and feel , you can see the Top Nav Bar and the Quick launch for customization only.

no dynamic menus here.

I am so used to MOSS in fact mostly Enterprise features too.


I don't think there is an easy way out .

but you can build a navigation menu  with Silverlight rather than the SPnavigation Provider


Here is a question for you .

On that application's web.config do you see a line mentioning anything about
<SiteMap defaultProvider= xxxxxxxx>


See the Control name and if that is enabled.

in fact it might be a good idea to share your web.config , only for that application

Thanks

0
 

Author Comment

by:whitlockit
ID: 34999345
I did find that in the web.config:

<siteMap defaultProvider="SPSiteMapProvider" enabled="true">
      <providers>
        <add name="SPNavigationProvider" type="Microsoft.SharePoint.Navigation.SPNavigationProvider, Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" />
        <add name="SPSiteMapProvider" type="Microsoft.SharePoint.Navigation.SPSiteMapProvider, Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" />
        <add name="SPContentMapProvider" type="Microsoft.SharePoint.Navigation.SPContentMapProvider, Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" />
        <add name="SPXmlContentMapProvider" siteMapFile="_app_bin/layouts.sitemap" type="Microsoft.SharePoint.Navigation.SPXmlContentMapProvider, Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" />
      </providers>
    </siteMap>

The entire file was very large so I just posted the excerpt you referred to. If you need me I would be happy to provide it. Currently, I have been working on using jquery to rebuild the links after SharePoint renders them. I don't know enough about Silverlight to create menus with that. I would just rip out the menus all together and create my own, but, if a user creates a new site I need it to show up without having to manually enter the new link (if that makes any sense). Huge pain in the but, but, I haven't been able to come up with any better alternatives. Thanks.
0
 

Author Comment

by:whitlockit
ID: 34999359
If you need more, not need me, lol. Typo
0
 
LVL 14

Expert Comment

by:GeorgeGergues
ID: 34999545
that is correct setting for foundation .

you can make this change.
UseSeparateCSS ="True" and Inherit that sheet on your master page .


   UseSimpleRendering="True"
       UseSeparateCss="False"
        Orientation="Horizontal"
        StaticDisplayLevels="2"
        MaximumDynamicDisplayLevels="2"


I am out of ideas , Sorry , but hope that puts you in the right direction.
0
 

Author Comment

by:whitlockit
ID: 34999649
I am using a seperate css. I have no problem overwriting the styles. The problem is, when I enabled multi level menus, it assigns an extra <span> tag with a class of .ms-hidden to whatever is currently selected. The root page (home) appears as "Currently Selected" in the menu bar. If I click on a different page, nothing appears in the menu bar (where "Home" should display) and the words "Currently Selected" appear under whichever link I have just clicked on. It's very odd. Hope that is not an overly convoluted explanation. I have provided two screenshots for easier explanation.

 On the home page On the second page
0
 

Author Comment

by:whitlockit
ID: 34999740
I appreciate the help @GeorgeGerques. Hacking up these menus will be the death of me, lol.
0
 

Accepted Solution

by:
whitlockit earned 0 total points
ID: 35000787
In case someone else poses this question, I worked around the problem. Let SharePoint render the menu (so that you get the pages in your site collection/this will take into account any new pages created). Once the menu generates, I use an if statement in JQuery to find and remove the <span> tag containing the .ms-hidden class. Then, using JQuery, I overwrite the styles that SharePoint applied to the menu bar. I overwrite the styles using JQuery because for some reason, the currently selected page on the menu bar will not accept the styles in my style sheet. I know this sounds like a huge pain, but, it works and involved much less code than I originally expected. If anyone finds a better solution to this problem, let me know. Thanks for the help.
0
 

Author Closing Comment

by:whitlockit
ID: 35042730
This was my solution
0

Featured Post

Complete VMware vSphere® ESX(i) & Hyper-V Backup

Capture your entire system, including the host, with patented disk imaging integrated with VMware VADP / Microsoft VSS and RCT. RTOs is as low as 15 seconds with Acronis Active Restore™. You can enjoy unlimited P2V/V2V migrations from any source (even from a different hypervisor)

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Get to know the ins and outs of building a web-based ERP system for your enterprise. Development timeline, technology, and costs outlined.
FAQ pages provide a simple way for you to supply and for customers to find answers to the most common questions about your company. Here are six reasons why your company website should have a FAQ page
Learn how to create and modify your own paragraph styles in Microsoft Word. This can be helpful when wanting to make consistently referenced styles throughout a document or template.
The is a quite short video tutorial. In this video, I'm going to show you how to create self-host WordPress blog with free hosting service.

813 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

14 Experts available now in Live!

Get 1:1 Help Now