cara atasi modal-backdrop pada modal

Assalamualikum... semua
disini saya akan membuat detail dengan modal bootstrap, akan tetapi saat saya mengirim
data pada modal, modal tersebut terkena elemen modal-backdrop padahal saya sama sekali
tidak menggunakan modal-backdrop tersebut..
seperti gambar berikut.....
Capturse.pngCapturse.PNG

Berikut tombol detailnya...
  
 <button type="submit" class="btn btn-info btn-primary btn-sm" data-toggle="modal" data-target="#basic-read<?= $datas['id_pinjaman'] ?>"><i class="fas fa-eye"></i> lihat
                                    </button> 
modalnya...
 
 <div class="modal fade show" tabindex="-1" role="dialog" id="basic-read<?= $datas['id_pinjaman'] ?>">
                                    <div class="modal-dialog modal-md">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <h5 class="modal-title">Detail Sarana Dan Prasarana</h5>
                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                    <span aria-hidden="true">×</span>
                                                </button>
                                            </div>
                                            <div class="modal-body table-responsive">
                                                <form action="" method="post">
                                                    <input type="text" class="form-control" value="<?= $datas['nama_member']; ?>" name="" id="">
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                </div> 
avatar ariffqu

@ariffqu

6 Kontribusi 8 Poin


Jawaban

Aku nyoba normal aja sih.. mungkin di web server mu ada bagian yang konflik css nya.

Coba aja inspect pas muncul tadi
avatar GrennKren

@GrennKren

17 Kontribusi 5 Poin

  • hal ini terjadi hanya ketika mengirim data pada modalnya, tetapi jika tidak ada data yang akan di kirim masih bisa - @ariffqu
  • Kalau begitu silahkan dicoba periksa hasil keluaran $datas['id_pinjaman nya seperti apa.. mungkin terjadi kesalahan atau sesuatu yg hasilnya keluar dari string - @GrennKren


Coba class show-nya dihapus dulu di kode baris ini, bootstrap akan menambahkan sendiri class "show", ketika user click button/element lainnya yg akan men-trigger modal agar tampil.
 <div class="modal fade show" tabindex="-1" role="dialog" id="basic-read<?= $datas['id_pinjaman'] ?>">
avatar ahanafi

@ahanafi

795 Kontribusi 523 Poin

  • tetap sama meskipun "show" di hapus - @ariffqu


Login untuk gabung berdiskusi