Side-By-Side Dropdown Alignment Issue

Forums Dynamic Forms for SharePoint Side-By-Side Dropdown Alignment Issue

This topic contains 2 replies, has 2 voices, and was last updated by  Alexander Bautz 3 months, 1 week ago.

  • Author
    Posts
  • #21151

    Chandan Kumar
    Participant

    Hi Alex,

    I have used Side by side setting in my SharePoint 2013 form. I am facing field alignment issue for drop-down field. Rest all the fields(Single line text and multi-line) are aligned properly. Please see attached screenshot.

    I have used below Field CSS in all the fields (Dropdowm, single line and Multiline)
    input{
    width:150px;
    }

    I have also used below in Custom CSS tab

    .sbs_FieldTable *{
    width:auto !important;
    }

    .sbs_tdIndex_1, .sbs_tdIndex_2, .sbs_tdIndex_3, .sbs_tdIndex_4, .sbs_tdIndex_5{
    min-width:150px !important;
    width:150px !important;
    white-space:normal!important;
    }

    I also tried removing .sbs_FieldTable but it didn’t help. It would be much helpful if you could suggest me some way out to correct the alignment of dorpdown (second row in attached screen shot).

  • #21156

    Chandan Kumar
    Participant

    Hi Alex,

    I fixed alignment using CSS of dropdown fields.

    Thanks

  • #21160

    Alexander Bautz
    Keymaster

    I’m glad you figured it out.

    Alexander

You must be logged in to reply to this topic.