Fields misaligned in Display Form

Forums Dynamic Forms for SharePoint Fields misaligned in Display Form

This topic contains 3 replies, has 2 voices, and was last updated by  Darin Davis 3 months ago.

  • Author
    Posts
  • #23845

    Darin Davis
    Participant

    I’m completely baffled at what I’m seeing. Attached are a series of screen shots illustrating the issue. On the Edit form, the fields are aligned (picture 1). However, on the Display form, the fields in the second column are offset by different amounts (picture 2), e.g. “Storms” horizontally aligns to the right of “Projects”, and “Other” horizontally aligns near the end of “Storms”.

    Pictures 3 and 4 show the what regions of the first and second columns look like in Chrome Dev Tools.

    No custom CSS is defined. Looking for help understanding why the second column entries are not uniformly left-aligned. How to correct?

    I appreciate any help.

  • #23851

    Darin Davis
    Participant

    Pictures 5 – 6 show the what the regions of the first and second columns in the second row look like.

  • #23857

    Alexander Bautz
    Keymaster

    You must add some Custom CSS to ensure the columns have a fixed size – look at this article: https://spjsblog.com/dffs/dffs-styling/

    Alexander

  • #23875

    Darin Davis
    Participant

    Perfect! That was it. Thank you very much.

You must be logged in to reply to this topic.