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 the “Add Web Part” link and then choose “Script Editor “from the “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:
After:
Note there is one typo in your code snipper,
The line:
.ms-formtable table.ms-long .ms-input>select {
should be:
.ms-formtable table.ms-long .ms-input select {
thank you for this! ive been searching for DAYS! you are awesome!
This solution worked for me. Thanks so much.
Amarjit
Hi!
For me this solution works on some forms and on some it doesn’t. Ideas why?
Good morning I attempted this solution and it is not working for me.
Can you please provide more detail?