Skip to main content

Respostas interessantes marcadas com a tag

5 votos
Aceito

Flutuar metade da lista do Menu Dropdown para outra posição

Imagino que cada <li> seja um botão do menu, onde também está incluído um <ul> que é o menu dropdown do respectivo botão. Nisso, o seletor correto dos menus, de 6 a 10, seria: #main-...
Sam's user avatar
  • 80,8mil
5 votos

como deixa o fundo branco do dropdown

O problema é que a tag header está com opacidade definida para "0.6". Como você está mexendo na opacidade do elemento "pai" (header), a propriedade "opacity" afeta todos os elementos que estiverem ...
Ricardo Pereira Dias's user avatar
4 votos
Aceito

There is no ViewData item of type 'IEnumerable' that has the key

Você não esta carregando sua view bag no @Html.DropDownList Deveria ser assim para carregar os itens da viewbag. @Html.DropDownList("CargoID", (SelectList)ViewBag.CargoId) Ou melhor ainda @Html....
Marco Vinicius Soares Dalalba's user avatar
4 votos
Aceito

dropdown com javascript puro

Coloque um parâmetro na função dropDown() de onde você consegue saber a origem do clique. function dropDown(e){... ↑ Para saber qual elemento foi clicado e que chamou a função, ...
Sam's user avatar
  • 80,8mil
4 votos

Encaixar li:hover no DropDown Menu

Vc precisa declarar um border-radius especial apenas para o primeiro e último filho de cada sub menu, para isso vc pode usar first-child e last-child, sendo que o primeiro filho só tem border-radius ...
hugocsl's user avatar
  • 66,9mil
3 votos

o meu dropdown sai do ecra, como faço para ele descer para o lado oposto?

Adicione a classe .dropdown-menu-right à div .dropdown-menu, para alinhar o menu à direita, ficando assim: <div class="dropdown-menu dropdown-menu-right" style="width:600px;"> Bootstrap 4: ...
Sam's user avatar
  • 80,8mil
3 votos
Aceito

Porque este @Html.DropDownListFor não aceita os htmlAttributes?

Tente da seguinte forma: @Html.DropDownListFor(model => model.IdStatusRegistro, new SelectList(ViewBag.ListaSelectList, "Id", "Descricao"), htmlAttributes: attribs) Aparentemente é só um erro na ...
Good Bye Blue sky's user avatar
3 votos
Aceito

Bootstrap navbar fechar

No Bootstrap 4 (conforme especificado na pergunta, mas deve funcionar em versões anteriores recentes) o menu se fechará ao clicar em um item na lista do menu, com o seguinte escutador jQuery: $(".nav-...
Sam's user avatar
  • 80,8mil
3 votos
Aceito

Menu Dropdown (VUEJS/Javascript)

Olá, Procurando uma maneira simples de implementar a funcionalidade click-outside no elemento, encontrei esta directive. Alias, não achei outra maneira se não por diretivas. Abaixo está uma adequação ...
Lucas Fontes Gaspareto's user avatar
3 votos
Aceito

Dropdown Bootstrap não funciona

Não funciona porque você adicionou o menu dropdown fora do elemento li. Basta inserí-lo que funcionará perfeitamente. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min....
Woss's user avatar
  • 77,2mil
3 votos
Aceito

Vue Menu com submenu vindo de json

Consegui, Segue como fiz a estrutura no v-for: <ul> <li v-if = "info != null" v-for="(item, key, index) in info.data"> <p>-- {{key}} --</p> <span v-if = "info != ...
Henrique Buzin's user avatar
3 votos

Encaixar li:hover no DropDown Menu

Em vez de usar :hover, defina as bordas como padrão para os elementos. Já economiza um evento no CSS. Para isso, utilize o sinal > (elementos filhos diretos) e o :not(:first-child) na ul para ...
Sam's user avatar
  • 80,8mil
2 votos

Criar filtro dos eventos FullCalendar

Tive uma dúvida igual a sua. Resolvi da seguinte maneira: sempre que o select é alterado, você pega o valor do option e utiliza esse valor para filtrar de todos os eventos que você buscou no ajax. Um ...
GustavoR.'s user avatar
  • 484
2 votos
Aceito

Meu dropdown não importa opções do banco

<?php require 'conn.php'; $query = mysqli_query($connection, "SELECT NOME FROM colaboradores"); ?> ... ... <select class="form-control" id="...
Godfrey the King's user avatar
2 votos

Como fazer um dropdown que importe as opções do banco de dados

Fazendo com select é basicamente simples. Segue um exemplo basico <select> <?php $sql = $pdo->prepare("SELECT * FROM tabela"); $sql->execute(); while($ln = $sql-&...
Rafael Augusto's user avatar
2 votos
Aceito

Menu com DropDown por trás do conteúdo da página

O problema está APENAS em: html { overflow-x: hidden; } Esse código está restringindo a altura da página apenas ao conteúdo dela (note uma pequena barra de rolagem vertical à esquerda da barra ...
Sam's user avatar
  • 80,8mil
2 votos

Flutuar metade da lista do Menu Dropdown para outra posição

Você pode utilizar a classe .dropdown-menu-right para alterar o alinhamento do dropdown <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> ...
kakamg0's user avatar
  • 608
2 votos

Vue Menu com submenu vindo de json

Você vai ter que percorrer o json para exibir segue um exemplo de utilização do v-for na tag <a>: <template> <div id="app"> <img alt="Vue logo" src="./assets/logo.png"> ...
Lodi's user avatar
  • 1.083
2 votos
Aceito

Menu DropDown sobrepondo

Antes de mostrar o submenu clicado, esconda os outros antes, exceto o que você clicou. Você faz isso usando .not(). Também seria interessante fechar os submenus quando você fechar o menu principal, ...
Sam's user avatar
  • 80,8mil
2 votos

onmouseover em menu dropleft

É com CSS que você faz isso, não com JavaScript: .dropleft .dropdown-menu a { display: inline-block; /* para a imagem afetar a altura do a */ } .dropleft .dropdown-menu a:hover { background-...
bfavaretto's user avatar
  • 66,2mil
2 votos
Aceito

Botão dropdown dentro de um card não funciona (Bootstrap/Angular)

Você está usando "data-bs-toggle", que é um atributo do Bootstrap 5. Ou você remove o "data-bs-toggle" e substitui por apenas "data-toggle", ou você migra o site para ...
Eduardo Dorneles's user avatar
1 voto

Flutuar metade da lista do Menu Dropdown para outra posição

Fiz algo parecido, isso já, só que determinava a direção do menu de acordo com o tamanho da tela, o código era mais ou menos como no exemplo, o menu não era com bootstrap e nem responsivo, fiz o ...
fernandoandrade's user avatar
1 voto
Aceito

ASP.Net e C# - Reduzindo opções de DropDownList de acordo com data atual

Pelo o que eu entendi do seu problema, você quer que adicione 1 mês após o atual quando o dia for menor que 11 e que adicione 2 meses quando o dia for maior do que 11. Fiz um trecho de código para ...
Pedro Paulo's user avatar
  • 3.663
1 voto

Como exibir o DropDown apenas deslizando o mouse sobre o conteúdo?

No novo bootstrap o sistema de hovering foi retirado http://markdotto.com/2012/02/27/bootstrap-explained-dropdowns/ Uma forma de você colocar essa opção novamente é adicionando a seguinte linha de ...
Filipe da Silva de Oliveira's user avatar
1 voto
Aceito

Generalizar uma função de dropdown Javascript?

O JavaScript abaixo deve atender aos eventos sobre o alvo: $('.sb-dropdown-toggler').click(function (e) { e.preventDefault(); $(this).next().toggleClass("dropdown-active"); }); Não testado, ...
yanntinoco's user avatar
1 voto
Aceito

o meu dropdown sai do ecra, como faço para ele descer para o lado oposto?

Vc mudou bastante a estrutura básica do modelo padrão do Drop-Menu do Bootstrap. Parece que vc está querendo construir uma "página" dentro desse Drop que vai abrir... De qualquer forma mesmo o ...
hugocsl's user avatar
  • 66,9mil
1 voto
Aceito

Dropdown(toogler) do bootstrap 4 não ta funcionando

O erro está aqui: <button type="button" class="navbar-toggler" data- toggle="collapse" data-target="#navbarSite"> Você deu uma quebra de linha no meio dos atributos da ...
Alex Lupóz's user avatar
1 voto
Aceito

classe de menu dropdown em javascript não toggla

Adicione ul à classe .showing: ul.showing{ max-height: 20em; } O seletor .preheader ul com max-height:0px; tem mais força que a classe .showing sozinha, portanto o max-height sempre vai ficar em 0....
Sam's user avatar
  • 80,8mil
1 voto
Aceito

Dropdown no navbar

Tinha um erro na onde era fechado a function(), ou seja, um parenteses sem necessidade o correto está no exemplo abaixo: $(function(){ $('.dropdown-toggle').dropdown(); }); <script src="...
novic's user avatar
  • 36,7mil
1 voto

Editar dados de um DropDown List no Excel

Vá no menu dados (1), subopção validação de dados (2), como você já tem uma lista no critério de validação a opção permitir deve estar como lista (3), edite a fonte ou o conteúdo das células nela ...
Math's user avatar
  • 31,3mil

Only top scored, non community-wiki answers of a minimum length are eligible