Expand the width of the data – Display Form

[Roberto Garcia]

Morning Alexander

Like always thanks for all the help and support. Question.

I am working with the Display form and i would like that to expand the width of the data either in px or to the large of the monitor. is there any way to do this?

Enclose you will find the example of what i am looking.

Once again “thanks”

Attachments:

1. 

   Help-Widht-on-Display-form.jpg
   

[Alexander Bautz]

Hi,
You can use custom css to set the formbody width like this:

.ms-formbody{
    width:600px;
}

To set the formlabel, use it like this:

.ms-formlabel{
    width:200px;
}

Alexander

[Anne Maki]

Hi Alex,
I tried using this solution as well since I had the same question as Roberto above. Somehow, both the form and label widths are not changing no matter what value I put for the width. Is there something else I need to be setting to make the form body wider/narrower? Here is the current setting I have in the Custom CSS tab:

.customTooltip{
float:none!important;
display:inline-block;
}
.ms-standardheader{
margin-right:0!important;
}
.ms-formbody{
width:600px;
}
.ms-formlabel{
width:200px;
}

Any help you can give is appreciated!

Thanks,
Anne

[Alexander Bautz]

I’m not sure why it is not working – it’s hard to tell without looking at it.

You must use the developer tools to inspect (right click > inspect and look at the Styles) to see what styles are actually applied to your form. Any styles that are overridden will show with a strike-through in the list.

Alexander

[Author]

Posts