I'm using a combobox ajax, so it can be typed inside the data of the combobox, however I'm using bootstrap and it is not configured correctly, I use class to configure, it follows how it's getting:
<div class="grid-16 search">
<div class="grid-3">
<asp:Label ID="labelPersonSituation" runat="server" Text="Situação da Pessoa:"></asp:Label>
<select id="Situation" runat="server" class="form-control">
<option value="Todos">Todos</option>
<option value="Ativo">Ativo</option>
<option value="Bloqueado">Bloqueado</option>
<option value="Inativo">Inativo</option>
<option value="Livre">Livre</option>
</select>
</div>
<div class="grid-6">
<asp:Label ID="labelModality" runat="server" Text="Modalidade:"></asp:Label>
<asp:ComboBox ID="DropModality" runat="server" DropDownStyle="DropDownList" AutoPostBack="False" CaseSensitive="False" ItemInsertLocation="Append" AutoCompleteMode="SuggestAppend" class="WindowsStyle"></asp:ComboBox>
</div>
<div class="grid-3">
<br />
<asp:Button ID="btnRelatorioAlunosSituacao" runat="server" Text="Pesquisar" OnClick="btnRelatorioAlunosSituacao_Click" CssClass="btn btn-block btn-primary" />
</div>
Butitstaysthatway.Itworksthesearchbutdoesnotworkthebootstrapcss.
IhavefoundthatitisconflictingwiththeajaxthatIamusing,itlookslikethecssthatitusesofajax:
.ajax__combobox_buttoncontainer button {
background-position: center;
background-repeat: no-repeat;
border-color: ButtonFace;
height: 0px;
width: 15px;
}
.ajax__combobox_itemlist {
background-color: brown;
border: solid 1px ButtonShadow;
color: WindowText;
cursor: default;
list-style-type: none;
margin: 0;
padding: 0;
text-align: left;
}
.ajax__combobox_itemlist li {
padding: 0 3px 0 2px;
white-space: nowrap;
width: 100%;
}
.ajax__combobox_inputcontainer {
border-spacing: 0;
}
.ajax__combobox_inputcontainer td {
padding: 0;
}