1

Does anyone know of a way in SharePoint 2013 (on premise) to text wrap the column headers/questions in NewForm.aspx. Currently I have long column headers so when you select 'new item' on the list the headers which appear down the left (which im using as questions) are really long creating an ugly and not friendly horizontal scroll.

Thanks in advance for any help!

enter image description here

1 Answer 1

3

The key is to override the white-space-property within the nobr element which is the one where the text is located. Then you can define the standard width for your column titles on .ms-formlabel.

.ms-formlabel {
    width: 400px;
}
.ms-formlabel nobr {
    white-space: normal;
}

Add the CSS either in the style sheet referenced in your master page, or to the list's NewForm.aspx into a web part.

4
  • Why !important ? Seems to work without...
    – Nils
    Commented Jul 11, 2017 at 11:18
  • 1
    @Nils yeah, you are right. white-space was only defined within corev15's .css and not in the DOM as I at first had thought for some reason. Fixing.
    – moe
    Commented Jul 11, 2017 at 11:22
  • Thanks guys, I put the code into a script editor webpart and it worked a treat!
    – RSB
    Commented Jul 11, 2017 at 12:17
  • For anyone not very script/code minded it needed the style tags to work forme. <style type= "text/css"> .ms-formlabel { width: 400px; } .ms-formlabel nobr { white-space: normal; } </style>
    – RSB
    Commented Jul 11, 2017 at 12:39

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.