İçereği Atla
Menü
Bu soru işaretlendi
1 Cevapla
8767 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
2345
1
May 22
2746
0
Nis 22
2219
0
Haz 21
2677
1
Şub 21
3746