Monday, March 9, 2015

Increase SharePoint 2013 Lookup Column Width

Requirement: Increase SharePoint 2013 multi-lookup field width

Solution: Use CSS styles to set lookup field width in SharePoint! Here is how:

  • Navigate to: http://your-sharepoint-site.com/Lists/Your-List/editform.aspx
  • Click on "Site Settings" gear >> Edit Page
  • Click on "Add Web Part" link and then choose "Script Editor "from "Media and Content" group
  • Click on "Edit Snippet" link script editor and Paste the below CSS in it. Save and close the page.
<style>
.ms-formtable table.ms-long {
    width:600px !important;
}

.ms-formtable table.ms-long .ms-input>select {
    width:300px !important;
}
</style>

Before:
sharepoint lookup column width
After:
sharepoint multi lookup field width



You might also like:
SharePoint Usage Reports
Usage reports, collaboration and audit for SharePoint.
Document SharePoint Farm
Automatically generate SharePoint documentation.
*Sponsored


Check out these SharePoint products:

3 comments :

  1. Good morning I attempted this solution and it is not working for me.

    Can you please provide more detail?

    ReplyDelete
  2. Hi!
    For me this solution works on some forms and on some it doesn't. Ideas why?

    ReplyDelete
  3. This solution worked for me. Thanks so much.

    Amarjit

    ReplyDelete

Please Login and comment to get your questions answered!


You might also like:

Related Posts Plugin for WordPress, Blogger...