Wide list fix

Todd Chessum -

Have a list with a lot of columns that extends off the side of the page and looks rather odd? We have a nice fix for that. Here's what needs to be done:

  1. Navigate to a list which extends off the side of the page

  2. Select the Edit page option from the SharePoint ribbon or SharePoint Setting gear.

    edit-page.jpg

  3. When the page is in edit more, select Add a Web Part.

    add-web-part.jpg

  4. Add a Script Editor web part from the "Media and Content" category.

    select-web-part.jpg

  5. With the Script Editor web part on the page, select the Edit Web Part option from the web part menu. 

    edit-web-part.jpg
  6. Scroll to the web parts tool pane, expand open the Layout section, select the Hidden option, and the click the OK button. This is required to keep the Script Editor web part from interfering with the position of other items on the page.

    tool-pane.jpg

  7. Now select the EDIT SNIPPET link on the script editor web part.

    edit-snippet.jpg

  8. Copy and paste the supplied code (located at the end of this article) into the text area of the Embed modal the opens and select "Insert"

    embed.jpg

  9. Select the Stop Editing option from the SharePoint ribbon

    stop-editing.jpg

  10. That's it! The page body background will now extend the fill width of the list.


Here's the Embed code:

<style type="text/css">
#pageBody {
    display: inline-block;
    background-color: #ffffff;
    min-width: 100%;
}
</style>

 

Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.
Powered by Zendesk