Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] integracion de un modal dentro de un dropdown menu de bootstrap

Estas en el tema de integracion de un modal dentro de un dropdown menu de bootstrap en el foro de CSS en Foros del Web. Hola buenas , tengo una plantilla de administracion es esta: http://themes.laborator.co/#theme=neon si os fijais en la foto de perfil se hace clicck y se desplega ...
  #1 (permalink)  
Antiguo 19/10/2015, 03:15
 
Fecha de Ingreso: febrero-2011
Ubicación: Barcelona
Mensajes: 195
Antigüedad: 13 años, 1 mes
Puntos: 1
integracion de un modal dentro de un dropdown menu de bootstrap

Hola buenas , tengo una plantilla de administracion
es esta:
http://themes.laborator.co/#theme=neon

si os fijais en la foto de perfil se hace clicck y se desplega un dropdown menu, pues bien en ese menu que lo forma esta parte de codigo :
Código HTML:
Ver original
  1. <a href="#" class="dropdown-toggle" data-toggle="dropdown">
  2.                     <img src="assets/images/1.png" alt="" class="img-circle" width="44" />
  3.                     Grup Alimentari Guissona
  4.                 </a>
  5.                
  6.                 <ul class="dropdown-menu">
  7.                    
  8.                     <!-- Reverse Caret -->
  9.                     <li class="caret-reversed"></li>
  10.                    
  11.                     <!-- Profile sub-links -->
  12.                     <li>
  13.                         <a href="login2.php">
  14.                          <i class="entypo-user"></i>
  15.                            
  16.                             Editar Perfil
  17.                         </a>
  18.                     </li>
  19.                    
  20.                     <li>
  21.                         <a href="mailbox.html">
  22.                             <i class="entypo-mail"></i>
  23.                             Inbox(Pruebas)
  24.                         </a>
  25.                     </li>
  26.                    
  27.                     <li>
  28.                         <a href="extra-calendar.html">
  29.                             <i class="entypo-calendar"></i>
  30.                             Calendar(Pruebas)

este es el codigo de la mia personalizada , pero donde haze el href=login2.php , yo lo mando a un formulario en bootstrap pero lo que quiero realmente esque cuando hago click en el enlace
se abra un modal (popup)

Entonces cambio el href por esto:
Código HTML:
Ver original
  1. <div id="myModal" class="modal fade" role="dialog">
  2.       <div class="modal-dialog">
  3.      
  4.         <!-- Modal content-->
  5.         <div class="modal-content">
  6.           <div class="modal-header">
  7.             <button type="button" class="close" data-dismiss="modal">&times;</button>
  8.             <h4 class="modal-title">Transferencias Bancarias</h4>
  9.           </div>
  10.           <div class="modal-body">
  11.             <p>Usted podrá realizar sus pagos tanto de Afiliación como de pago de mensualidad o renovación de cualquiera de los planes que le ofrecemos</p>
  12.            
  13.            
  14.             <p>Luego de Realizado el pago, por favor notifiquelo al e-mail <b>[email protected]</b> Indicando Sus datos, luego se le enviará un E-mail con el enlace para que continue su registro.</p>
  15.           </div>
  16.           <div class="modal-footer">
  17.             <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
  18.           </div>
  19.         </div>
  20.      
  21.       </div>
  22.     </div>


Pero cuando hago click en el enlace se ocscurece la pantalla como si se fuera a mostrar el modal , pero este no se muestra por ningun lado.
  #2 (permalink)  
Antiguo 19/10/2015, 04:45
 
Fecha de Ingreso: febrero-2011
Ubicación: Barcelona
Mensajes: 195
Antigüedad: 13 años, 1 mes
Puntos: 1
Respuesta: integracion de un modal dentro de un dropdown menu de bootstrap

Bueno parece que me salio de casualidad pero lo logre con este codigo:
Esto seria todo el drop down menu
Código HTML:
Ver original
  1. </div>
  2.                     <li>
  3.                    
  4.                         <a class="entypo-user" data-toggle="modal" data-target="#myModal">Editar Perfil</a>
  5.                        
  6.                        
  7.                     </li>
  8.                    
  9.                     <li>
  10.                         <a href="mailbox.html">
  11.                             <i class="entypo-mail"></i>
  12.                             Inbox
  13.                         </a>
  14.                     </li>
  15.                    
  16.                     <li>
  17.                         <a href="extra-calendar.html">
  18.                             <i class="entypo-calendar"></i>
  19.                             Calendar
  20.                         </a>
  21.                     </li>
  22.                    
  23.                     <li>
  24.                         <a href="#">
  25.                             <i class="entypo-clipboard"></i>
  26.                             Tasks
  27.                         </a>
  28.                     </li>
  29.                 </ul>
  30.             </li>
  31.        
  32.         </ul>

Gracias , espero que le sirva a alguien futuramente

Etiquetas: bootstrap, dropdown, html, modal, width
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:46.