By default SharePoint web part editor is static and sometimes the web part and the editor are not visible at the same time. To change this behavior I came across this solution originally developed by Matthew Koon which I tweaked a little to work both with BindTuning themes and the original Seattle theme.

SharePoint default theme

To get this working with the original SharePoint theme you will need JQuery, JQuery UI, a custom script and also a custom CSS. You can download all these resources here.

Once you have all the files, you can follow these steps:

  1. Open your site with SharePoint designer
  2. Extract the NewSeattle folder from the zip and copy it to All Files > Style Library
  3. Select the folder, and check it in. If asked, publish the major version
  4. Extract the NewSeattle.master and copy it to All Files > _catalogs > master page
  5. Select the master, check it out and then check it in. If asked, publish the major version
  6. On your SharePoint site go to Settings > Site Settings > Master Page, if you don’t have the master page option under look and feel you need to first activate the publishing features
  7. Set the NewSeattle.master as your master page
  8. NewSeattle

  9. To test it edit one of your pages, edit a web part and drag the tool pane

BindTuning themes

With BindTuning themes you will need the JQuery UI, a custom script and a custom css, which you can download here.

Once you have all the files, you can follow these steps:

  1. Open your site with SharePoint designer
  2. Extract the BindTuning folder from the zip and copy it to All Files > Style Library
  3. Select the folder, and check it in. If asked, publish the major version
  4. Navigate to All Files > _catalogs > masterpage >YourThemeName
  5. Check out the master page you are using and edit it in advanced mode
  6. Search for
  7. Above it paste the following code
  8. 
    
    
    
    
  9. Save the master page, check it in and, if asked, publish the major version
  10. Refresh your browser using CTRL + F5