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

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.

  • Why !important ? Seems to work without... – Nils Jul 11 '17 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 Jul 11 '17 at 11:22
  • Thanks guys, I put the code into a script editor webpart and it worked a treat! – RSB Jul 11 '17 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 Jul 11 '17 at 12:39

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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