JoomDev: Modal Popup buttons (1/1)
Welcome, Guest
Username: Password: Remember me

TOPIC: Modal Popup buttons

Modal Popup buttons 1 month 5 days ago #3091

I'm trying to align 4 modal popup button in horizontal but when I copy the same button style the popup open all modal popup (2) at the same time, one above the other.
Does anyone know what I'm doing wrong?
The codei is
<button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-lg">Entrada general</button>
<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button aria-label="Close" data-dismiss="modal" class="close" type="button"><span aria-hidden="true">×</span></button>
        <h4 id="myModalLabel" class="modal-title">Entrada general</h4>
      </div>
      <div class="modal-body">
        <p>Entrades anticipades<strong> tarifa A Preu General -</strong> <strong>18€</strong></p>
<p>Més informació sobre les entrades <a href="programacio/entrades" target="_blank">aquí</a></p>
<div class="modal-footer"><button type="button" class="btn btn-default" data-dismiss="modal">Tancar</button> <a href="https://www.codetickets.com/festival-de-musica-antiga-dels-pirineus/ca/femap.com" target="_blank" rel="noopener noreferrer">
<button type="button" class="btn btn-danger">Comprar entrada general</button></a></div>
    </div>
   </div>
  </div>
</div>
<button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-lg">Entrada Amic del FeMAP</button>
<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button aria-label="Close" data-dismiss="modal" class="close" type="button"><span aria-hidden="true">×</span></button>
        <h4 id="myModalLabel" class="modal-title">Entrada Amic del FeMAP</h4>
      </div>
      <div class="modal-body">
        <p>Entrades anticipades <strong>tarifa A Amic del FeMAP - </strong><strong>15€</strong></p>
        <p>Si et ets amic del FeMAP, compra aquí la teva entrada a preu reduït.</p>
        <p>Fes-te Amic del FeMAP, i per una única quota de 10€ tindràs entrada reduïda a tots els concerts. Més informació <a href="programacio/entrades" target="_blank">aquí</a></p>
        <div class="modal-footer"><button type="button" class="btn btn-default" data-dismiss="modal">Tancar</button> <a href="https://www.codetickets.com/festival-de-musica-antiga-dels-pirineus/ca/femap.com" target="_blank" rel="noopener noreferrer">
        <button type="button" class="btn btn-danger">Comprar entrada Amic del FeMAP</button></a></div>
      </div>
    </div>
  </div>
</div>

Thanks!
The administrator has disabled public write access.

Modal Popup buttons 1 month 2 days ago #3124

  • rahulahluwalia
  • rahulahluwalia's Avatar
  • Offline
  • Administrator
  • Posts: 431
  • Thank you received: 62
  • Karma: 7
Hello,

May I ask you to open screenshot for the solution.
www.screencast.com/t/nXwlAVr411H

Thanks
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The administrator has disabled public write access.
Time to create page: 0.232 seconds