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-...
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 ...
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....
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, ...
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 ...
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: ...
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 ...
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-...
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 ...
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....
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 != ...
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 ...
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 ...
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="...
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-&...
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 ...
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"/>
...
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">
...
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, ...
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-...
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 ...
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 ...
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 ...
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 ...
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, ...
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 ...
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 ...
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....
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="...
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♦
- 31,3mil
Only top scored, non community-wiki answers of a minimum length are eligible
Tags relacionadas
dropdown × 150css × 39
html × 35
menu × 32
javascript × 29
php × 18
c# × 18
jquery × 16
twitter-bootstrap × 15
asp.net-mvc × 9
asp.net-mvc-5 × 8
bootstrap × 8
angular × 7
submenu × 7
mysql × 6
asp.net × 6
html5 × 5
ajax × 5
json × 5
angularjs × 4
flutter × 4
bootstrap-4 × 4
dropdownlist × 4
.net × 3
css3 × 3