Hide Left Navigation menu bar from Calendar.appx Page ??

Hi,

I am stting up a calendar for my client, can anybody help me to resolve this ??

1. How to hide a navigation bar display on left of the Calendar.aspx page??

2. Can I add more then 10 calander in 1 site collection? if yes then How i can do this??

Thanks,

Anurag

July 29th, 2015 1:41pm

Use this CSS to hide left nav: 
 #s4-leftpanel {                                
display:none;                              
}                              
.s4-ca {                               
 margin-left:0px!important;                              
}
Do you need calendar overlay? If you want can create 10 calendars in SharePoint as list.
Free Windows Admin Tool Kit Click here and download it now
July 29th, 2015 2:15pm

I added a content editor web part on the following URL

https://abc.com/projects/FOX/Office/Lists/Test/calendar.aspx

and add the code.. you gave and click apply--> Ok..

but it did not hide the Left navigation bar...  Did i do anything wrong?? Please help..

Thanks.

Anurag


July 29th, 2015 2:52pm

Rupesh.. any Idea about my issue.. What I am doing wrong for hiding the left navigation from my Calander.apsx page..

I appreciate your help

Free Windows Admin Tool Kit Click here and download it now
July 29th, 2015 3:42pm

Hi

did you include the style tag in the css?

<style type="text/css">
BODY #s4-leftpanel {
	DISPLAY: none
}
.s4-ca {
	MARGIN-}
.s4-title {
	DISPLAY: none
}</style>

or try below one

<style>.ms-navframe{ display:none; }</style>

for your refrence

http://sharepointpromag.com/sharepoint-administration/four-ways-add-or-remove-quick-launch-menu-control

https://sharemypoint.wordpress.com/2007/06/20/hide-left-navigation-panel-without-changing-master-page/

July 30th, 2015 12:36am

Hi Anurag,

Write it this way in the content editor web part. I prefer you to keep content editor web part to the bottom of the page.

<style type="text/css">
#s4-leftpanel {                                
display:none;                              
}                              
.s4-ca {                               
 margin-left:0px!important;                              
}
</style>

If still not working, you should check if you are using any custom master page.

In that case, use I.E. developer toolbar to identify the parent left navigation element and hide that class in the CSS.

Free Windows Admin Tool Kit Click here and download it now
July 30th, 2015 12:55am

This topic is archived. No further replies will be accepted.

Other recent topics Other recent topics