Levels of navigation...

Hi,
I have a scenario wherein we have "XYZ" as the top level navigation.
Under "XYZ" we have "ABC" and "DEF" as the second level of navigation.
When I click on "DEF" I should see a third level of TLN.
But when I click on "ABC" I should not see the third level of navigation.I should just see the detailed navigation.
Is this possible?
Could someone please help me with this?
Thanks in advance,
Sudha.

Yes...it will be added to the default framework page and thus be used on all other pages. That's why I don't recommend doing this.
One possible workaround
If you need a 3rd top level navigation (especially without the detailed navigation panel being displayed), you could create a custom iView that displays only the 3rd level of navigation using the Navigation Tag library. Add that iView (without the tray) to all pages within this section of the portal above the other content on the page. It will give the appearance of being a 3rd level navigation menu without actually being part of the framework. This would be a lot harder if you still want to use the detailed navigation since you would need to find a way to get that to start displaying at the 4th level for that section instead of the 3rd (no ideas there).

Similar Messages

Why SharePoint 2013 have only 2 level global navigation ??

I just want to know why SharePoint 2013 have 2 levels of global navigation hierarchy by default. Is it possible to make it up to 3,4 levels.
For example:
Main Site -> Subsite -> Subsite Nodes -> Subsite Nodes Subsite -> Child Nodes & so on
Something like above hierarchy.
Thanks in advance for your answers..!!

Yes, you can absolutely have more than 2 levels of navigation. You will need to update your master page through to allow for more dynamic levels of navigation.
You might find the following thread helpful.
https://social.msdn.microsoft.com/Forums/sharepoint/en-US/05cfb854-9a18-4f61-a9f4-55d9cd3130ec/create-multilevel-global-navigation-menu-in-sharepoint
Also be aware that there was a bug in SP2013 where only two levels of navigation would ever show. This was fixed last year.
http://ericoverfield.com/sharepoint-2013-structured-navigation-dynamic-menus-fixed-august-2013-cu/
Eric Overfield - PixelMill -
ericoverfield.com -
@EricOverfield

Adding Content To the Top-Level of Navigation bar ?

Hi,experts ,
   i have a problem with adding content to the top-level of navigation bar ?
I have the authority of administration.I have added a customizing role with the entry-point property to myself userid . I have checked my navigation-target page's property can be visible in top-level navigation. I checked my my display level is set as 2 .
   However ,i dont get the folder content at the top-level navigation.Anyway,when i check the delta link trace,there is no folder that connect to my role .
   Anyone helps me out ?
Thanks in Advance .

Hi Eleanor,
If you already created a role with an entry point and assigned it directly to you user, you may just have to refresh the portal page. You may also check the authorizations of you role.

LightSwitch HTML multi-level tile navigation menu

I am working on a multi-level tile navigation system for the LS HTML client. The idea is to have tiles on the home screen that when tapped navigate to a lower-level screen with more tiles that eventually lead to browse screens with the actual LS data.
Here is what I have so far (simplified of course). Looking for suggestions on how to improve this. TIA!
Home navigation tiles (these tiles appear on the application Home Screen)
-Orders - tap goes to Orders Home screen with additional tiles.
-Customers - tap goes to Customers Home screen with additional tiles.
-Lookups - tap goes to Lookups Home screen with additional tiles.
Order Navigation Tiles (these tiles appear on the Order home screen)
-Orders (search/browse Orders)
-Returns (screen based on a modeled query of Orders)
-other tiles for screens based on modeled queries of Orders
Customer Navigation Tiles (these tiles appear on a Customers home screen)
-Customers (search/browse Customers)
-other tiles based on modeled queries of Customers
Lookup Navigation Tiles
- Each tile links to a browse screen for one of the lookup tables.
>>>>
(didn't create an image/icon for this yet)
>>> ItemTap leads to a browse screen for "Test Records".
To power this menu system, there is a database table MenuTiles.
MenuTiles:
Title
Description
ScreenId
MenuGroup choicelist
-HomeGroup
-OrderGroup
-CustomerGroup
ImageFileName (contains the name of the static image file for the tile)
I have three modelled queries to get the tiles associated with each group. The Home Screen gets its tiles from a modelled query selecting the tiles with MenuGroup == HomeGroup. The other screens work the same way respectively.
The Home screen has the following js. The other screens have similar methods.
myapp.Home.ImageFileName_render = function (element, contentItem) {
contentItem.dataBind("value", function (newValue) {
var newFileName = newValue;
if (newFileName !== null && newFileName !== undefined) {
element.innerHTML = "<image src='Content/Images/Tiles/" + newFileName + ".png'>";
myapp.Home.MenuTilesHomeGroup_ItemTap_execute = function (screen) {
var entity = screen.MenuTilesHomeGroup.selectedItem;
var modelItem = entity.details.properties["ScreenId"].value;
if (modelItem !== null && modelItem !== undefined) {
myapp.showScreen('Browse' + modelItem);
This all seems to work well. The databind on the ImageFileName keeps the images updated on the screen if they are added or changed. The ItemTap_execute function correctly navigates to a lower level navigation screen or a browse screen for the
appropriate entity collection.
The problem I have with it is it seems to rely on magic strings and that sort of thing. For example, if the ScreenId does not match the name of a screen it will error. If the ImageFileName does not match an image in the folder, it shows the default
placeholder. Is there a better way to do this?

Nice Job Hessc! I also like Dales tile menu that Dave mentioned.
For a look at another example, albeit not multi-level, see how
syncfusion does tiles in this demo:
Javascript
myapp.Home.ScreenContent_render = function (element, contentItem) {
TileCreation(element, contentItem);
$(".tile-li").on("click", function (args) {
var screen = args.currentTarget ? $(args.currentTarget).attr('data') : "";
myapp.showScreen(screen);
function TileCreation(element, contentItem) {
var SampleList = [
{ imgClass: "Editor", sampleName: "Editors", screenName: "BrowseEmployeeInfo" },
{ imgClass: "DatePicker", sampleName: "DatePicker", screenName: "DatePicker" },
{ imgClass: "DateTimePicker", sampleName: "DateTimePicker", screenName: "DateTimePicker" },
{ imgClass: "TimePicker", sampleName: "TimePicker", screenName: "TimePicker" },
{ imgClass: "Editor", sampleName: "TextBoxes", screenName: "TextBoxes" },
{ imgClass: "RichTextBox", sampleName: "RichTextEditor", screenName: "RichTextEditor" },
{ imgClass: "AutoComplete", sampleName: "AutoComplete", screenName: "AutoComplete" },
{ imgClass: "DropDownList", sampleName: "DropDownList", screenName: "DropDownList" },
{ imgClass: "Slider", sampleName: "Slider", screenName: "Slider" },
{ imgClass: "ProgressBar", sampleName: "ProgressBar", screenName: "ProgressBar" },
{ imgClass: "grid", sampleName: "Grid", screenName: "Grid" },
{ imgClass: "Chart", sampleName: "Chart", screenName: "Chart" },
{ imgClass: "CircularGauge", sampleName: "CircularGauge", screenName: "CircularGauge" },
{ imgClass: "LinearGauge", sampleName: "LinearGauge", screenName: "LinearGauge" },
{ imgClass: "DigitalGauge", sampleName: "DigitalGauge", screenName: "DigitalGauge" },
{ imgClass: "TreeMap", sampleName: "TreeMap", screenName: "TreeMapFlatCollection" },
{ imgClass: "Maps", sampleName: "Maps", screenName: "Maps" },
{ imgClass: "RangeNavigator", sampleName: "RangeNavigator", screenName: "RangeNavigator" },
{ imgClass: "BulletGraph", sampleName: "BulletGraph", screenName: "BulletGraph" },
{ imgClass: "ReportViewer", sampleName: "ReportViewer", screenName: "ReportViewer" }
var root = $('<ul class="tile-ul"></ul>'), content = "";
$(element).append(root);
$(SampleList).each(function (i, val) {
content = "<li class='tile-li' data='" + val.screenName + "'> " +
"<div>" + ""
+ "" + val.sampleName + "</div>"
+ "</li>"
$(root).append(content);
// to remove screen display name in layout
$(".msls-label").remove();
CSS:
/*Sample Layout design CSS*/
ul.tile-ul {
list-style-type: none;
margin: 30px 0;
padding: 0;
li.tile-li {
float: left;
font-size: 16px;
height: 157px;
width: 157px;
li.charttile-li {
float: left;
font-size: 16px;
height: 157px;
width: 157px;
li.charttile-li span.tile-img {
border: 1px solid #606161;
display: block;
height: 100px;
margin: 0 auto;
width: 100px;
background- center;
background-repeat: no-repeat;
background-color: #282827;
.charttile-li > div {
text-align: center;
li.charttile-li span.tile-img:hover {
border: 1px solid #606161;
background-color: #474747;
li.charttile-li span.tile-img:active {
border: 1px solid #606161;
background-color: #191818;
li.charttile-li span.tile-img.Chart {
background-image: url("SampleImg/Chart.png");
li.gridtile-li {
float: left;
font-size: 16px;
height: 157px;
width: 157px;
li.gridtile-li span.tile-img {
border: 1px solid #606161;
display: block;
height: 100px;
margin: 0 auto;
width: 100px;
background- center;
background-repeat: no-repeat;
background-color: #282827;
.gridtile-li > div {
text-align: center;
li.gridtile-li span.tile-img:hover {
border: 1px solid #606161;
background-color: #474747;
li.gridtile-li span.tile-img:active {
border: 1px solid #606161;
background-color: #191818;
li.gridtile-li span.tile-img.grid {
background-image: url("SampleImg/grid.png");
.tile-li > div {
text-align: center;
li.tile-li span.tile-img {
border: 1px solid #606161;
display: block;
height: 100px;
margin: 0 auto;
width: 100px;
background- center;
background-repeat: no-repeat;
background-color: #282827;
li.tile-li span.tile-img:hover {
border: 1px solid #606161;
background-color: #474747;
li.tile-li span.tile-img:active {
border: 1px solid #606161;
background-color: #191818;
li.tile-li span.tile-img.Editor {
background-image: url("SampleImg/Editor.png");
li.tile-li span.tile-img.grid {
background-image: url("SampleImg/grid.png");
li.tile-li span.tile-img.Employee {
background-image: url("SampleImg/EmpManage.png");
li.tile-li span.tile-img.CircularGauge {
background-image: url("SampleImg/Radial Gauge.png");
li.tile-li span.tile-img.DigitalGauge {
background-image: url("SampleImg/Digital Gauge.png");
li.tile-li span.tile-img.LinearGauge {
background-image: url("SampleImg/Linear Gauge.png");
li.tile-li span.tile-img.Chart {
background-image: url("SampleImg/Chart.png");
li.tile-li span.tile-img.RangeNavigator {
background-image: url("SampleImg/RangeNavigator.png");
li.tile-li span.tile-img.BulletGraph {
background-image: url("SampleImg/BulletGraph.png");
li.tile-li span.tile-img.TreeMap {
background-image: url("SampleImg/TreeMap.png");
li.tile-li span.tile-img.Maps {
background-image: url("SampleImg/Maps.png");
li.tile-li span.tile-img.ReportViewer {
background-image: url("SampleImg/ReportViewer.png");
li.charttile-li span.tile-img.MultipleAxes {
background-image: url("SampleImg/MultipleAxes.png");
li.charttile-li span.tile-img.Chart3D {
background-image: url("SampleImg/Chart3D.png");
li.charttile-li span.tile-img.LiveChart{
background-image: url("SampleImg/LiveChart.png");
li.charttile-li span.tile-img.CombinationChart {
background-image: url("SampleImg/CombinationChart.png");
li.charttile-li span.tile-img.DrillDown {
background-image: url("SampleImg/DrillDown.png");
li.gridtile-li span.tile-img.FlatGrid {
background-image: url("SampleImg/FlatGrid.png");
li.gridtile-li span.tile-img.Exporting {
background-image: url("SampleImg/Exporting.png");
li.gridtile-li span.tile-img.Summary {
background-image: url("SampleImg/Summary.png");
li.gridtile-li span.tile-img.ColumnTemplate{
background-image: url("SampleImg/ColumnTemplate.png");
li.tile-li span.tile-img.DatePicker {
background-image: url("SampleImg/DatePicker.png");
li.tile-li span.tile-img.DateTimePicker {
background-image: url("SampleImg/DateTimePicker.png");
li.tile-li span.tile-img.TimePicker {
background-image: url("SampleImg/TimePicker.png");
li.tile-li span.tile-img.RichTextBox {
background-image: url("SampleImg/RichTextBox.png");
li.tile-li span.tile-img.AutoComplete {
background-image: url("SampleImg/AutoComplete.png");
li.tile-li span.tile-img.DropDownList {
background-image: url("SampleImg/DropDownList.png");
li.tile-li span.tile-img.Slider {
background-image: url("SampleImg/Slider.png");
li.tile-li span.tile-img.ProgressBar {
background-image: url("SampleImg/ProgressBar.png");
.e-handle.e-select.ui-link {
margin: 0 0 0 -16px !important;
width: 28px !important;
height:17px !important;
.msls-label {
margin-bottom: 8px;
.innerList.tile-txt {
display: block;
word-wrap: break-word;
font-family: 'Segoe UI';
font-size: 14px;
color: #cececd;
margin-top:5px;
.innerList.tile-txt:hover {
color: #bababa;
.innerList.tile-txt:active {
color: #eaeaea;
.msls-header .msls-header-area {
padding: 2px 25px;
.msls-title-container .msls-title{
padding-top:2px;
h1.msls-title .msls-text-container, .msls-control-header .msls-text-container {
letter-spacing: 1px;
white-space: pre-line;
.ui-body-a, .ui-overlay-a {
background: none repeat scroll 0 0 #111111 !important;
.msls-dialog-inner-frame.ui-body-a.msls-rows-layout {
background: none repeat scroll 0 0 #111111 !important;
.msls-footer.ui-footer.ui-bar-a {
background-color: black !important;
.msls-dialog-inner-frame {
border-color:#484848 !important ;
.ui-header-fixed, .ui-footer-fixed {
z-index:0;
.msls-content {
padding-top:8px;
#msls-id-app-loading {
border-top-width:1px;
.msls-label.msls-label-align-left {
padding-top:7px;
.msls-tabs-container.ui-corner-all.ui-controlgroup.ui-controlgroup-horizontal {
padding-top: 12px;
@media (min-width: 320px) and (max-width:470px) {
li.tile-li, li.gridtile-li, li.charttile-li{
height: 150px;
width: 140px;
.msls-header .ui-title {
color: #eee;
font-family: "Segoe UI";
font-size: 13px;
@media (min-width: 480px) {
li.tile-li, li.gridtile-li, li.charttile-li{
height: 150px;
width: 147px;
Some things to notice are CSS classes are used to assign images and since it renders straight <UL> in a custom control, it prevents rendering all the extra DOM elements that LS tile list has - might make some customizations of look & feel
easier.
HTH,
Josh

I want to implement three level Horizental navigation on the top navigation and menu items are created based on the data available in a SharePoint List.

Hi All,
I want to implement three level Horizental navigation on the top navigation and menu items are created based on the data available in a SharePoint List.
Implement this requirement through customization, how can i start any help
Thanks

Hello,
You can follow these links to get the result that you want. You can get the desired result either using the custom list or a site map. Please make sure when you edit the master page, dont work on the original v4.master. Always make a a copy and then work
on it.
This link will show you how get that navigation using a list.
http://www.bitsofsharepoint.com/BlogPoint/Lists/Posts/Post.aspx?ID=60
This link will show you how get that navigation using a sitemap.
http://www.sharepointdiary.com/2012/01/custom-top-navigation-using-sitemap.html
Please mark as "Answered" if this helped you.
Thanks,
norasampang

Javascript Drow-down on Top Level/Secondary Navigation

Which component supports the Javascript Drow-down on Top Level/Secondary Navigation feature? WE are on SPS 16 on portal, but I thought this feature was released on SPS 14. I could not see the feature on SPS 12-15 EP release notes.
Thanks.
James

Hi,
I am not sure if u can do the dropdown of the DTN from the TLN with the standard portal. Needs more research..
Regards,
Harini S

Security Level on Navigation (6.0 sp9)

I use a custom iview launch from the UWL. The custom iview comes up based off of the navigation from the default uwl screen. I am trying to code the cancel action of the custom iview.
I put a link on the page that has a reference back to the pcd location of the default page.
The portal is now complaining with the following error:
Access denied (Object(s): com.sap.portal.system/security/sap.com/NetWeaver.Portal/high_safety/com.sap.portal.runtime.system.console/components/default).
I tried to overide this by setting the security level in the portalapp.xml file to low_security.
 <component name="ApproveReject">
 <component-config>
 <property name="ClassName" value="ApproveReject"/>
 <property name="ComponentType" value="jspnative"/>
 <property name="JSP" value="pagelet/ApproveRejectJSP.jsp"/>
 <property name="SafetyLevel" value="low_safety"/>
 </component-config>
 <component-profile>
 <property name="tagLib" value="/SERVICE/htmlb/taglib/htmlb.tld"/>
 </component-profile>
 </component>
htmlb link code:
 <hbj:link
 id="backLink"
 text="Main Menu"
 target="_self"
 tooltip="Click to return to Main Menu"
 reference="pcd!3aportal_content!/portal_content/com.nexeninc.NEXEN/fld_tots/com.sap.netweaver.bc.uwl.uwl_page">
 </hbj:link>

i had applied the patch from note 796540. however, it dint seem to help (

Second sub-site level horizontal navigation

In SharePoint 2013 Enterprise, I have a publishing site collection on a master page build with the Design Manager. The global top-level navigation contains links to various sub-sites. Their desire is to have a horizontal sub-site navigation underneath the
global navigation. This is identical to the issue at the link below, however for SharePoint 2013.
http://social.msdn.microsoft.com/Forums/en-US/d2704d33-d285-4d8c-8a4e-6e66cf36a9fc/top-navigation-how-to-add-a-second-layer-for-sub-sites?forum=sharepointcustomizationprevious
On the root site of the site collection:
Global nav: Department 1 | Department 2 | Department 3 | Department 4
No sub-nav
At the sub-site, for example in Department 2's sub-site:
Global nav: Department 1 | Department 2 | Department 3 | Department 4
Sub-nav: Dept2-page1 | Dept2-page2 | Dept2-page3 | Dept2-page4 | Dept2-page5
What is the best practice way of adding a 2nd sub-site level navigation?
Also, as an option, would this solution work in a custom page layout file?

I was able to accomplish this by first creating a SharePoint List of Titles and URLs (text field) for the secondary navigation, and then generating the <ul> using the SPServices jQuery library inside of a custom page layout. Alternatively, this secondary
nav could be embedded into a Content Editor or inside a Master Page rather than a Page layout, but this suited my client's business case the best.
You can find more info on the SPServices on their codeplex site.

Loading Hierarchy levels as Navigational Attributes of 0MATERIAL.

Hello Guys, 
bit of background about the issue: 
I am loading 0MATERIAL hierarchy from ECC using 0MATERAIL_LKLS_HIER Data source.(IS Retail). this job runs very fast.
We have a 8 level hierarchy in ECC/BI and the lowest level of hierarchy is 0MATERAIL. I am also loading 0MATERIAL_ATTR from ECC. While loding 0MATERAIL_ATTR into BI, i need to populate each hierarchy level of an artcile as navigation attributes of 0MATERIAL. 
For this requiremetn i wrote a start routine in the update rules and reading hierarchy levels and node names from /BI0/HMATERIAL table. the problem is the performance of the extractor is very very poor. It runs for more than 10 hours every day and it is causing many problems for our transactional data loads. 
Here is the code i am using in my start routine. 
I need suggestions on improving the performance of this extractor asap. are there any other best practices to load Article hierarchy levels as attributes apart from using ABAP lookups?? any help will be appreciated. 
TYPES: BEGIN OF TY_HIER, 
 MATERIAL TYPE /BI0/OIMATERIAL, 
 HIER_LEVEL1 TYPE RSSHNODENAME, 
 HIER_LEVEL2 TYPE RSSHNODENAME, 
 HIER_LEVEL3 TYPE RSSHNODENAME, 
 HIER_LEVEL4 TYPE RSSHNODENAME, 
 HIER_LEVEL5 TYPE RSSHNODENAME, 
 END OF TY_HIER. 
DATA: GT_HIER TYPE STANDARD TABLE OF TY_HIER, 
 WA_HIER TYPE TY_HIER. 
DATA: LT_MAT_HIER TYPE STANDARD TABLE OF /BI0/HMATERIAL, 
 WA_MAT_HIER TYPE /BI0/HMATERIAL, 
 wa_hier TYPE ty_hier. 
DATA: l_nodename TYPE rsshnodename. 
* Retrieving the whole hierarchy table into an internal table 
SELECT * FROM /BI0/HMATERIAL INTO TABLE LT_MAT_HIER. 
* Looping at the data package 
LOOP AT DATA_PACKAGE. 
 WA_HIER-MATERIAL = DATA_PACKAGE-MATERIAL. 
* Sort internal table for binary search 
 Sort LT_MAT_HIER by iobjnm nodename. 
 READ TABLE LT_MAT_HIER 
 INTO WA_MAT_HIER WITH KEY IOBJNM = '0MATERIAL' 
 NODENAME = DATA_PACKAGE-MATERIAL 
 binary search. 
 Sort LT_MAT_HIER by nodeid. 
 WHILE WA_MAT_HIER-TLEVEL > 1. 
 READ TABLE LT_MAT_HIER 
 INTO WA_MAT_HIER WITH KEY NODEID = WA_MAT_HIER-PARENTID 
 binary search. 
* IF SY-SUBRC = 0. 
 SHIFT WA_MAT_HIER-NODENAME BY 3 PLACES LEFT. 
 CASE WA_MAT_HIER-TLEVEL. 
 WHEN '07'. 
 CONTINUE. 
 WHEN '06'. 
 WA_HIER-HIER_LEVEL5 = WA_MAT_HIER-NODENAME. 
 WHEN '05'. 
 WA_HIER-HIER_LEVEL4 = WA_MAT_HIER-NODENAME. 
 WHEN '04'. 
 WA_HIER-HIER_LEVEL3 = WA_MAT_HIER-NODENAME. 
 WHEN '03'. 
 WA_HIER-HIER_LEVEL2 = WA_MAT_HIER-NODENAME. 
 WHEN '02'. 
 WA_HIER-HIER_LEVEL1 = WA_MAT_HIER-NODENAME. 
 WHEN OTHERS. 
 CONTINUE. 
 ENDCASE. 
 ENDWHILE. 
 APPEND WA_HIER TO GT_HIER[]. 
 CLEAR WA_HIER. 
ENDLOOP. 
SORT GT_HIER BY MATERIAL.
 
Thanks in advance 
Cheers 
POPS 

Any other thoughts guys...
is there a standard function module where we can specify the lowest level article detail as input and request for level 1 - 5 values ??

Disable second level global navigation

Hi,
We have a requirement where we want to disable second level menu in global navigation.
Business Site1
|
Business Site 2 --> Business Site 3
So the currently, the Business Site 2 is clickable. Our requirement is that Business Site 2 should not be clickable, only Business Site 1 and business Site 3 should be clickable.
Or on click of business Site 2 , business Site 3 should open.
The setting for global navigation is to inherit from parent site and Show subsite is set to true. So there are no explicit nodes created. All the nodes are for Subsites. In this way when I try to change the settings programmatically, the count of nodes
is 0 as there are no nodes available.
Please help.
Regards,
Vijay

Hi Victoria,
Thanks a lot for the above script. That has worked for me and I am able to disable only the second level navigation. Just one correction is needed in the above script. "static" class should be replaced by "dynamic". So the final script would look like this:
<script src="http://code.jquery.com/jquery-1.10.2.min.js"
type="text/javascript"></script>
<script type="text/javascript">
$(function ()
$(".s4-tn li.dynamic.dynamic-children > a").attr("href","#");
});</script>
The above script will work perfect. I am marking this as answer. Thanks again.
Just one more question. Will that above script be limited to global navigation only. Won't that affect any other links on the Site.?
Regards,
Vijay

Increase levels for navigation

Hello,
We have 2 levels in Top Level Navigation (TLN) and another one in Detailed Navigation.
I wanted to know how can we increase the number of levels in Top Level Navigation to 3. For example, in the first level of TLN can I add a button to choose from a list of roles, and then in the second level of TLN will appear the options from the role chosen from the list.
Thanks!
Luisa

Hi Luisa,
The only way to have this functionality is to do some custom implementation. For more information you can also check the code of TopLevelNavigation component at:
Application "com.sap.portal.navigation.toplevel" and class name "TopLevelNavigationiView.class"
Also some interesting blogs here:
EFP: Working with the New Taglibs - Part 2
EFP: Working with the new Taglibs - Part 3
Greetings,
Praveen Gudapati

Office 365 SharePoint online: How to create multi level top Navigation

I having a requirement that we have a site structure which contains departmental sites and each site have multiple subsites.
eg:
Site 1:
sub site 1
Sub site 2
Site 2:
sub site 1
sub site 1 (last node)
sub site 2 (last node)
Sub site 2
Site 3
and so on.
I have to show site structure in top navigation, can you guide me how can we achieve this using SharePoint Design Manager or if their is any other way then please tell me.

In snippet gallery, select top navigation from Ribbon, it will show snippet and customization details.
In Customization - Top Navigation (ASP.NET) section, expand
Important node and change value of StaticDisplayLevels
to 2. After that expand Behavior node and change value of
MaximumDynamicDisplayLevels to 2.
Adnan Amin MCT, SharePoint Architect | If you find this post useful kindly please mark it as an answer.

Show a menu of roles in the Top Level Navigation

Hello,
Imagine a scenario where a user has many roles assigned to him (say 40 roles). In that case the user will have 40 tabs in the first level of the top level navigation and by default a horizontal scroller appears on the right part of the screen clicking on which the roles will scroll horizontally. If the user has to go to the 40th role he has to click quite a lot.
Is it possible to have a menu option clciking on which we get the all the list of roles in the top level navigation in a vertical list and we can directly jump to any role clicking on the entry in the list ?
Something like what we get in a tab strip in Web Dynpro.
Thanks in advance for your valuable inputs.
Sundeep
Edited by: Sundeep Sethi on May 3, 2011 3:00 PM

Hi,
Yes it is possible to have menus as you wish .
Look at the following links
http://www.sdn.sap.com/irj/scn/index?rid=/library/uuid/6066b302-09c8-2a10-a894-eb9fef30df85
http://www.sdn.sap.com/irj/scn/go/portal/prtroot/docs/library/uuid/c0a1aea5-a2d1-2a10-c6bc-953bdadfdcb8?QuickLink=index&overridelayout=true
You need to work on navigation tag libraries to extend number of levels .
The above inks helps you only for single level of navigation.
Regards
Karthiheyan M

WPC on Portal 7.3: Area in top level navigation

Hi,
We are trying to set up a site using Web Page Composer on portal 7.3, but we are not able to display the area in the first level of the navigation.
Let's say we need following structure in the navigation:
Departments
-- HR
-- Trading & Supply
-- Finance
We want the content managers of our site to create extra departments without sending an area connection request to show the new department in the navigation.
Is it possible to create an Area Departments, link it to a role by creating a connection and use this connection as an entry point?
I've tried to edit the connection and mark "departments" as entry point, but it's not appearing in the top level navigation.
kr,
Joachim

Hi,
An area cannot be the first level of navigation. When you publish an area in WPC 2.0 it becomes a workset. Connecting the area to a role is similar to placing a workset under a role (the technicalities aren't the same, but that's the general idea).
Information regarding area connection can be found at:
[http://help.sap.com/saphelp_nw73/helpdata/en/e6/b19a514bbf43b28a7d15c6468b3925/frameset.htm]
[http://help.sap.com/saphelp_nw73/helpdata/en/c1/da36efd6384bb8b28b24b08f405204/frameset.htm]
Best regards,
Alex

Merge - 2nd Level Navigation

Hi there
Would really appreciate it if someone out there can put me out my misery.
Here follows the problem ...
The requirement on this project is to have really fine control over which reports users are shown. To this end, reports (iviews) are assigned to roles. Users are then assigned to the relevant role to give them access to the required reports.
In terms of the menu structure, many roles make up a menu. In order to not display menu items to which a user has not been assigned, we have gone with the merging approach.
Anyone out there know how to merge on the second level of navigation?
R1 = required top level tab
R2A, R2B = required second level tabs
R3A1, R3A2, R2B1, R2B2 = required detailed navigation items, each with their own structures defined with worksets
At the moment, R2A and R2B are assigned as delta links to R1.
R3A1 and R3A2 have the same mergeID as R2A. R2A has the lowest merge priority.
Similarly, R3B1 and R3B2 have the same mergeID as R2B.
For now, the test user is assigned to all the roles above, just so that I can see if the merging works.
The theory goes that if this works, I can assign the user to the relevant R3? roles and they will then only see what they are supposed to see.
All I see however, is R1, with R2A and R2B on the second level, but none of the lower roles pull through to the detailed navigation.
If I set R2A and / or R2B to be entry points, then they show as a top level tab, and the R3B1 and R3B2 roles are merged correctly underneath.
If I make them not entry points, then I don't get any merging.
Any ideas ... anyone follow what I am saying ... very difficult to explain this in text without drawings
Cheers,
Andrew

Andrew, Steve and Selvaraj,
Here is my work around. It's not easy to maintain, but it fulfills the requirement..
We can only merge roles appropriately in the 1st level, when we make them entry points right? If we add them to another role as delta link, whether they have inner role or not they see the roles content. Also we dont want their content to be seen in the second level.
My solution is again merging them in the first level and make them entry points with lower merge priority then our original entry point. However add our second level roles one folder with the same name and merge them with the 1st level role with the same id and make entry point.
The result is
My job
---My applications
App 1
App 2
Now the roles
roleMyApps : mergeID=mergeApps Entry point, priority:1
roleSalesPerson mergeID=mergeApps Entry point, priority:5, containing a folder named (my applications) * its the trick, and under it your original content.
roleFinancePerson mergeID=mergeApps Entry point, priority:5, containing a folder named (my applications) *, and under it your original content.
You can also use worksets rather then folders but I didn't try it.
Let me know if it helps, and reward helpful answers.
Regards,
Barış

Levels of navigation...

Similar Messages

Maybe you are looking for