İçereği Atla
Menü
Bu soru işaretlendi
1 Cevapla
8544 Görünümler

Hi, How to create popup in custom web page after click on button with odoo v14

Avatar
Vazgeç
En İyi Yanıt

Hi,

You can create popup using below code.

<odoo>


    <template name="" id="q_return_button_id"


              inherit_id="website_sale.payment">




        <xpath expr="//t[@t-call='payment.checkout']" position="after">


            <div id="upi_payment">


                <button name="get_qr_code" id="upi_payment"


                        class="btn btn-primary" custom="payment"


                        data-bs-toggle="modal"


                        data-bs-target="#exampleModalCenter">Payment


                </button>


           </div>


<!-- Button trigger modal -->


<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModalCenter">


  Launch demo modal


</button>




<!-- Modal -->


<div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">


  <div class="modal-dialog modal-dialog-centered" role="document">


    <div class="modal-content">


      <div class="modal-header">


        <h5 class="modal-title" id="exampleModalLongTitle">Modal title</h5>


        <button type="button" class="close" data-dismiss="modal" aria-label="Close">


          <span aria-hidden="true">&times;</span>


        </button>


      </div>


      <div class="modal-body">


        ...


      </div>


      <div class="modal-footer">


        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>


        <button type="button" class="btn btn-primary">Save changes</button>


      </div>


    </div>


  </div>


</div>


        </xpath>




    </template>


</odoo>




if you are using odoo V16,then you need to change "data-toggle" to "data-bs-toggle"

Regards

Avatar
Vazgeç
İlgili Gönderiler Cevaplar Görünümler Aktivite
0
Haz 22
2210
1
May 22
2617
0
Nis 22
2032
0
Haz 21
2480
1
Şub 21
3611