Dropdown values to be on left

Hi Tuhin

  Dropdown is in Table footer

Thanks

still not working

Thanks

Not working the nare you gereting any error ?

Hi Tuhin

  not still working

Thanks

Hi Tuhin

  Can u pls explain with code

Thanks

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
  

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. 

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

Hi Rajkiran

  I have used below but not working

Thanks

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.