CSS Bootstrap in combobox Ajax

0

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;
}
    
asked by anonymous 01.03.2018 / 12:59

1 answer

0

Well your bootstrap css should be interfering with some external element

try the following

<div class="grid-6">
    <div style='float:left;marin-top:15px'>
       <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>
</dib>

If you're still off the edge increase the margin value marin-top: 15px to fit

    
01.03.2018 / 13:56