Image
Widget image adalah widget yang digunakan untuk menampilkan gambar atau grafik dalam antarmuka pengguna.
Pastikan sebelumnya anda sudah membuat layanan baru, dan sudah berada pada halaman frontend builder seperti gambar berikut :
Drag and drop widget "Image"
Pilih dan klik tombol konfigurasi yang terdapat pada widget "Image"
Akan muncul tampilan seperti gambar dibawah
Klik tanda "+" pada bagian "Image" untuk memasukan gambar
Terdapat kolom "Box-Fit" yang berfungsi Untuk mengatur image terhadap ruang atau space yang tersedia. Di dalam "Box-Fit" terdapat cover, fill dan contain.
Cover : Image yang diganti berukuran untuk mempertahankan rasio aspeknya sambil mengisi seluruh kotak konten elemen.
Fill : Image yang diganti akan berukuran untuk mengisi kotak konten elemen.
Contain : Image yang diganti diskalakan untuk mempertahankan rasio aspeknya sementara didalam kotak konten elemen
Terdapat kolom "Height" yang berfungsi untuk mengatur tinggi dari gambar yang kita masukan
Ada pengaturan tambahan "Enable Action onClick"
Kita bisa memasukan event click pada gambar dengan cara mengaktifkan radio button dari "Enable Action onClick"
Setelah ditampilkan akan muncul konfigurasi tambahan
Kolom "onClick Method" berisikan 3 opsi pilihan method click
Open url : ketika gambar di klik maka event yang muncul adalah aplikasi akan membuka url yang ditentukan pada kolom url
Open pages : ketika gambar di klik maka event yang muncul adalah aplikasi akan membuka page yang ditentukan pada kolom page
Open Popup : ketika gambar di klik maka event yang muncul adalah aplikasi akan memunculkan popup yang berisikan text yang sudah ditentukan pada kolom text ketika memilih opsi popup.
Sesuaikan penggunaan berdasarkan kebutuhan
Jika sudah, klik "Save" untuk menyimpan
Last updated
