133 views

in Plugins

Menampilkan Hasil Tabel Data Fluent Form Menggunakan Ninja Tables

Setelah inputan dari form yang kita buat menggunakan fluent form berhasil terkadang kita atau user penasaran apakah inputan kita berhasil terekam / tersimpan atau tidak. Untuk itu kita harus menampilkan hasil inputan tersebut agar user merasa tenang atau yakin bahwa inputan yang barusan saja mereka lakukan berhasil tersimpan. Untuk menampilkan hasil inputan tersebut admin menggunakan plugin tambahan yaitu Ninja Tables. Kebetulan admin menggunakan versi yang free saja.

Untuk membuatnya mari kita ikut langkah-langkah selanjutnya.
Pertama, pastikan plugin ninja tables sudah terinstal dan aktif

Kedua, klik add table

Ketiga, pilih connect fluent form. Pada panel sebelah kanan ketikkan judul tabel dan pilih form sumber yang akan ditampilkan. Pada kotak checkbox silahkan tandai item-item apa saja yang akan ditampilkan. Jika sudah klik save

Keempat, maka akan muncul hasil inputan dari form tersebut

Kelima, klik table design lalu rubah setingan seperti gambar di bawah ini. Jika sudah selesai klik update settings

Keenam, masuk ke dalam postingan form yang telah kita buat. Kemudian sisipkan dua short code. Short code pertama adalah form inputan dari fluent form dan short code adalah view hasil inputan form tersebut dari ninja tables. Kemudian klik update

ketujuh, sekarang kita coba preview sementara untuk memastikan tampil atau tidak hasil inputan dari form nya. Pada gambar di bawah terlihat hasil inputan muncul ditandai dengan kotak warna merah

Kedelapan,
Sekarang kita coba lakukan simulasi dengan menginput record baru. Jika sudah submit kemudian untuk memastikan hasilnya tersimpan dan muncul atau tidaknya kita reload browser kita. Dan waw hasilnya ternyata muncul !!!

Untuk lebih jelasnya silahkan tonton video berikut ini

Write a Comment

Comment