Side-By-Side Dropdown Alignment Issue

[Chandan Kumar]

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).

Attachments:

1. 

   Farmating-Issue.jpg
   

[Chandan Kumar]

Hi Alex,

I fixed alignment using CSS of dropdown fields.

Thanks

[Alexander Bautz]

I’m glad you figured it out.

Alexander

[Author]

Posts