• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 2356
  • Last Modified:

Sharepoint 2010 how to position the web part tool pane when using a fixed width

When using a fixed width layout for my sharepoint 2010 master page, I notice the web part tool pane is hidden. How can I control/position it using CSS. I could not work out the class.
Any help would be appreciated
  • 4
1 Solution
Ingeborg Hawighorst (Microsoft MVP / EE MVE)Microsoft MVP ExcelCommented:

using F12 on IE8 it's easy to identify the elements and their CSS.

See the elements outlined in red in the following screenshots and their respective lines of code and CSS classes:
<td id="MSOTlPn_MainTD" vAlign="top" style="width: 225px;">

Open in new window

Inherits the Body style from corev4.css

 inner container  
<table class="ms-ToolPaneOuter" id="MSOTlPn_Tbl" style="width: 225px; height: auto;" border="0" cellSpacing="0" cellPadding="0">

Open in new window

Inherits BODY from corev4.css
.ms-ToolPaneOuter from WPEditModev4.css

Does that help?

cheers, teylyn
pancho15Author Commented:
Thanks , will give that a try
pancho15Author Commented:
that worked great although I have the following issue now
 Wont scroll
I have positioned the tool pane to the left
      position:fixed !important;
      top:160px !important;
      left:10px !important;      
I tried with position: relative - but it places the tool pane inside my fixed width. I need it either to the left or right of the fixed width.(In the gray area).  

The issue I have with position: fixed is that when I expand the tool pane it does not push the page down so I can view all options.

ANy help would be great my css skills are very basic
pancho15Author Commented:
I was meant to say I tried it with position: absolute - but it places the tool pane inside my fixed width. although it worked when expanding the
pancho15Author Commented:
worked a treat thanks
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Get 10% Off Your First Squarespace Website

Ready to showcase your work, publish content or promote your business online? With Squarespace’s award-winning templates and 24/7 customer service, getting started is simple. Head to Squarespace.com and use offer code ‘EXPERTS’ to get 10% off your first purchase.

  • 4
Tackle projects and never again get stuck behind a technical roadblock.
Join Now