kwizcom banner advertisement

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
Increase SharePoint 2013 Lookup Column Width Increase SharePoint 2013 Lookup Column Width Reviewed by Salaudeen Rajack on 3:22 PM Rating: 5

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!

Powered by Blogger.