Formato inválido – Bootstrap Datetimepicker

publicado por: Anonymous Buenas! Estoy realizando un proyecto en el que uso un par de Datetimepickers para delimitar fechas en una consulta. Uso Firefox y todo estaba bien, es cuando pruebo en Chrome y me aparece lo siguiente: No me agarra el formato que tenía fijado por el código de Javascript (soy bastante nuevo en…(Continue Reading)

¿Por qué no funciona mi ventana modal de bootstrap?

publicado por: Anonymous Estoy trabajando con ASP.NET MVC 5 en un proyecto que requiere de una ventana modal para registrar a un nuevo usuario, el código es el siguiente: _x000D_ _x000D_ <!DOCTYPE html>_x000D_ _x000D_ <html>_x000D_ _x000D_ <head>_x000D_ <meta charset=”utf-8″ />_x000D_ <meta name=”viewport” content=”width=device-width, initial-scale=1.0″>_x000D_ <title>Inicio de sesión</title>_x000D_ _x000D_ <link href=”~/Content/bootstrap-theme.min.css” rel=”stylesheet” />_x000D_ <link href=”~/Content/bootstrap.min.css” rel=”stylesheet”…(Continue Reading)

Posicionar un radio button con imagen al lado del otro dentro de modal

publicado por: Anonymous No estoy pudiendo resolver el problema en el que aparece un radiobutton debajo del otro. Quiero colocarlo a la derecha del primero dentro del modal. Así me aparece: Y acá está el HTML de esa parte: <div class=”cc-selector”> <input checked=”checked” id=”visa” type=”radio” name=”credit-card” value=”visa” /> <label class=”drinkcard-cc visa” for=”visa”> <img src=”<?php echo…(Continue Reading)

RSpec+CapybaraでBootstrap 4のドロップダウンをテストする方法

投稿者: Anonymous 現在、RSpec+Capybaraでテストコードを書こうとしています。 やりたいことはナビゲーションバーの中にあるドロップダウンをクリックして表示されたドロップダウンメニューの中にログアウトというコンテンツがあることを確かめることです。 Viewのコードは下記の通りです。 テンプレートエンジンはslimを、CSSフレームワークはBootstrap 4を使っています。 nav.navbar ul.navbar-left = link_to ‘brand’, authenticated_root_path, class: ‘navbar-brand’ ul.navbar-right li.nav-item.dropdown = link_to ‘☰’.html_safe, ‘http://example.com’, class: ‘nav-link dropdown-toggle’, id: ‘navbarDropdownMenuLink’, ‘data-toggle’: ‘dropdown’, ‘aria-haspopup’: ‘true’, ‘aria-expanded’: ‘false’ .dropdown-menu aria-labelledby=’navbarDropdownMenuLink’ = link_to ‘ログアウト’, destroy_user_session_path, method: ‘delete’, class: ‘dropdown-item’ 次に現状のテストコードは下記の通りです。 feature ‘Navigation links for users’, :devise do scenario ‘view navigation links’ do…(Continue Reading)

¿ Como poner un logo en la barra de navegación?

publicado por: Anonymous Hola estoy creando mi sitio web con la ayuda de todos y trato de poner un logo en la parte izquierda de la barra de navegaciòn, pero hasta ahora solo conseguí un ejemplo que me hace enorme la barra de navegación. <a class=”navbar-brand” href=”#”> <img id=”logo” src=”images/logo-1.png” > </a> No se como…(Continue Reading)

obtener textbox de ventana modal en otra nueva

publicado por: Anonymous alguien sabe como obtener el valor de una caja de texto de una ventana modal en otra nueva ventana modal? tengo una ventana modal que tiene dos botones, tambien tengo un valor clave en un textbox que necesito recuperar en otra ventana modal para procesar ese valor, trataba de pasar el valor…(Continue Reading)

Uncaught TypeError: $(…).on is not a functionが出てしまう

投稿者: Anonymous test.jsの「.on(‘show.bs.modal’, function (e)」箇所で以下のようなエラーが出ており、 モーダルは表示されるのですが、モーダルのタイトルが書き換わりません…。 onの使い方、bootstrapのモーダルの書き方がおかしいのでしょうか? test.js:2 Uncaught TypeError: $(…).on is not a function at HTMLDocument.<anonymous> (VM31857 test.js:2) at Function.<anonymous> (VM31855 jquery.min.js:19) at Function.each (VM31855 jquery.min.js:12) at Function.ready (VM31855 jquery.min.js:19) at HTMLDocument.<anonymous> (VM31855 jquery.min.js:19) ●test.js $(function () { $(“#testModal”).on(‘show.bs.modal’, function (e) { setTimeout(function(){ var button = $(event.relatedTarget); var recipient = button.data(“name”); var modal =…(Continue Reading)

Limpiar Inputs y TextArea de un formulario en un Modal de Bootstrap

publicado por: Anonymous El código de la tabla con los botones es el siguiente: <table class=”table table-striped”> <thead> <tr> <th>Fecha</th> <th>Título</th> <th>Estado</th> <th>Comentarios</th> <th> Acciones&nbsp;&nbsp;&nbsp;&nbsp;<button type=”button” class=”btn btn-success” data-toggle=”modal” data-target=”#modal” id=”btn-noticia” onclick=”limpiarFormulario();”>Crear noticia</button> </th> </tr> </thead> <tbody> <?php for ($i = 0; $i < count($noticias); $i++) { $noticia_actual = $noticias[$i][0]; $comentarios_noticia_actual = $noticias[$i][1]; ?> <tr>…(Continue Reading)

Dejar marcada la página del menú en la que te encuentras bootstrap 4

publicado por: Anonymous Mi pregunta es básicamente lo que dice el título. ¿Que habría de hacer para dejar marcada la opción de menú de la página en la que me encuentro? Mi código es este: HTML <nav class=”nav-principal navbar navbar-expand-md navbar-light bg-faded”> <button class=”navbar-toggler navbar-toggler-right” type=”button” data-toggle=”collapse” data-target=”#nav-principal” aria-expanded=”false” aria-label=”Mostrar navegacion”> <span class=”navbar-toggler-icon”></span> </button> <a…(Continue Reading)

Centrar span con imagen dentro de una columna td

publicado por: Anonymous Como puedo centrar un <span class=”glyphicon”></span> dentro de un <td> de una tabla?. Es un poco engorroso ponerlos en tema…estoy usando Laravel 5.2 y DataTable de jquery. Es una columna que me llegan valores 1 o 0 y yo, en mi javascript reemplazo por un gliphicon si es valor 1 o si…(Continue Reading)

.NETでBootstrapのModalがOnClickイベント後に閉じてしまう。

投稿者: Anonymous ASP.NET C#にてWebアプリケーションを作成しています。 BootStrapのModalを使用しています。 モーダル表示用のボタンクリック時に サーバ側処理でOnclickイベントを入れているのですが、 このイベント発生直後にモーダルが勝手に閉じてしまいます。 sample.aspx:modal表示ボタン <input type=”button” id=”BtnShowModal” name=”BtnShowModal” class=”btn btn-primary” data-toggle=”modal” data-target=”#modal-BtnShowModal” value=”モーダル表示” onserverclick=”BtnShowModal_Click” runat=”server” /> sample.aspx:モーダル本体 <div class=”modal” id=”modal-BtnShowModal” tabindex=”-1″ data-keyboard=”false” data-backdrop=”static”> <div class=”modal-dialog”> <div class=”modal-content”> <div class=”modal-header”> <h4 class=”modal-title” id=”modal-label”>タイトル</h4> </div> <asp:UpdatePanel ID=”UpdatePanel2″ runat=”server”> <ContentTemplate> <div class=”modal-body” style=”height: 400px;”> <asp:GridView ID=”gvData” runat=”server” AutoGenerateColumns=”False”> <Columns> </Columns> </asp:GridView> </div> </ContentTemplate>…(Continue Reading)

¿Cómo crear un DropDown de Bootstrap con Razor?

publicado por: Anonymous Estoy trabajando con ASP.NET MVC 5, ¿Cómo puedo cargar de datos un DropDown de Bootstrap? Muestro código de cómo lo hago con Razor y cómo deseo cargarlo el otro <div class=”form-group”> @Html.LabelFor(model => model.DocumentoIdentidad, htmlAttributes: new { @class = “control-label col-md-2″ }) <div class=”col-md-10”> @Html.DropDownList(“myDropDown”, (SelectList)ViewBag.ListaProveedores) </div> </div> <div class=”dropdown”> @Html.LabelFor(model =>…(Continue Reading)

¿Cómo se realiza este recorte o forma en css?

publicado por: Anonymous Me gustaria saber como realizar ese diseño de formas y superposicion de la imagen solución Muy fácil, todo depende del comportamiento que quieras lograr con la foto y si necesitas que esté en el html o no. Lo puedes hacer con una estructura como esta: Al banner, solo basta con colocarle la…(Continue Reading)

Cargar CSS según dispositivo con Bootstrap

publicado por: Anonymous Tengo un archivo master.css donde defino estilos generales y dos archivos más llamados movilices.css y screen.css que definen estilos específicos para cada dispositivo, ¿cómo puedo realizar la carga de estos archivos según el dispositivo usado utilizando Bootstrap? Bootstrap trabaja los tamaños de dispositivos con iniciales md, xs, etc., la idea es cargar…(Continue Reading)

Como pintar la mitad de pantalla y responsive en css boostrap 4?

publicado por: Anonymous Buenas quisiera que me puedan ayudar estoy realizando un formulario quisiera la mitad de mi pantalla se pinte de color amarillo y con ese logo en el medio. y la otra mitad como esta , y quisiera realizar responsive. Estoy realizando con boostrap 4 y css , html Adjunto mi HTML. <!DOCTYPE…(Continue Reading)

¿Existe algún reproductor responsivo de video para html5, que permita reproducir todos o la mayoría de los formatos?

publicado por: Anonymous Me gustaría saber si algún reproductor responsivo de video para html5, que permita reproducir todos o la mayoría de los formatos. He probado con uno que se llama Jplayer, pero solo acepta algunos formatos mp4, http://www.jplayer.org/latest/demos/ pero lo que ando buscando un reproductor en jquery o flash, o cualquier opcion buena, que…(Continue Reading)

¿Cómo formar una flecha con css?

publicado por: Anonymous Estimados mi consulta es la siguiente, necesito formar una flecha con el <span> que esta en el siguiente código y que tiene una clase .titulos-panel, lo que necesito es cortar la parte inferior derecha del elemento, como se muestra en la siguiente imagen. _x000D_ _x000D_ .titulos-panel {_x000D_ background: linear-gradient(30deg, transparent 0%, #FF5252…(Continue Reading)

Evitar redireccionamiento del SERVLET en lenguaje de programacion JSP

publicado por: Anonymous Buen día, la situación es la siguiente: tengo una ventana modal de bootstrap donde inserto información a la base de datos (PostgreSQL), ésta acción se realiza desde un botón input y un onclick=”valida_envia2()” que se encuentran dentro del modal Ésta función se encuentra en el jsp: function valida_envia2() { if (document.f2.producto.value.length ===…(Continue Reading)

Ventana modal en Bootstrap se cierra sola automáticamente

publicado por: Anonymous Buenas, tengo un problema con las ventanas modales de Bootstrap, Esta se cierra sola al abrirla, pincho en el botón, la abro. y en menos de un segundo se cierra, y si no se cierra sola, al mover el ratón se cierra. Es muy raro. Añado todo el código de la página…(Continue Reading)

Formulario de dos columnas en Bootstrap

publicado por: Anonymous Buenos días a todos, estoy haciendo un formulario web en ASP con Bootstrap en dos columnas y para la versión móvil no me mantiene el ancho de los labels y queda un poco raro (no doy muchos detalles porque creo que viéndolo será más visual) Escritorio: Móvil: Código: <div class=”form-horizontal”> <div class=”col-sm-6″>…(Continue Reading)

Generar un grid con un div que ocupe más de una fila en Bootstrap 4

publicado por: Anonymous Estaba utilizando una versión 3 de Bootstrap. Ahora que actualicé a la versión 4 tengo el siguiente problema: Me funcionaba con Bootstrap 3 (ver en página completa): _x000D_ _x000D_ .titulo {_x000D_ height: 200px;_x000D_ background: #666;_x000D_ border: 1px solid #333;_x000D_ }_x000D_ _x000D_ .dato {_x000D_ height: 100px;_x000D_ background: #666;_x000D_ border: 1px solid #333;_x000D_ }…(Continue Reading)

¿Cómo hacer un salto de linea dentro de un formulario de texto en `bootstrap`?

publicado por: Anonymous Estoy haciendo un formulario con bootstrap. El contenido de todos los items del formulario son strings introducidos manualmente por el usuario. El contenido se agrega a un archivo de texto plano que se descarga en el equipo del usuario. La pregunta es ¿cómo puedo admitir saltos de linea con la tecla enter?.…(Continue Reading)

.NET MVC ViewからControllerへのbootstrap toggleの状態渡しについて

投稿者: Anonymous VIEW側で下記のようなbootstrapを用いたトグルボタンを作成しました。 このトグルボタンの選択状況(ON/OFF)をトグルの切り替わり時にControllerに渡したいのですがどのように実装すればいいでしょうか。 ソースを一部記載致します。 ※Controller public ActionResult Index() { var test = Request.Form[“cbOnOff”]; return View(); } ※View <div style=”width: 200px; display:inline-flex;”> @Html.CheckBox(“cbOnOff”, true, new { data_toggle = “toggle”, data_size = “small”, data_on = “ON”, data_off = “OFF” }) </div> ※実行時のページソース(チェックボックス部分) <div style=”width: 200px; display:inline-flex;”> <input checked=”checked” data-off=”OFF” data-on=”ON” data-size=”small” data-toggle=”toggle” id=”cbOnOff” name=”cbOnOff” type=”checkbox” value=”true”…(Continue Reading)

VueにおいてBootstrapTimepickerのデータ更新が取得できずバインディングできない

投稿者: Anonymous Vueを勉強し始めて2ヶ月程です。 BootstrapTimepickerを利用して単純なバインドを試しているのですが、 http://jdewit.github.io/bootstrap-timepicker/ Timepickerで更新される値がVueで更新を検知できずバインディングがされません。 カスタムイベント等も試してみたのですが、なぜか検知できず。 今はVue用に自前でTimePickerコンポーネントを作ることを考えていますが、 原因だけ知りたいという探究心から調査していますが全くわかりません。 よろしくお願いします。 _x000D_ _x000D_ var app = new Vue({_x000D_ el: ‘#app’,_x000D_ data:{_x000D_ time: “12:00 AM”_x000D_ }_x000D_ }); _x000D_ <link href=”https://cdnjs.cloudflare.com/ajax/libs/bootstrap-timepicker/0.5.2/css/bootstrap-timepicker.min.css” rel=”stylesheet”/>_x000D_ <link href=”https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css” rel=”stylesheet”/>_x000D_ <script src=”https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js”></script>_x000D_ <script src=”https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js”></script>_x000D_ <script src=”https://cdnjs.cloudflare.com/ajax/libs/bootstrap-timepicker/0.5.2/js/bootstrap-timepicker.min.js”></script>_x000D_ <script type=”text/javascript” src=”//unpkg.com/vue”></script>_x000D_ <div id=”app”>_x000D_ <input v-model=”time” data-provide=”timepicker”>_x000D_ <div>_x000D_ {{ time }}_x000D_ </div>_x000D_ </div> _x000D_ _x000D_ _x000D_…(Continue Reading)

Contraer y expandir en Bootstrap 4.3 – Collapse

publicado por: Anonymous Al momento de pinchar cualquiera de los botones efectivamente expande la información y me muestra la info, sin embargo, puedo contraer con el mismo botón, pero, quisiera que al presionar otro botón me contraiga el que está expandido y me muestre solo la info del botón que acabo de pinchar. algo similar…(Continue Reading)

¿Como hago para eliminar los estilos de un tooltip de bootstrap?

publicado por: Anonymous por ejemplo el left que sale por defecto, intente modificando el archivo bootstrap.css y bootstrap.min.css y no obtuve respuesta. solución No es recomendable tocar el fuente de bootstrap. Lo que acostumbramos es crear un css totalmente aparte con nuestros estilos propios (estilos.css) allí se colocan todos los cambios a los estilos de…(Continue Reading)

¿Cómo centrar un fa-icon?

publicado por: Anonymous Quisiera saber: ¿Cómo centrar los items dentro de un <div>?, en particular si el item es un fa-icon. ¿Cuál es el error?. He probado: Alinear texto del objeto, alinear items, margin:0 auto, definir un estilo. Nada me ha resultado. Agradezco su colaboración y comparto el fragmento del código donde se visualiza el…(Continue Reading)

¿Porque al abrir el Modal se queda con la clase modal-backdrop fade in?

publicado por: Anonymous Tengo un botón que al hacer click se debería abrir un modal, pero se queda con la clase modal-backdrop fade in y no aparece el modal (tampoco puedo cerrarlo). El codigo es este: <td class=”orderproject tdcenter”><p id=”margindata”>{{$project->order}}</p> <div class=”editdeleteproyecto editdeleteproyectoinsideorden”> <a href=”{{ route(‘admin.project.edit’, $project->id)}}” class=”btn btn-success btn-sm editmenuproject” id=”margindata”>Edit</a> <button type=”button” class=”btn…(Continue Reading)