Home » Sharepoint 2010RSS

How do I increase the size of Left panel?

Hello,

 

I'm trying to increase the size of the left quickmenu panel called "s4-leftpanel".

in the CSS i find a width of 155px but when I increase this to 200, it seems like the panel is hidden below something else..

 

 

 

 

 

 

3 Answers Found

 

Answer 1

i can't find any tag with name written above, neither i know whether you are talking about Central admin or some other site

any way you can change the width of Central admin Quick launch by changing the width of table which contains quick launch using Sharepoint designer see the exact line below (table in first line add a width attribute there) where you may need to change the width

 <TABLE height="100%" class=ms-navframe CELLPADDING=0 CELLSPACING=0 border="0" width="250px">
		 <tr valign="top">
			<td width="4px"><IMG SRC="/_layouts/images/blank.gif" width=4 height=1 alt=""></td>
			<td valign="top" width="100%">
			 <asp:ContentPlaceHolder id="PlaceHolderLeftNavBarDataSource" runat="server" />
			 <asp:ContentPlaceHolder id="PlaceHolderCalendarNavigator" runat="server" />
			 <asp:ContentPlaceHolder id="PlaceHolderLeftNavBarTop" runat="server"/>
			 <asp:ContentPlaceHolder id="PlaceHolderLeftNavBar" runat="server">
				<div class="ms-quicklaunchouter">
.
.
.
.
.
 so on....

Manish Sati
 

Answer 2

 

I'm talking about the v4.master page.

In my version it looks like this

 

<div id="s4-leftpanel" class="s4-notdlg" >
                    <div id="s4-leftpanel-content">
                        <asp:ContentPlaceHolder id="PlaceHolderLeftNavBarDataSource" runat="server" />
                        <asp:ContentPlaceHolder id="PlaceHolderCalendarNavigator" runat="server" />
                        <asp:ContentPlaceHolder id="PlaceHolderLeftActions" runat="server"></asp:ContentPlaceHolder>
                            <asp:ContentPlaceHolder id="PlaceHolderLeftNavBarTop" runat="server"/>
                        <asp:ContentPlaceHolder id="PlaceHolderLeftNavBar" runat="server">

 

even if I increase the width to 300px, it will still not show correct.
The wierd thing is that it shows correct in my sharepoint designer but not when other pages are loaded..

it seems like the content of the other pages are covering the extra width of the leftpanel

 

Answer 3

For this purpose you need to make changes in you CSS at two places.

Let us take an example, if you want your left panel width to be 250px, for this you need to do following:

1. Find the following class .s4-ca  in CSS file and set its margin-left:255px;

2. Find this class body #s4-leftpanel in CSS file and set is width:255px;

You are done!!!

 
 
 

<< Previous      Next >>


Microsoft   |   Windows   |   Visual Studio   |   Follow us on Twitter