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:
Before:
After:
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:
Related Posts:
Good morning I attempted this solution and it is not working for me.
ReplyDeleteCan you please provide more detail?
Hi!
ReplyDeleteFor me this solution works on some forms and on some it doesn't. Ideas why?
This solution worked for me. Thanks so much.
ReplyDeleteAmarjit
thank you for this! ive been searching for DAYS! you are awesome!
ReplyDeleteNote there is one typo in your code snipper,
ReplyDeleteThe line:
.ms-formtable table.ms-long .ms-input>select {
should be:
.ms-formtable table.ms-long .ms-input select {