Postingan lainnya

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.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>

php tool

@ariffqu

8 Kontribusi 11 Poin

Diperbarui 2 tahun yang lalu

2 Jawaban:

<div>Aku nyoba normal aja sih.. mungkin di web server mu ada bagian yang konflik css nya.<br><br>Coba aja inspect pas muncul tadi</div>

@GrennKren

62 Kontribusi 47 Poin

Dipost 2 tahun yang lalu

Tanggapan

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

<div>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><pre> <div class="modal fade show" tabindex="-1" role="dialog" id="basic-read<?= $datas['id_pinjaman'] ?>"></pre>

@ahanafi

815 Kontribusi 554 Poin

Dipost 2 tahun yang lalu

Tanggapan

tetap sama meskipun "show" di hapus

@ariffqu