Dropdown values to be on left

Question

Hi

I have below code & values are appearing on right side. Can it be done on left side. In same class class="form-control"

<asp:DropDownList ID="ddlMinute" class="form-control" required="true" width="50px" Font-Size="Small" runat="server"  AutoPostBack="true">

Trying like this but not working - class="form-control left:0"

/forums/uploadfile/f61a1a/04022023111932AM/DropDown.jpg

Thanks

Tuhin Paul · Answer

the CSS rule .form-control select has a margin-left property set to -50px, which might be causing the issue with the dropdown list. Instead of using a negative margin to position the select element, you can try using padding or margin on the container element to achieve the desired layout. Hour 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 #tbldata thead { font-size: 12px; } #tbldata tbody { font-size: 12px; } .col-md-6 { padding-left: 50px; } .form-control { width: 100%; } In this updated code, the select element within the DropDownList control is given the "form-control" class using the CssClass attribute. The negative margin rule is replaced with a padding-left rule on the container element (.col-md-6), and the width of the DropDownList control is set to 100% to fill its container.

Tuhin Paul · Answer

I think you are trying to style the select element within the DropDownList control using the CSS rule .form-control select, but the select element does not have the form-control class applied to it. To apply this class to the select element, you can add the CssClass attribute to the DropDownList control and set its value to "form-control".

Ramco Ramco · Answer

Hi Tuhin Dropdown is in Table footer Thanks

Ramco Ramco · Answer

still not working Thanks

Tuhin Paul · Answer

Not working the nare you gereting any error ?

Ramco Ramco · Answer

Hi Tuhin not still working #tbldata thead { font-size: 12px; } #tbldata tbody { font-size: 12px; } .col-md-6 { padding-left: 50px; } .form-control { width: 100%; } Thanks

Ramco Ramco · Answer

Hi Tuhin Can u pls explain with code Thanks

Ramco Ramco · Answer

Hi Rajkiran I have used below but not working .float-left { float: left; } Thanks

Rajkiran Swain · Answer

In the example above, we added the float-left class to the class attribute of the DropDownList control. This class contains the following CSS code: .float-left { float: left; } This will make the DropDownList float to the left side of its container. Also, note that we removed the left:0 property from the class attribute, as it is not necessary to achieve the desired effect.