Move the View Dropdown for Wide Lists

Posted: March 14, 2012 in Content Editor webpart, sharepoint 2007

One of the annoying “features” of SharePoint 2007 is how the View dropdown gets pushed off of the page when working with list views with many columns.

Left part of the page:


Two scrolls to the right and we can now find the view menu:


View menu just to the right of the other toolbar buttons. (After Adding the Javascript)


Complete Steps:

  1. Display the list’s view page
  2. Click Site Actions, Edit Page
  3. Add a Content Editor Web Part and move it to the bottom of the page (below the list’s web part)
  4. Edit the Content Editor Web Part, click the Content Editor button and paste in the following JavaScript
  5. Save everything and test!

Javascript code:

<script>

var x = document.getElementsByTagName(“table”);

for (var i=0;i<x.length;i++)

{

// find the table with this class

if (x[i].className==”ms-menutoolbar”)

{

// change the widths of all of the cells to 0

for (var j=0; j<x[i].rows[0].cells.length;j++)

{

x[i].rows[0].cells[j].style.width=”0″

}

// change the width of the last column

x[i].rows[0].cells[j-1].style.width=”100%”

}

}

</script>

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s