JoomDev: Modal Popup buttons (1/1)

Our festival of light and colour is knocking at the door. So, we are leaving you just for 5 days. We regret if there is any delay for support. Happy Diwali!!

Welcome, Guest
Username: Password: Remember me

TOPIC: Modal Popup buttons

Modal Popup buttons 5 months 1 day 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 4 months 3 weeks ago #3124

  • rahulahluwalia
  • rahulahluwalia's Avatar
  • Offline
  • Administrator
  • Posts: 512
  • Thank you received: 70
  • Karma: 11
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.299 seconds

Happy Diwali! Save Like Never Before. Use Coupon: DIWALI17
Quick: Spearkel your festive days with the vibrant and colorful Joomla Templates for flat 30% discount.