Search the Community
Showing results for tags 'bootstrap'.
Found 201 results
-
Datetimepicker do Bootstrap fica português só testando com o Wampserver ao passar para um domínio fica em inglês.
Rafael_Ferreira posted a topic in HTML e CSS
Datetimepicker do Bootstrap fica português só fora da internet testando no Wampserver passando para um domínio o datetimepicker funciona só que fica em inglês. Código: <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="css/bootstrap.min.css"> <script src="js/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script> <link href="css/bootstrap-combined.min.css" rel="stylesheet"/> <link href="css/bootstrap-datetimepicker.min.css" rel="stylesheet"/> <script src="js/bootstrap-datetimepicker.min.js"></script> <script src="js/bootstrap-datetimepicker.pt-BR"></script> <body> </head> <div class="container"> <div class="row justify-content-center"> <table class="table"> <thead> <th> ID_Cliente</th> <th>Preço</th> <th>Quantidade</th> <th>Total dos Serviços</th> <th>Forma de Pagamento</th> <th>Data</th> <th Colspan="9">Ação </th> </thead> <button type="button" class="btn btn-dark">Cliente</button> <button type="button" class="btn btn-secondary">Caixa</button> <button type="button" class="btn btn-primary">Relatorio1</button> <button type="button" class="btn btn-success">Relatorio2</button> <tbody> <tr> <td> 1</td> <td>148,00</td> <td>1,0</td> <td>188,0</td> <td>Dinheiro a vista</td> <td>2011-08-19-13:45:00</td> <td> <button type="button" class="btn btn-info">Edit</button> <button type="button" class="btn btn-danger">Delete</button> </td> </tr> <tr> <td> 2</td> <td>308,00</td> <td>1,0</td> <td>399,23</td> <td>Débito no cartão</td> <td>2011-08-20-22:45:00</td> <td> <button type="button" class="btn btn-info">Edit</button> <button type="button" class="btn btn-danger">Delete</button> </td> </tr> </table> </div> <BR> <BR> <BR> <div class="row justify-content-center"> <form action="" method="POST"> <div class="form-group row"> <div class="col-xs-8"> <div class="input-group mb-3"> <div class="input-group-prepend"> <label class="input-group-text" for="inputGroupSelect01">Serviços</label> </div> <select class="custom-select" id="inputGroupSelect01"> <option selected>Escolha</option> <option value="1">Corte</option> <option value="2">Hidratação</option> <option value="3">Coloração</option> <option value="4">Relaxamento</option> <option value="5">Progressiva</option> <option value="6">Escova</option> </select> </div> </div> </div> <div class="form-group row"> <div class="col-xs-8"> <label for="cod">ID_Cliente:</label> <input type="text" class="form-control" id="cod" aria-describedby="name" placeholder=""> </div> </div> <div class="form-group row"> <div class="col-xs-8"> <label for="preco">Preço:</label> <input type="text" class="form-control" id="preco" aria-describedby="name" placeholder=""> </div> </div> <div class="form-group row"> <div class="col-xs-8"> <label for="Quantidade">Quantidade:</label> <input type="text" class="form-control" id="quantidade" aria-describedby="quantidade" placeholder=""> </div> </div> <div class="form-group row"> <div class="col-xs-8"> <label for="totaldeserv">Total dos Serviços:</label> <input type="text" class="form-control" id="totaldeserv" aria-describedby="totaldeserv" placeholder=""> </div> </div> <div class="form-group row"> <div class="col-xs-8"> <div class="input-group mb-3"> <div class="input-group-prepend"> <label class="input-group-text" for="inputGroupSelect01">Forma de Pagamento:</label> </div> <select class="custom-select" id="inputGroupSelect01"> <option selected>Escolha</option> <option value="1">Cartão de crédito</option> <option value="2">Cartão de débito</option> <option value="3">Dinheiro</option> </select> </div> </div> </div> <div id="datetimepicker" class="input-append date"> <label for="totaldeserv">Data_Horário</label> <input type="text"></input> <span class="add-on"> <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i> </span> </div> <div class="form-group row"> <div class="col-xs-8"> <button type="submit" name="save" class="btn btn-primary">Salvar</button> </div> </div> </div> </form> </div> </div> <script type="text/javascript"> $('#datetimepicker').datetimepicker({ format: 'dd/MM/yyyy hh:mm:ss', language: 'pt-BR' }); </script> </body> </html> ---------------------------------------------------------------------------------------------- /** * Brazilian translation for bootstrap-datetimepicker * Cauan Cabral <cauan@radig.com.br> */;(function($){$.fn.datetimepicker.dates['pt-BR'] = {days: ["Domingo", "Segunda", "Terça", "Quarta", "Quinta", "Sexta", "Sábado", "Domingo"],daysShort: ["Dom", "Seg", "Ter", "Qua", "Qui", "---", "Sáb", "Dom"],daysMin: ["Do", "Se", "Te", "Qu", "Qu", "Se", "Sa", "Do"],months: ["Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro"],monthsShort: ["Jan", "Fev", "Mar", "Abr", "Mai", "Jun", "Jul", "Ago", "Set", "Out", "Nov", "Dez"],today: "Hoje"};}(jQuery)); -
Boa tarde, Estou atentar implementar bootstrap numa página estática no blogger. No entanto, quando coloco a biblioteca: href=“https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css” A página fica totalmente alterada. Alguem me consegue ajudar a cancelar os efeitos da biblioteca no que não quero. Alguem me consegue ajudar? Muito obrigado,
-
Olá galera, eu estou trabalhando em um site pessoal, mais para aprendizado mesmo, mas me deparei com um erro, quando eu abro o site no navegador (PC) funciona normal, mas quando abro no celular, a imagem dica pequena e no topo, alguém pode me ajudar com isso? print 1: (modo mobile do inspecionar) no PC fica normal, repare a área cinza abaixo da imagem, toda essa área devia ser coberta pela imagem, grato! http://prntscr.com/mvj3ed Grato desde já!
-
Boa tarde pessoal, tenho uma tabela que busca os valores no meu MYSQL. Tenho um id ( 199917 ) por exemplo. Ele aparece 10x no meu banco de dados 1 - 199917 data1 peso1 2 - 199917 data2 peso2 3 - 199917 data3 peso3 ..... etc Precisaria retornar da seguinte forma minha tabela 199917 - data1 peso1 data2 peso2 data3 peso3 199939 - data1 peso1 data2 peso2 data3 peso3 em anexo está as imagens, ficaria grato se puderem ajudar, dei uma pesquisada vi que tem rowspan, mas não faço ideia de como agrupar. Tabela 1 como está, tabela 2 como gostaria que ela fica-se meu Código: <div class="linha"></div> <div class="container"> <table class="table table-striped"> <thead class="thead-dark"> <tr> <th rowspan="1">Brinco</th> <th scope="col">Peso</th> <th scope="col">Data</th> <tr> </thead> @foreach($listagem as $lista) <tbody> <tr> <td rowspan="1">{{$lista->brinco_id }}</td> <td>{{$lista->peso }}</td> <td>{{ \Carbon\Carbon::parse($lista->data)->format('d/m/Y') }}</td> </tr> </tbody> @endforeach </table> </div>
-
Tenho uma tabela com muitas linha e uma dessas linha e muito grande, ja tentei varias coisas para arrumar mas nenhuma delas deu jeito nisso segue a tabela <div class='wrapper-modal-editor'> <div class='block my-4'> <div class='d-flex justify-content-center'> </div> </div> <table id='dtBasicExample' class='table table-striped table-bordered table-responsive'> <thead> <tr> <th class='th-sm'>Id Link </th> <th class='th-sm'>Link </th> <th class='th-sm'>Data Inicio </th> <th class='th-sm'>Data Fim </th> <th class='th-sm'>Ação </th> <th class='th-sm'>Dominio </th> <th class='th-sm'>Seleção </th> </tr> </thead> <div> <script src='../js/jquery-3.2.1.min.js'></script> <script src='../js/popper.min.js'></script> <script src='../js/bootstrap-4.0.0.js'></script> </div> </div> <tbody> <tr> <td>27</td> <td>c.apple.com/r?v=2&la=pt&lc=bra&a=z2%2Bnb8HWCoHziyJtbRYNxDd%2FkgyZjZvGSC81JOPXnypgazdDEpi9VZFGWHLJPWmuLtv6bjDTIDHd4zoATogPVtQ0TnXoWLHI2XQ1aVDI5YpHS0D4qfYHYB09Aq0qVHjRe8TR8%2Fo56d7spUwxrFdNL9jusvKWFiLfJBTgZkKsbI4pWRAyzrFaNxkIWNXu%2Fakj&ct=aI3g7L0A3k</td> <td>...</td> <td>...</td> <td>...</td> <td>...</td> <td>...</td> <td>...</td> </tr> </table>
-
Olá, estou tendo dificuldades em um site onde preciso desenvolver um modal ao clicar no botão X para excluir uma despesa, porém, o botão X foi criado no arquivo .js : //botão de excluir: let btn = document.createElement("button") btn.className = 'btn btn-danger' btn.innerHTML = '<i class="fas fa-times"></i>' btn.id = `id_despesa_${d.id}` btn.onclick = function(){ let id = this.id.replace('id_despesa_', ''); bd.remover(id) window.location.reload() } linha.insertCell(4).append(btn) console.log(d) Toda despesa criada, automaticamente é adicionado o botão X ao lado da despesa. Como poderia fazer aparecer um modal ao clicar nele, para saber se o usuário quer cancelar ou excluir a despesa?
-
Tenho duas containers. ambas com as mesmas propriedades, e com rows tabém com as mesmas, porém elas acabam se desalinhando. estou usando o bootstrap. https://www.w3schools.com/code/tryit.asp?filename=FZQ9W97R4SNN deixei o html no w3school. Obrigado xD
-
Pessoal, tudo bem? Fiquei parado da programação um bom tempo, e agora que retornei, queria dar manutenção nas minhas aplicações web que estão em vb.net webforms. Comprei um template de bootstrap (https://seantheme.com/color-admin-v4.2/admin/html/index_v2.html) e queria controlar os elementos via code behind in vb.net, mas estou sofrendo aqui por conta do meu limitado conhecimento. Alguém poderia me dar uma luz em base neste link: https://seantheme.com/color-admin-v4.2/admin/html/ui_modal_notification.html Ao clicar na maioria dos botões dessa página, abre um modal ou alert. Pois bem, eu gostaria de simular essa abertura a partir de uma lógica no code behind, por exemplo, em um formulário, caso alguma regra não esteja sendo cumprida. Simples assim. No código original, temos: Chamada: <a href="#modal-dialog" class="btn btn-sm btn-success" data-toggle="modal">Demo</a> Div do modal <div class="modal fade" id="modal-dialog" runat="server"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title">Modal Dialog</h4> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> </div> <div class="modal-body"> <p> Modal body content here... </p> </div> <div class="modal-footer"> <a href="javascript:;" class="btn btn-white" data-dismiss="modal">Close</a> <a href="javascript:;" class="btn btn-success">Action</a> </div> </div> </div> </div> o que eu preciso? No code behind Protected Sub Button1_Click(sender As Object, e As EventArgs) Handles Button1.Click try if verificaCampos() = false then ABRE O MODAL DIV COM A MENSAGEM DE ERRO Catch ex As Exception Throw ex end try End Sub Alguém pode me ajudar? muito obrigado.
-
Tenho a seguinte imagem: <div class="row text-center"> <div class="col-lg-3"> <img src="imagens/vetor_foto_de_perfil.png" width="100" heigth="100" alt="Foto de perfil" class="fotoperfil rounded-circle" > </div> </div> Desejo adicionar uma borda ao redor dela, tentei da seguinte forma: img.fotoperfil{ border:1px dotted black; } Porém não obtive sucesso, como eu poderia fazer?
-
Bootstrap datepicker (Mês e Ano) não fecha depois de selecionar a data
ghlevin posted a topic in Javascript
No site de um cliente, estou usando o Datepicker do Bootstrap (peguei nesse site - eyecon.ro/bootstrap-datepicker ). Contudo, em algumas páginas, eu configuro o datepicker pra mês e ano. Selecionados os dois, mudam os dados de uma tabela: $(".datepicker").datepicker( { format: "mm/yyyy", autoclose: true, viewMode: "months", minViewMode: "years", }).on('changeDate', function(ev){ montaTabela(); // $(this).datepicker('hide'); }); Tudo funciona, mas ele não fecha o datepicker depois da seleção do mês e do ano. O autoClose não funciona e nem colocando hide ou close pro datepicker dá certo. Curiosamente, o hide (que está comentado acima) funciona pra páginas que usam datepicker de data completa (dd/mm/yyyy). O que posso tentar pra resolver? -
javascript inserir valor numerico em 3 inputs e diminuir valor em outro
wellingtonmelo posted a topic in Javascript
Olá turma, beleza? Tenho bom conhecimento em HTML, CSS, mas não sei fazer coisas dinâmicas com javascript, jquary etc. Eu estou montando um projeto, estou responsável pelo design e um amigo pela programação. A página do produto vende em grosso, ao invés de adicionar 1 produto ao carrinho, adiciona 12. Desses 12, precisa definir os tamanhos das sandálias, são 3 tamanhos disponíveis. 35/36 37/38 39/40 Dai o usuário precisa dizer quantos pares de cada tamanho ele deseja, precisa fechar em 12. Montei o HTML com bootstrap, ficou assim: O usuário insere a quantidade e o campo QNT DISPONIVEL subtrai o valor do 12, exemplo: QNT DISPONIVEL: 9 35/36 = 3 37/38 = 39/40 = QNT DISPONIVEL: 4 35/36 = 3 37/38 = 5 39/40 = QNT DISPONIVEL: 0 35/36 = 3 37/38 = 5 39/40 = 4 E se não for pedir demais, alguma limitação para o usuário não poder inserir um valor maior que o permitido. Algum ninja do javascript ou outra linguagem consegue me dar uma dica sobre isso? Realmente não sei javascript. Segue o código que estou utilizando: <div class="form-contato"> <form action="" method="post" name="formcontato" onSubmit="return validar();" class="form-horizontal"> <script language="JavaScript" src="javascripts/cadastro.js" type="text/javascript"></script> <div class="form-group"> <label for="inputEmail3" class="col-sm-3 control-label" style="font-family: Lato, sans-serif!important;">QNT. DISPONÍVEL</label> <div class="col-sm-9"> <input type="number" class="form-control" id="cad_nome2" value="12" name="cad_nome" size="2" disabled> </div> </div> <div class="form-group"> <label for="inputEmail3" class="col-sm-3 control-label" style="font-family: Lato, sans-serif!important;">Tamanho 35/36</label> <div class="col-sm-9"> <input type="number" class="form-control" id="cad_sobrenome" name="cad_sobrenome" size="2" placeholder="Informe a quantidade..."> </div> </div> <div class="form-group"> <label for="inputEmail3" class="col-sm-3 control-label" style="font-family: Lato, sans-serif!important;">Tamanho 37/38</label> <div class="col-sm-9"> <input type="number" class="form-control" id="cad_sobrenome" name="cad_sobrenome" size="2" placeholder="Informe a quantidade..."> </div> </div> <div class="form-group"> <label for="inputEmail3" class="col-sm-3 control-label" style="font-family: Lato, sans-serif!important;">Tamanho 39/40</label> <div class="col-sm-9"> <input type="number" class="form-control" id="cad_sobrenome" name="cad_sobrenome" size="2" placeholder="Informe a quantidade..."> </div> </div> </form> <br><br> <div class="btn-group"> <div class="adicionar-ao-carrinho"> {botao} </div> </div> </div> Gratidão!!! -
Estou fazendo modificações no site de um cliente, tornando-o responsivo. Tive que fazer várias mudanças de layout que me foram enviadas por um fornecedor e, por causa dessas mudanças, algumas funções Javascript e PHP que eu tinha não funcionam no layout novo. Em uma delas, eu tenho dois filtros de data e local (unidade ou empresa). O de data é uma INPUT e o de unidades é um SELECT. Vou colocar o código da view abaixo: <form class="rd-mailform text-left" data-form-output="form-output-global" data-form-type="contact" method="post" novalidate="novalidate"> <p class="mobile-hide">Selecione abaixo os parâmetros para visualização. Se desejar salvar, enviar por e-mail ou imprimir, clique em 'Gerar PDF' ou 'Gerar Excel'.</p> <!--<div class="range range-xs-center" style="margin: 0px !important;">--> <div class="cell-sm-6"> <div class="form-group form-group-label-outside"> <label class="form-label form-label-outside text-dark rd-input-label" for="data-relatorio">Data</label> <input class="form-control form-control-last-child" id="data-relatorio" type="text" name="first-name" > </div> </div> <div class="cell-sm-6 offset-top-20 offset-sm-top-0"> <div class="form-group form-group-label-outside"> <label class="form-label form-label-outside text-dark rd-input-label" for="comboUnidades"> Unidade </label> <select id="comboUnidades" class="form-control select2-multiple" data-minimum-results-for-search="Infinity"> </select> </div> </div> <div style="width: 100%"> <div style="position: relative; float: left; padding: 5px" onclick="montaPDF()"><a class="btn btn-ellipse btn-java" href="#">GERAR PDF</a></div> <div style="position: relative; float: left; padding: 5px" onclick="montaExcel()" class="mobile-hide"><a class="btn btn-ellipse btn-java" href="#">GERAR EXCEL</a></div> </div> </form> Abaixo parte do código do arquivo JS que mostra como eram carregados esses filtros. O de data usa originalmente uma função datepicker, que não funciona no layout atual. E o das unidades usa uma função AJAX pra colocar todas as opções que vem do banco MySQL do site dentro do select comboUnidades: $(document).ready(function(){ showLoading(); var d = new Date(); d.setDate(d.getDate() - 1); $('#data-relatorio').datepicker({ dateFormat: "dd/mm/yy", maxDate: d }); $("#data-relatorio").datepicker('setDate',d); var param = location.href.split("?")[1]; if(typeof param != "undefined" ) { var unidade = param.split('=')[1]; } $.ajax({ async: false, url: '[:raiz]acompanhamentoDiario/getUnidades', dataType: 'json', success: function(data) { if (data.length > 0){ var retorno = ""; for(var i = 0;i < data.length; i++){ retorno += "<option value='"+data[i]['id']+"'>"+data[i]['newnome']+"</option>"; } $('#comboUnidades').html(retorno); if(typeof param != "undefined" ) { $('#comboUnidades option[value='+unidade+']').attr('selected', 'selected'); $('#comboUnidades').trigger('change'); } } else { } } }); $('#data-relatorio').change(function(){ montaTabela(); }); $('#comboUnidades').change(function(){ montaTabela(); }); var d = new Date(); $('#divTabela').hide(); montaTabela(); hideLoading(); }); Essa função chamada no AJAX se encontra num arquivo de Controller: public function getUnidades() { $acompanhamento = new AcompanhamentoDiario(); $retorno = $acompanhamento->getUnidadesUsuario(); echo json_encode($retorno); } Por sua vez, essa função do controller chama uma função em PHP que se encontra num arquivo da minha pasta Model do site. Ele traz as unidades do select dependendo do login do usuário: public function getUnidadesUsuario() { $idUser = Login::retornaIdUser(); $perfilAcesso = Login::retornaPerfilAcesso(); if(($perfilAcesso == 1) || ($perfilAcesso == 6)) { // Colocado o perfil 6 do Usuário de Demonstração /* se perfil de usuairo = 1*/ $sql = "SELECT u.*,concat(e.sigla,' - ',u.nome) as newnome"; $sql .= " FROM unidade u INNER JOIN cidade c ON u.CIDADE = c.id INNER JOIN estado e ON u.ESTADO = e.id"; $sql .= " join usuario_unidade uu on (uu.id_unidade = u.id)"; $sql .= " WHERE u.ind_unidade_ativa = 1 AND u.ind_predio_novo = 0"; $sql .= " and uu.id_usuario = $idUser and lower(uu.ind_tipo_investidor) != 'c' ORDER BY newnome ASC"; } elseif($perfilAcesso == 2) { /* se perfil de usuairo = 2*/ $sql = "SELECT u.*,concat(e.sigla,' - ',u.nome) as newnome"; $sql .= " FROM unidade u INNER JOIN cidade c ON u.CIDADE = c.id INNER JOIN estado e ON u.ESTADO = e.id"; $sql .= " join administrador adm on (adm.id_unidade = u.id)"; $sql .= " WHERE u.ind_predio_novo = 0"; $sql .= " and adm.id_usuario = $idUser and adm.id_usuario NOT IN (3124,4378)"; $sql .= " ORDER BY newnome ASC"; } else { /* se perfil de usuario = 3*/ $sql = "SELECT u.*,concat(e.sigla,' - ',u.nome) as newnome"; $sql .= " FROM unidade u INNER JOIN cidade c ON u.CIDADE = c.id INNER JOIN estado e ON u.ESTADO = e.id"; $sql .= " WHERE u.ind_predio_novo = 0 ORDER BY newnome ASC"; } $res = parent::executaQuery($sql); return $res; } A função montaTabela(), por ora, ainda não quero modificar, por isso não vou mostrar como ela é. Ela é executada na página dependendo da mudança dos filtros. Por ora, eu só queria saber como "popular" o select comboUnidades e como funcionar o filtro de data data-relatorio de forma semelhante ao datePicker.
-
Olá Colegas.... Tenho o código abaixo que funciona perfeitamente, fiz algumas modificações no CSS e também no JQUERY, segue abaixo... O PROBLEMA é que ao dar um refresh na página, F5 no brownser, ele como DEFAULT se perde o background, ficando TRANSPARENT. 1) Que é o modo que ele deve começar; 2) Mas como ele muda após se o window for maior >=20, no jquery; 3) Ao dar refresh, dependendo do lugar da página, ele deveria ficar o mesmo, mas fica sempre transparente; CODIGO HTML <nav class="navbar navbar-light navbar-fixed-top"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar_menu" aria-expanded="false"> <span class="fa fa-bars"></span> </button> <a href="http://" class="navbar-brand brand-centered"> <img src="img/logo.png" class="img-responsive"> </a> </div> <div class="collapse navbar-collapse" id="navbar_menu"> <ul class="nav navbar-nav navbar-right"> <li><a href="#mn_empresa">EMPRESA</a></li> <li><a href="#mn_clientes">CLIENTES</a></li> <li><a href="#mn_formulario">CONTATO</a></li> </ul> </div> </div> </nav> CODIGO CSS /* NAVBAR */ .navbar { padding-top: 5px; padding-bottom: 12px; background-color: transparent; margin: 0px; color: #333; transition: all 0.3s; z-index: 9999; -webkit-box-shadow: 0px 0px 5px -1px rgba(171, 171, 171, 1); -moz-box-shadow: 0px 0px 5px -1px rgba(171, 171, 171, 1); box-shadow: 0px 0px 5px -1px rgba(171, 171, 171, 1); } /* NAVBAR - efeito simples dos itens do menu */ .navbar-nav a, .navbar-nav a.active { color: #00224b !important; background-color: transparent; font-size: 15px; font-weight: 600; width: 100%; -moz-transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; transition: all .3s; } .navbar-nav li a:hover, .navbar-nav li.active a { color: #f4511e !important; background-color: white; font-weight: 600; width: 100%; } /* NAVBAR - toggle button */ .navbar-light .navbar-toggle { border: none; border-radius: 40px; width: 40px; height: 40px; font-size: 20px; z-index: 12; background-color: dodgerblue; color: white; cursor: pointer; -moz-transition: all .8s; -o-transition: all .8s; -webkit-transition: all .8s; transition: all .8s; } .navbar-light .navbar-toggle:hover { background-color: #f6761c; border-radius: 40px 0px 40px 40px; color: white; } /* NAVBAR - mudanças jquery */ .navbar-brand.nav_corlogo { height: auto; filter: brightness(0) invert(1) !important; } .navbar-nav.nav_cormenu a, .navbar-nav.nav_cormenu a.active { color: white !important; } .navbar-nav.nav_cormenu li a:hover, .navbar-nav.nav_cormenu li.active a { color: #ff9326 !important; background-color: transparent; } .navbar.nav_sombra { -webkit-box-shadow: 0px 2px 12px -1px rgba(31, 31, 31, 0.39); -moz-box-shadow: 0px 2px 12px -1px rgba(31, 31, 31, 0.39); box-shadow: 0px 2px 12px -1px rgba(31, 31, 31, 0.39); border-bottom: 2px solid rgba(118, 0, 191, 0.56); } .navbar.nav_comprime { padding-top: 10px; padding-bottom: 10px; background: #002a5c; color: white; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5); -moz-transition: all .4s; -o-transition: all .4s; -webkit-transition: all .4s; transition: all .4s; } .navbar.nav_slide { background-color: transparent !important; } /* NAVBAR - config do logotipo imagem e logo texto */ .navbar-brand { padding: 4px; position: absolute; font-size: 1.25rem; white-space: nowrap; } .navbar-brand>img { padding: 0px; width: 16%; } .navbar-brand:focus, .navbar-brand:hover { text-decoration: none; color: white } CODIGO JQUERY $(function () { $(window).on('scroll', function () { if ($(this).scrollTop() >= 20) { $('.navbar').addClass('nav_comprime'); $('.navbar').addClass('nav_sombra'); $('.navbar-nav').addClass('nav_cormenu'); $('.navbar-brand').addClass('nav_corlogo'); } else { $('.navbar').removeClass('nav_comprime'); $('.navbar').removeClass('nav_sombra'); $('.navbar-nav').removeClass('nav_cormenu'); $('.navbar-brand').removeClass('nav_corlogo'); } }); $('.navbar a').on('click', function () { if (window.innerWidth <= 768) { $('.navbar-toggle').trigger("click"); } }); //função que troca em resoluções menores o logotipo $(window).resize(function () { if ($(window).width() < 481) { $('#logotipo').attr('src', '../site/img/simbolo.png'); } else { $('#logotipo').attr('src', '../site/img/logo_-_original.png'); } }); $(".navbar a, footer a[href='#wrapper']").on("click", function (event) { event.preventDefault(); var hash = this.hash; $("html, body").animate({ scrollTop: $(hash).offset().top }, 800, function () { window.location.hash = hash; }); }); }); Se conseguirem me dar uma luz, agradeço. Posso estar errando no CSS ou JQUERY. Obrigado.
-
Collapse Menu Bootstrap - Não está recolhendo após seleção de item
gilbertjuniors posted a topic in HTML e CSS
Estou desenvolvendo um site Onepage com bootstrap. Implementei este Collapse Menu <nav class="navbar navbar-expand-sm bg-nav navbar-dark fixed-top"> <a class="navbar-brand" href="#"> <img class="logo" src="images/logo.jpg" alt="logo"> </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="collapsibleNavbar"> <ul class="navbar-nav"> <li class="nav-item"> <a class="nav-link" href="#">Home</a> </li> <li class="nav-item"> <a class="nav-link" href="#section2">Quem Somos</a> </li> <li class="nav-item"> <a class="nav-link" href="#section3">Nossos Serviços</a> </li> <li class="nav-item"> <a class="nav-link" href="#section4">Nossos Clientes</a> </li> <li class="nav-item"> <a class="nav-link" href="#section5">Contatos</a> </li> </ul> </div> </nav> O CSS e Javascript são estes: <head> <title>Meu Site.</title> <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"> <style> body {height: 100%;width: 100%;} html {height: 100%;width: 100%;} form{height: 100%;padding-bottom: 250px;} .bg-nav{background-color:#077877!important} @media (max-width:667px) { img.logo{width: auto; height: 40px;} .desfault-section{padding-top: 65px;padding-bottom: 20px;} } @media (min-width:668px) { img.logo{width: auto; height: 60px;} .desfault-section{padding-top: 90px;padding-bottom: 20px;} } </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script> </head> Quando é exibido em tela de celular, o menu abre ao clicar nas 3 barras, porém, ao escolher um item do menu, o mesmo deveria recolher automaticamente sem ter que clicar nas 3 barras e, isto não está acontecendo. Alguém me dá uma luz de como resolver? -
html [Resolvido] Como chamar a funcionalidade Modal no meu código- Dúvidas
rtavix posted a topic in .NET
Minha Pagina que desenvolvi. <!DOCTYPE html> <html lang="pt-br"> <head> <title>Emissao de comprovantes</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <body> <div class="container form-group col-md-12"> <div class="row"> <div class="form-group col-md-3"></div> <div class="form-group col-md-5"> <div class="clearfix"></div> <div class="form-group"> </div> <div class="panel panel-danger"> <div class="panel-heading"><img src="http://internet.sefaz.es.gov.br/imagens/topo_brasao.png" class="img-responsive center-block" alt="Cinque Terre"><h4 class="text-center">BNES SA</h4></div> <h5 class="text-center"><strong>BNES CORPORATIVO</strong></h5> <h5 class="text-center"><strong>Pagamento e Transferencias Eletrônicas</strong></h5> <h5 class="text-center"><strong>PAGAMENTO: Deposito</strong></h5> <form class="form-horizontal" action="/action_page.php"> <div class="form-group"> <label class="control-label col-sm-3 text-align: left " style="font-weight: normal">Titular: </label> <div class="col-sm-10"> <input type="password" class="form-control" id="inputPassword" placeholder="Password"> </div> </div> <div class="form-group"> <label class="control-label col-sm-3 text-align: left " style="font-weight: normal">Codigo de Barras:</label> </div> <div class="form-group"> <label class="control-label col-sm-3 text-align: left " style="font-weight: normal">Data de Pagamento:</label> </div> <div class="form-group"> <label class="control-label col-sm-3 text-align: left " style="font-weight: normal">Valor Documento:</label> </div> <div class="form-group"> <label class="control-label col-sm-3 text-align: left " style="font-weight: normal">Protocolo:</label> </div> <div class="form-group"> <label class="control-label col-sm-3 text-align: left " style="font-weight: normal">Registro:</label> </div> <div class="form-group"> <label class="control-label col-sm-3 text-align: left " style="font-weight: normal">Emissao:</label> </div> </form> </div> <div class="pull-right"> <button class="btn btn-success" id="btnImprimir" type="button"><p>IMPRIMIR <span class="glyphicon glyphicon-print"></span></p></button> </div> </div> <div class="form-group col-md-3"></div> </div> </div> </body> </html> A ideia é que quando eu clicar no botão de imprimir dentro de uma gridview ele chama essa pagina que postei logo acima e exibir os dados via label trazendo do banco, mas até o momento eu estou agarrada na parte da modal. Classe do evento click do meu botão que chama a pagina de cima. protected void ImgImprimir_Click(object sender, EventArgs e) { Response.Redirect("frmImprimir.aspx"); } Meu html da minha pagina: meu html do botão referente ao metodo: <ItemTemplate> <asp:LinkButton ID="imgImprimir" runat="server" CausesValidation="false" CommandArgument='<%#Eval("Flag")%>' CommandName="Imprimir" CssClass="iconesTabelas icon_imprimir" OnClick="ImgImprimir_Click" ToolTip="Imprimir" /> </ItemTemplate> -
Boa tarde caros amigos do fórum. Comecei a trabalhar com sites responsivos (bootstrap) há pouco tempo e ainda não tenho pleno domínio no assunto. Bom, desenvolvi um site (não responsivo) pra um cliente há alguns meses e o proprietário pediu recentemente para que eu o torna-se responsivo. Acontece que o site tem um sub-menu pra o link Produtos. Causam-me dois problemas: 1) Quando o site é visualizado em aparelhos móveis os links não ficam um embaixo do outro, como deveriam ficar; 2) Os links do sub-menu não pode aparecer da forma que está aparecendo, pois dessa maneira só os dois primeiros são mostrados. Pra ajudar vou disponibilizar o link do site. Peço que vejam ele no 'Responsive Mode Design', pois o problema é só quando ele é exibido em dispositivos móveis. Importante: para fazer o sub-menu, utilizei um arquivo CSS (menu.css), provavelmente é isso que está dando o problema, mas não consigo descobrir como corrigir. Link para o site Qualquer ajuda é bem vinda e agradeço desde já à todos que se propuserem a ajudar.
-
Olá pessoal, estou desenvolvendo uma loja virtual e cadastrei os produtos de meu desejo em uma tabela dentro de um banco de dados com MySQL para depois mostrar todos automaticamente na página, dentro da tabela produtos no atributo preço cadastrei tudo desta maneira: "9.90", mas agr que fiz aparecer tudo na página todos os preços estão aparecendo com ponto e quero mudar isso para o preço aparecer com vírgula assim: "9,90", mas só aparecer para na página mesmo e quero que no banco de dados continue com ponto. Expliquei de um jeito sem muitos termos técnicos, desculpem-me se está de um jeito difícil de entender. Se alguém puder me ajudar, agradeço!
-
Bom dia pessoal, estou voltando a desenvolver sites, e desatualizado, muito, mas principalmente com Jquery, bootstrap, enfim, quase tudo depois de 2015, estou com um site de cliente que pediu um Player de músicas MP3, implantei o JPlayer ( http://jplayer.org ) e funciona, porém se nenhuma forma estou conseguindo o mesmo executar o "autoPlay" na playlist... segue o link do player (http://www.gessohouse.com.br/v2018/player.php) segue abaixo o código do arquivo player.php com URL completa de todos os arquivos requeridos(CSS, JS e MP3) <link href="http://www.gessohouse.com.br/v2018/js/jPlayer/estilo_tema4.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="http://www.gessohouse.com.br/v2018/js/jquery.js"></script> <script type="text/javascript" src="http://www.gessohouse.com.br/v2018/js/jPlayer/jquery.jplayer.min.js"></script> <script type="text/javascript" src="http://www.gessohouse.com.br/v2018/js/jPlayer/jplayer.playlist.min.js"></script> <script type="text/javascript" src="http://www.gessohouse.com.br/v2018/js/jPlayer/jquery.jplayer.inspector.js"></script> <script type="text/javascript"> $(document).ready(function(){ var myPlaylist = new jPlayerPlaylist({ jPlayer: "#PlayerHtml5", cssSelectorAncestor: "#jp_container_N" }, [ { title:'Gesso House - Design & Elegância (Faixa 01)', artist:'', mp3:'http://www.gessohouse.com.br/v2018/images/musicas/MUSICAS_8_0_30082018083521.mp3', oga:'', poster:'' },{ title:'Gesso House - Design & Elegância (Faixa 02)', artist:'', mp3:'http://www.gessohouse.com.br/v2018/images/musicas/MUSICAS_10_0_30082018084115.mp3', oga:'', poster:'' },{ title:'Gesso House - Design & Elegância (Faixa 03)', artist:'', mp3:'http://www.gessohouse.com.br/v2018/images/musicas/MUSICAS_12_0_30082018085004.mp3', oga:'', poster:'' },{ title:'Gesso House - Design & Elegância (Faixa 04)', artist:'', mp3:'http://www.gessohouse.com.br/v2018/images/musicas/MUSICAS_14_0_30082018092756.mp3', oga:'', poster:'' },{ title:'Gesso House - Design & Elegância (Faixa 05)', artist:'', mp3:'http://www.gessohouse.com.br/v2018/images/musicas/MUSICAS_15_0_03092018103923.mp3', oga:'', poster:'' },{ title:'Gesso House - Design & Elegância (Faixa 06)', artist:'', mp3:'http://www.gessohouse.com.br/v2018/images/musicas/MUSICAS_16_0_03092018104018.mp3', oga:'', poster:'' }, ], { playlistOptions: { enableRemoveControls: false, loopOnPrevious: false, shuffleOnLoop: false, autoPlay: true }, swfPath: "js/jPlayer/", supplied: "mp3", wmode: "window", volume: .99, smoothPlayBar: true, keyEnabled: true, audioFullScreen: true }); // The remove commands $("#playlist-remove").click(function() { myPlaylist.remove(); }); // The shuffle commands $("#playlist-shuffle").click(function() { myPlaylist.shuffle(); }); $("#playlist-shuffle-false").click(function() { myPlaylist.shuffle(false); }); $("#playlist-shuffle-true").click(function() { myPlaylist.shuffle(true); }); // The next/previous commands $("#playlist-next").click(function() { myPlaylist.next(); }); $("#playlist-previous").click(function() { myPlaylist.previous(); }); // The play commands $("#playlist-play").click(function() { myPlaylist.play(); }); // The pause command $("#playlist-pause").click(function() { myPlaylist.pause(); }); //$("#jplayer_inspector_1").jPlayerInspector({jPlayer:$("#PlayerHtml5")}); /* added Dustin Blake code 01-11-2013 */ $("#PlayerHtml5").bind($.jPlayer.event.play, function (event) { var current = myPlaylist.current, playlist = myPlaylist.playlist; $.each(playlist, function (index, obj) { if (index == current) { $('.NomeDaMusica').text(obj.title); } }); }); }); </script> <link href='http://fonts.googleapis.com/css?family=Ubuntu+Condensed' rel='stylesheet' type='text/css'> <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr><td> <div id="jp_container_N" class="jp-video jp-video-270p"> <div class="jp-progress"> <div class="jp-seek-bar"> <div class="jp-play-bar"></div> </div> </div> <table width="460" border="0" align="center" cellpadding="0" cellspacing="0"> <tr><td> <div class="jp-type-playlist"> <div id="PlayerHtml5" class="jp-jplayer"></div> <div class="jp-gui"> <div class="jp-video-play"> <a href="javascript:;" class="jp-video-play-icon" tabindex="1">play</a> </div> <div class="jp-interface"> <div id="NomeDaMusica" class="NomeDaMusica"></div> <div class="jp-divisor">/</div> <div class="jp-current-time"></div> <div class="jp-duration"></div> <div class="jp-controls-holder"> <ul class="jp-controls"> <li><a href="javascript:;" class="jp-previous" tabindex="1" title="Voltar Música">voltar</a></li> <li><a href="javascript:;" class="jp-play" tabindex="1" title="Play" id="BotaoPlay">play</a></li> <li><a href="javascript:;" class="jp-pause" tabindex="1" title="Pausar">pause</a></li> <li><a href="javascript:;" class="jp-next" tabindex="1" title="Avançar Música">proxima</a></li> <li><a href="javascript:;" class="jp-stop" tabindex="1" title="Parar">stop</a></li> <li><a href="javascript:;" class="jp-mute" tabindex="1" title="Mudo">mudo</a></li> <li><a href="javascript:;" class="jp-unmute" tabindex="1" title="Desativar Mudo">mudo off</a></li> <li><a href="javascript:;" class="jp-volume-max" tabindex="1" title="Volume Máximo">volume maximo</a></li> </ul> <div class="jp-volume-bar"> <div class="jp-volume-bar-value"></div> </div> <ul class="jp-toggles"> <li><a href="javascript:;" class="jp-repeat" tabindex="1" title="Repetir">repeat</a></li> <li><a href="javascript:;" class="jp-repeat-off" tabindex="1" title="Desligar Repetir">repeat off</a></li> </ul> </div> <div class="jp-title"> <ul> <li></li> </ul> </div> </div> </div> <div class="jp-playlist"> <ul> <li></li> </ul> </div> </div> </td></tr></table> </div> </td></tr></table>
-
Pessoal, boa noite. Sou novato no Bootstrap, estou seguindo a W3School e implementei um slide show com legendas. Queria mudar a posição das legendas para o topo das imagens do corrossel, tentei alterar parâmetros de margin, padding no CSS mas, não surtiu efeito Alguém me dá uma luz, please! O exemplo do tutorial é o W3School Bootstrap exemplo Meu código baseado neste exemplo ficou: <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script> <style> .carousel-inner img {height: 100%;} </style> <body> <!-- The slideshow --> <div id="demo" class="carousel slide" data-ride="carousel"> <ul class="carousel-indicators"> <li data-target="#demo" data-slide-to="0" class="active"></li> <li data-target="#demo" data-slide-to="1"></li> <li data-target="#demo" data-slide-to="2"></li> </ul> <div class="carousel-inner"> <div class="carousel-item active"> <img src="images/slide1.jpg" alt="slide 1" width="100%"> <div class="carousel-caption"> <h3>texto1</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vel elementum erat. In pharetra turpis.</p> </div> </div> <div class="carousel-item"> <img src="images/slide2.jpg" alt="slide 2" width="100%"> <div class="carousel-caption"> <h3>texto2</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vel elementum erat. In pharetra turpis.</p> </div> </div> <div class="carousel-item"> <img src="images/slide3.jpg" alt="slide 3" width="100%"> <div class="carousel-caption"> <h3>texto3</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vel elementum erat. In pharetra turpis.</p> </div> </div> </div> <!-- Left and right controls --> <a class="carousel-control-prev" href="#demo" data-slide="prev"> <span class="carousel-control-prev-icon"></span> </a> <a class="carousel-control-next" href="#demo" data-slide="next"> <span class="carousel-control-next-icon"></span> </a> </div> </body>
-
Boa noite! Como faço pra evitar que sejam realizado cadastros com as mesmas informações? Atualmente meu "processa.php" está desta forma, e queria incluir a função citada acima... <?php session_start(); include_once ("conexao.php"); $nome = filter_input($INPUT_POST, 'nome', FILTER_SANITIZE_STRING); $email = filter_input($INPUT_POST, 'email', FILTER_SANITIZE_EMAIL); $senha = filter_input($INPUT_POST, 'senha', FILTER_SANITIZE_STRING); $cargo = filter_input($INPUT_POST, 'cargo', FILTER_SANITIZE_STRING); $setor = filter_input($INPUT_POST, 'setor', FILTER_SANITIZE_STRING); $result_usuario = "INSERT INTO usuarios (nome, email, senha, cargo, setor, created) VALUES ('$nome', '$email', '$senha', '$cargo', '$setor', NOW())"; $resultado_usuario = mysqli_query($conn, $result_usuario); if(mysqli_insert_id($conn)){ $_SESSION['msg'] = "<p style='color:green;'>Usuário cadastrado com sucesso</p>"; header("Location: cadastrar-usuario.php"); }else{ $_SESSION['msg'] = "<p style='color:red;'>Usuário não foi cadastrado com sucesso</p>"; header("Location: cadastrar-usuario.php"); } ?>
-
Bom dia. Eu estou na fase de entrega de um projeto e estou com uma dificuldade. Tenha na primeira linha da minha table onde trago todas as etapas, que hoje são 24 e coloquei essa table dentro de um iframe. Na primeira coluna tenho as datas. eu preciso que a primeira linha e a primeira coluna seja bloqueada para a pessoa ter um norte de onde ele esta, pois da maneira que fiz ele some e a pessoal não sabe qual processo e qual data ele esta olhando a produção. Como me auxiliariam a fazer?
-
Tenho uma página onde dados de um banco são exibidos em uma table, eu gostaria de criar um filtro que o usuário seleciona a categoria (via select) e depois há uma opção para ele escrever e buscar algo dentro daquela categoria(a categoria vai de acordo com as colunas) e aparecer os dados na tabela. Por onde começo? <div class="op"> <select name="opcao_filtro" class="form-control" style="width:150px; height:30px;"> <option value="nulo">---</option> <option value="titulo">Título</option> <option value="autor">Autor</option> <option value="tema">Tema</option> <option value="editora">Editora</option> <option value="indice">Índice</option> </select> </div> <input type="search" class="form-control" name="busca" id="busca" placeholder="Busca" style="width:200px; float:left;" autocomplete="off"> <input type="submit" value="Procurar" class="btn btn-default btn-info" style="float:right;">
-
Boa noite, estou com uma dúvida. Estou elaborando um controle de estoque web para minha empresa, desenvolvido com PHP, MySQLi e Bootstrap, e antes do desenvolvimento de fato, estou esboçando tudo, e surgiu a seguinte questão Desejo ter uma tela, onde sejam exibidos todos os produtos (com quantidades mínimas, e atuais). E que de forma automática, este site me dê um alert, ou apresente uma espécie de notificação, quando determinado produto ficar menor que a quantidade mínima. Como seria a forma mais "fácil" de idealizar?
-
[Resolvido]Bootstrap - carrousel responsivo mostrar no máximo em 800x600px.
Rafael_Ferreira posted a question in Perguntas e respostas rápidas
Eu gostaria de um carrousel responsivo com o bootstrap e que mostre no tamanho máximo de 800x600 no desktop que é o tamanho original das imagens. Usando o código abaixo, no celular, ele fica responsivo porém no computador ele mostra resoluções maiores que 800x600. O meu código é o: <div class="container"> <div id="myCarousel2" class="carousel slide" data-ride="carousel"> <!-- Indicators --> <ol class="carousel-indicators"> <li data-target="#myCarousel2" data-slide-to="0" class="active"></li> <li data-target="#myCarousel2" data-slide-to="1"></li> <li data-target="#myCarousel2" data-slide-to="2"></li> <li data-target="#myCarousel2" data-slide-to="3"></li> <li data-target="#myCarousel2" data-slide-to="4"></li> <li data-target="#myCarousel2" data-slide-to="5"></li> </ol> <!-- Wrapper for slides --> <div class="carousel-inner"> <div class="item active"> <img src="PH01.jpg" alt="01" style="width:100%;"> <div class="carousel-caption"> <h3>01</h3> </div> </div> <div class="item"> <img src="PH02.jpg" alt="02" style="width:100%;"> <div class="carousel-caption"> <h3>02</h3> </div> </div> <div class="item"> <img src="PH03.jpg" alt="03" style="width:100%;"> <div class="carousel-caption"> <h3>03</h3> </div> </div> <div class="item"> <img src="PH04.jpg" alt="04" style="width:100%;"> <div class="carousel-caption"> <h3>04</h3> </div> </div> <div class="item"> <img src="PH05.jpg" alt="05" style="width:100%;"> <div class="carousel-caption"> <h3>05</h3> </div> </div> <div class="item"> <img src="PH06.jpg" alt="06" style="width:100%;"> <div class="carousel-caption"> <h3>06</h3> </div> </div> </div> <!-- Controls --> <a class="left carousel-control" href="#myCarousel2" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> </a> <a class="right carousel-control" href="#myCarousel2" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> </a> </div> <!-- Carousel --></div><BR> -
Galera, estou desenvolvendo uma aplicação nova e estou com problemas no front end. Quando estou incluindo ou alterando registros o BootBox não mantém o modal aberto para exibir o erro, ele fecha como se tivesse retornado true meu back end. Tem algo errado na minha chamada? Eu não consigo visualizar o erro, já vi que o hidden.bs.modal aguarda um evento no client e hide.bs.modal fecha imediatamente, em teoria estou usando o correto. bootbox.dialog({ title: '@ViewBag.Title', message: modal_form }) .on('shown.bs.modal', function (){ modal_form.show(0, function (){ $('#txt_tipo').focus(); }); }) .on('hidden.bs.modal', function () { modal_form.hide().appendTo('body'); });
