I have a dropdown control that is populated from a table. Here is the code:
<tr>
<td>
<asp:Label ID="Label23" runat="server" Text="Escalation Reason"></asp:Label>
</td>
<td>
<asp:DropDownList ID="DropDownList_Escalation_Reason" runat="server" CssClass="form-control input-sm" Width="250px">
</asp:DropDownList>
</td>
</tr>
When I open the dropdown, the options appear above and to the left of the box. I want them to be directly below the dropdown box for a more standard appearance.
I checked out this page which deals with button dropdowns that have static list items. However, my dropdown reads from a table and isn't covered in the examples on the page provided.
https://getbootstrap.com/docs/4.0/components/dropdowns/
Could someone please advise me on how to position the Bootstrap dropdown list directly under the dropdown control?
EDIT: When the code above is executed, it generates the following HTML:
<tr>
<td>
<span id="Label23">Escalation Reason</span>
</td>
<td>
<select name="DropDownList_Escalation_Reason" id="DropDownList_Escalation_Reason" class="form-control input-sm" style="width:250px;">
<option value="0">-----</option>
<option value="3">Billing needs update to complete client bill</option>
<option value="9">Client Escalated Request</option>
<option value="2">Client Facing</option>
<option value="8">Impact to Client</option>
</select>
</td>
</tr>