How to get bootstrap dropdown list style on asp:DropDownList without using form-control class

Question

I'm attempting to add bootstrap style to an old application. One thing I have come across repeatedly is wanting to style an asp:DropDownList as a bootstrap dropdown.

I came across a SO post that said to use the form-control class. This actually works however it gives the control a width of 100% thanks to the form-control class which is taking priority over the grid's width.

I have been trying to figure out how to get it to prioritize the grid width, however I wonder that applying form-control is the wrong solution in the first place.

I would definitely prefer not to rewrite the asp:DropDownList using a button and ul as done in bootstrap examples b/c I would have to repeat this transformation a hundred times and it's simply not worth it.

Albert D. Kallal · Accepted Answer · 2022-05-24 16:27:20Z

0

Hum, you could add a width to the dropdownlist like this:

        <asp:DropDownList ID="DropDownList1" CssClass="form-control" runat="server"
            DataValueField="ID"
            DataTextField="HotelName"
            width="180px"
            ></asp:DropDownList>

answered May 24, 2022 at 16:27

Albert D. Kallal

50.1k3 gold badges41 silver badges64 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to get bootstrap dropdown list style on asp:DropDownList without using form-control class

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related