Expand the width of the data – Display Form

Home Forums General discussion Expand the width of the data – Display Form

Tagged: 

Viewing 3 reply threads
  • Author
    Posts
    • #16205
      Roberto Garcia
      Participant

        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”

      • #16224
        Alexander Bautz
        Keymaster

          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

        • #27817
          Anne Maki
          Participant

            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

          • #27839
            Alexander Bautz
            Keymaster

              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

          Viewing 3 reply threads
          • You must be logged in to reply to this topic.