none
CSS Bootstrap em combobox Ajax RRS feed

  • Pergunta

  • Estou utilizando uma combobox ajax, para que possa ser digitado dentro dos dados da combobox, porém eu estou usando bootstrap e ele não fica configurado corretamente, eu utilizo class pra configurar, segue como está ficando:

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

    Porém ele fica dessa forma. Ele funciona a pesquisa, mas não funciona o css do bootstrap.

    Descobri que ele está dando conflito com o ajax que estou utilizando, olha como está o css que ele utiliza do ajax:

    .ajax__combobox_buttoncontainer button {
      background-
      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;
    }

    Esse css é o que ele pega do ajax, mas queria que ele pegasse a configuração do bootstrap. Alguém tem alguma sugestão ? Ou alguma outra ideia para fazer um dropdownlist com pesquisa? Obrigado.

    quinta-feira, 1 de março de 2018 17:05