Modify css of Left navigation - ms-core-listMenu-verticalBox

Hi,
I have a left navigation in which the first letter of text is getting capitalized.
Below is the css which I got from IE Developer tools:
<div id="zz15_V4QuickLaunchMenu" class=" noindex ms-core-listMenu-verticalBox">
<ul id="zz16_RootAspMenu" class="root ms-core-listMenu-root static">
<li class="static">
<a class="static menu-item ms-core-listMenu-item ms-displayInline ms-navedit-linkNode" tabIndex="0" href="/test/Pages/page1.aspx">
<span class="additional-background ms-navedit-flyoutArrow">
<span class="menu-item-text">About The New Data</span>
</span>
</a>
</li>
<li class="static selected">
<a class="static selected menu-item ms-core-listMenu-item ms-displayInline ms-core-listMenu-selected ms-navedit-linkNode" tabIndex="0" href="/test/Pages/page2.aspx">
<span class="additional-background ms-navedit-flyoutArrow">
<span class="menu-item-text">A Brief History Of My Time</span>
<span class="ms-hidden">Currently selected</span>
</span>
</a>
</li>
</ul>
</div>
The class "menu-item-text" has text-transform to "Capitalise", which i want to change to None.
But how to select the parent and change the css?
I mean, The class "menu-item-text" under parent class "ms-core-listMenu-verticalBox" , "root ms-core-listMenu-root static", "li static", "li static selected"..
Only for this group, i want to change the class "menu-item-text". How to do the css selection in this case?
Thanks

Hi,
The following CSS style for your reference:
<style type="text/css">
.ms-core-listMenu-verticalBox > ul.ms-core-listMenu-root > li .menu-item-text {
text-transform:none !important;
</style>
Best Regards,
Dennis Guo
TechNet Community Support
Please remember to mark the replies as answers if they help, and unmark the answers if they provide no help. If you have feedback for TechNet Support, contact
[email protected]

Similar Messages

How to add left navigation to Custom Master page for Office 365

Hi,
I have created a master page using html, it looks good,
But I could not see the left navigation, which I would like to have.
below is my html page which converted to a master page:
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html[]>
<html xmlns:mso="urn:schemas-microsoft-com:office:office" xmlns:msdt="uuid:C2F41010-65B3-11d1-A29F-00AA00C14882">
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=10" >
        
        
        
        
        <meta name="GENERATOR" content="Microsoft SharePoint" >
        <meta http-equiv="Content-type" content="text/html; charset=utf-8" >
        <meta http-equiv="Expires" content="0" >
        
        
        
            
                
                
            
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
            
            
            
            
            
            
        
        
        
        
            
            
        
        
        <meta name="viewport" content="width=device-width" >
        
        
    </head>
    <body id="test-100">
        
        
        
        
            <div id="TurnOnAccessibility" style="display:none" class="s4-notdlg noindex">
                <a id="linkTurnOnAcc" href="#" class="ms-accessible ms-acc-button" onclick="SetIsAccessibilityFeatureEnabled(true);UpdateAccessibilityUI();document.getElementById('linkTurnOffAcc').focus();return
false;">
                    
                    
                </a>
            </div>
            <div id="TurnOffAccessibility" style="display:none" class="s4-notdlg noindex">
                <a id="linkTurnOffAcc" href="#" class="ms-accessible ms-acc-button" onclick="SetIsAccessibilityFeatureEnabled(false);UpdateAccessibilityUI();document.getElementById('linkTurnOnAcc').focus();return
false;">
                    
                    
                </a>
            </div>
        
        <div id="ms-designer-ribbon">
            
            <div class="DefaultContentBlock" style="background:rgb(0, 114, 198); color:white; width:100%; padding:8px; height:64px;
overflow:hidden;">The SharePoint ribbon will be here when your file is either previewed on or applied to your site.</div>
        </div>
        
            
            
        
        
        <div id="s4-workspace">
            <div id="s4-bodyContainer">
                <header>
                <div data-name="ContentPlaceHolderMain">
                    
                    
                    
                        
                        
                    
                    
                </div>
            </div>
        </div>
    </body>
</html>
Any suggestions here....
Thanks in Advance.
PMMR

Hi,
The Navigation control can be added into your HTML page in the Snippet Gallery:
The two links below about how to create HTML master page and adding snippets needed into it for your reference:
http://borderingdotnet.blogspot.jp/2012/12/how-to-create-html-masterpage-for.html
http://msdn.microsoft.com/en-us/library/office/jj822370(v=office.15).aspx
Feel free to reply if there still any question.
Best regards,
Patrick
Patrick Liang
TechNet Community Support

OOTB Left Navigation error in Page Layout SharePoint 2013

I created a SharePoint 2013 master page through Design Manager in Sharepoint 2013 and created a page layout like we do trough sharepoint designer as in sharepoint 2010 steps are below
SharePoint Designer--->Page Layouts---->New Page Layout
now i want to insert left navigation in the page layout ,i tried to insert the following snippet in the page layout
<div data-name="QuickLaunch">



<div id="sideNavBox" class="ms-dialogHidden ms-forceWrap ms-noList">





































<hr />





</div>

</div>
but i get the following error when i create page through this page layout
"Content Place holders are only allowed in master page"
Can anyone tell me how do i insert left navigation in page layout which is created through sharepoint designer (.aspx file) but master page is created through design manager

Hi ,
As the error says, you need to add Content Place holders to Mater Page not the Page Layout.
For inserting left navigation, you can add Vertical Navigation SharePoint component to the master page using Snippets manager:
1.
Open the site then click design manager link from right top corner "Settings".
2.
Click “Edit Master Pages” link.
3.Click your custom mater page. It will open preview page.
4.
Once open the preview page then click Snippets menu from top right side. It will open “Snippet Gallery” in new tab page.
5.
Click the Vertical Navigation menu item in “DESIGN “tab.
6.
In this page we can easy to configure component properties.
After customization must click the update button then only the changes are reflected in the component snippet.
7.
Once click the update button the HTML code automatically generated in the “HTML snippet” box and click “Copy to Clipboard” button.
8.
Open the mapped network drive then open the Mater Page HTML file and paste HTML snippet where you want the navigation to show.
Reference:
http://www.sharepointpals.com/post/Add-snippets-in-Page-layout-using-design-manager
Best Regards,
Eric
Eric Tao
TechNet Community Support

SharePoint 2013 Blog Site not showing current navigation(Left Navigation)

I have created a blog site but blog pages are not showing my current navigation, it has got its own left navigation, Can i show left (current) navigation? I am trying to find the page layout being used for blog items but unable to find.

Hi,
By design, there is a left navigation in the blog site. Like the following image show.
Please check whether there is CSS style in site to hide the left navigation.
If you don’t want to use the default navigation, we can also customize a new one.
We can use SharePoint designer 2013 to modify it(In /_catalogs/masterpage/seattle.master ).
Thanks,
Dennis Guo
TechNet Community Support
Please remember to mark the replies as answers if they help and unmark them if they provide no help. If you have feedback for TechNet Subscriber Support, contact
[email protected]
Dennis Guo
TechNet Community Support

SharePoint 2013---How to convert current left Navigation into tree view

Hi All,
I want to convert current left navigation into tree view in SharePoint 2013. When we click on Modify Navigation and set headers and links; I need that should be convert into tree view. All headers should be expandable to thier links.
I just want tree view on navigation headers and links. not for all site and subsites which we can enabled from site settings --> Modify All Site settings --> Tree view
Please help me Master Page editing on Navigation Generation.. Thanks in advance!
Regards,
Anna

Hi Anna,
If you want to replace the Quick Launch part with the custom treeview web part in master page, you can comment out or remove the quick launch code block "",
then insert the custom web part snippet code in proper location in seattle master page, then all pages inheriting the seattle master page will have this web part.
Note, please back up the master page before customizing the original master page for recovery.
http://msdn.microsoft.com/en-us/library/office/jj862341(v=office.15).aspx
http://www.sharepointpals.com/post/Add-snippets-in-Page-layout-using-design-manager
Thanks,
Daniel Yang
Forum Support
Please remember to mark the replies as answers if they help and unmark them if they provide no help. If you have feedback for TechNet Subscriber Support, contact [email protected]
Daniel Yang
TechNet Community Support

How hide hr from left navigation (snippet) on custom master page

Hi,
I have create a custom master page and add it the left navigation snippet, after making some css customization, I'm unable to hide the <hr> tag.
This is one of my tries on the .css file
#DeltaPlaceHolderLeftNavBar > hr {
clear: both !important;
border: 0px solid transparent !important;
height: 0px !important;
visibility:hidden !important;
Regards.

I can't really see the right id in the screenshot, but something like this should work:
#DeltaPlaceHolderLeftNavBar > hr {
display:none;
or
#sideNaveBox hr {
display:none;
maybe even display:none!important;
Even better trying to remove the hr from the snippet.
Good luck!

Custom Master Page with Top Navigation and Left Navigation

Hi All,
I have successfully converted an HTML Page to a SharePoint 2013 Master Page. I also created a Custom Page Layout. Using both them I have created my SharePoint Site with 30+ pages. Each page is consisted with the Top Header Navigation as it is inheriting
from the Master Page I have used. Now I need the left navigation inherit from the master page also. It gives me the advantage of updating it from the master page and affects it through the entire SharePoint Site.
But at the moment I am inserting the Left Nav using a web part as an HTMl code snippet individually for each and every page. If needs a modification I have to go through all the pages and do the modification. This is not convenient also. I want to this left
nav like the SharePoint Current Navigation alternative but within my Page Layout.
Is there an option to chat within these forums?
Could someone help me to solve this problem?
Thanks and regards,
Chiranthaka

Hi,
In your HTML Page Layout, is your "current navigation" in its own content place holder, such as "PlaceHolderLeftNavBar" or did you add the current nav to the "PlaceHolderMain"?
Can you add CSS that hides the left nav found in each content page so that you do not have to manually remove the left nav? Then you could simply add the current nav back into the Master Page.
Eric Overfield - PixelMill -
ericoverfield.com -
@EricOverfield

Adding a Left Navigation in the place of Current navigation in SharePoint 2013 Site.

Hi All,
I have successfully converted an HTML Page to a SharePoint 2013 Master Page. I also created a Custom Page Layout. Using both them I have created my SharePoint Site with 30+ pages. Each page is consisted with the Top Header Navigation as it is inheriting
from the Master Page I have used. Now I need the left navigation inherit from the master page also. It gives me the advantage of updating it from the master page and affects it through the entire SharePoint Site.
But at the moment I am inserting the Left Nav using a web part as an HTMl code snippet individually for each and every page. If needs a modification I have to go through all the pages and do the modification. This is not convenient also. I want to this left
nav like the SharePoint Current Navigation alternative but within my Page Layout.
Is there an option to chat within these forums?
Could someone help me to solve this problem?
Thanks and regards,
Chiranthaka

Hi Chiranthaka,
Thank you for posting in MSDN forum.
Since
this forum is to discuss: Visual
Studio WPF/SL Designer, Visual Studio Guidance Automation Toolkit, Developer Documentation and Help System, and Visual Studio Editor.
Based on your issue,
it is more related to the sharepoint, so I’m afraid that
it is not the correct forum for this issue.
In addition, I find that you have been posted this issue in this SharePoint forum:
https://social.msdn.microsoft.com/Forums/en-US/7e3af32b-2bf8-41f5-9420-9265ed64458c/adding-a-left-navigation-in-the-place-of-current-navigation-in-sharepoint-2013-site?forum=sharepointgeneral ,
so we will merge this case to the above case, I think that the SharePoint expert will follow up your issue.
Thanks for your understanding.
Best Regards,
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey.

Create a blank page without custom master page applied,left navigation,top navigation

hi,
i am having a requirement where in i need to a show a report- which is actually a 3rd party tool's custom web part -. this web part is a report which has lot of metadata. so customer doesnt want to see the custom master page
or left navigation, top navigation, right nav in this page.
is it possible to achieve a blank web part page that doesnt have custom master page applied- i mean this page should not inherit the my custom master page- and just add the custom web part here.
help is appreciated!
Das

Hi
3 ways.
1.use a blank page using sharepoint designer
2. remove applied master page for an existing page
3 use &isdlg=1 on your URL ( to hide the top of the master page elements )
http://domain/path/page.aspx&isdlg=1
Romeo Donca, Orange Romania (MCSE, MCITP, CCNA) Please Mark As Answer if my post solves your problem or Vote As Helpful if the post has been helpful for you.

CSS or JS Navigation Bar with inline Styled Search Field

Does anyone know of a good tutorial on how to create a CSS or
JS navigation bar that would contain a matching styled search field
box?
I have tried creating something like this a couple of times
using the old JS Navigation Bar wizard in DW, but can't get the
results I need. I can never seem to add a column that would include
a search box and have it look right and inline with the rest of the
navigation.
For reference, I am trying to do a nav that is somewhat
similiar to Apple's Nav bar, where the search field is styled to
match the rest of the Nav and inline with the rest of the buttons.
Any thoughts?
Thanks.

You don't need to use PMM. You can set your menu container to
position:
relative and then absolutely position the search box inside.
Al Sparber - PVII
http://www.projectseven.com
Extending Dreamweaver - Nav Systems | Galleries | Widgets
Authors: "42nd Street: Mastering the Art of CSS Design"
"destind4film" <[email protected]> wrote in
message
news:fkukir$8l4$[email protected]..
> Hi Al,
>
> Thanks for the quick reply. I had actually checked your
site earlier
> today,
> since I have had such an awesome experience with your
accordion menus.
>
> That example is almost exactly what I am trying to do,
minus the dropdown
> menu
> buttons. The buttons currently are just simple rollovers
that go directly
> to
> other pages, but I am trying to place a styled search
box to the right
> like
> your example has.
>
> Here is the current page (also using the PVII Accordion
Menu) that does
> not
> have the search added yet, but you can see that I have
plenty of real
> estate to
> include one:
>
>
http://www.dvdflashbacks.com/mrhubcap/
>
> Questions:
> Can the pop menu be used with my current roll over
images for basic Nav
> bars
> like this?
> How easy is it to add the search field to this menu?
(This is a PHP/MySql
> backend for the site using Cartweaver3. I have a php
search snippet from
> CW3
> that I was trying to stick into a table cell next to
this nav but the cell
> would never align properly for some reason.)
>
> Thank you very much and Merry 'Belated' Christmas!
>

Left navigation panel in NWBC 3.0 PL8 disappears

Hello,
I am facing a weird thing:
When I log on to NWBC 3.0 PL8 (Desktop) the left (blue) navigation panel is not there anymore.
The problem is independet from the user and the system. When I log on to another PC with my user (independent of Dev or Q-System) the navigation panel is visible again. When another users logs on at my PC the navigation panel disappears as well.
This phenomenon is not reproducable. From time to time the navigation panel is available again. But no settings were changed.
When I log off and on again it's invisible again.
Don't misinterpret it: It's not about if the panel is opened or closed. It's just not there anymore.
Thanks and best regards,
Johannes

Hello Jude,
I can't test PL9 at the moment.
But after the installation of PL8 the left navigation panel worked fine.
Could any registry-keys be responsible for this behaviour?
Regards,
Johannes
Edited by: Johannes Meinel on Nov 11, 2011 7:58 AM

Need to invisible a page in left navigation but should appear in shortcuts

Hi,
I need to hide a page in left navigation but the shorcut for this(quick link ) is required .As i have to give this as shorcut for my page .Can anyone help me on this
Thankxs
Varsha

Hi,
Why do you need a quick link of a page which is not visible for users?
Basically quick links are ment for quick navigation, so if the page is not present in navigation, then you cannot use them.
http://help.sap.com/saphelp_nw70/helpdata/EN/97/b0ef8b24a64ae884f0ab246e54cae5/frameset.htm
You can give it a try to set property Invisible in Navigation Areas to true for your page. This makes it invisible in left navigation, but I doubt you can click the quick link of this page to open it.
Regards,
Praveen Gudapati

Left navigation bar.???

Hello guys..
My question is based on this below website:-
[http://www.mnsu.edu/supersite/about/]
I have two questions for u,
1) How to keep tabs same as the horizontal toolbar..... (yellow color with "university home", "about", etc etc)??? &
2) How to do left navigation bar specific to the tab clicked by the user?? (assume that user clicks on the About tab of the yellow color horizontal bar than the links based on that(About) tab should be displayed on the left navigation bar(according to ex. "pages for", "quick links", etc etc))
Does anybody has idea how to do?????? also if u guys have some good example links than it would be very much greatfull ............
appreciated!!!!!!!!!!!!!
regards,
Kumar

hello guys,
with these below link I am able to created "Standard or Parent tab set"
[http://www.instantaccess.nl/wornmouse/Tabs-with-Oracle-Apex.pdf]
but into the child tab of the Parent tab set, I want to create a region on the left side (for each page) which displays URL/page links, after clicking on each of the links he/she will be redirected to that link/page.
any good example or link which will be helpful to me.
thxs
regards,
Kumar

Removing left navigation in a Tab Workset

I have added a Tab Workset,and when i click on that tab the left navigation part(Portal Favorites) automatically appears...
i want to Remove this,so that when i click on that tab the PortalFavorites does not appear by default.
pls let me know how i should go about doing this
thanks in advance
Neeraja

Hi,
You have to make the iview corresponding to Portal favorites invisible.Refer to the following thread. It'll help u solve your problem.
remove portal Favorites
Regards,
M.Subathra

Creating a Left Navigation Layout Similar to Oracle Instant Portal

I am a new user of Oracle AS Portal and have started to use AS Portal after I first warmed up using Oracle Instant Portal. Using Oracle AS Portal, I would like to create a left navigation layout using similar to Oracle Instant Portal that allows the content manager to add "pages" to the left navigation and create a corresponding page on the middle region of the top level page. Does anyone have any ideas on how to go about doing this in Oracle AS Portal?

Hi,
I guess, you will have to code a portlet to do that job for you, but in the mean time you could try looking at the Site Indexing Portlet on POINT page (http://www.oracle.com/technology/products/ias/portal/point.html
thanks,
Harsha

Modify css of Left navigation - ms-core-listMenu-verticalBox

Similar Messages

Maybe you are looking for