Qore Docs
Search
K

Vertical Tile Component

Vertical Tile Component ini merupakan bentuk style lain dari list component, namun memiliki fungsi yang sama yakni menampilkan kumpulan data. Apabila kumpulan data tersebut memiliki data image maka kita dapat menampilkannya menggunakan component ini.
Vertical Tile Component ini memiliki result gambar yang lebih besar dibandingkan dengan component category list lainnya. Kamu dapat melihat hasilnya di akhir step step cara menampilkan gambar.
Ikuti step step cara menampilkan gambar dari kumpulan data menggunakan vertical tile component.
1. Setup kumpulan gambar di table Qore. Pada step pertama ini kita akan membuat tabel baru yang berisi informasi nama (type: text) dan file (type:file).
Could not load image
2. Setelah berhasil di step 1, selanjutnya kita akan mulai menambahkan component vertical tile di editor aplikasi. Kita awali dengan mengakses app editor terlebih dahulu, kemudian ikuti simple step berikut
  • Go to app builder, dari menu table klik menu apps kemudian pilih salah satu apps yang ingin kita edit.
  • Pilih atau tambahkan halaman yang ingin kita tambahkan gambar
  • Tambahkan component vertical tile pada category list
  • Aktifkan component vertical tile untuk mulai mengatur data
3. Kemudian kita dapat sesuaikan source table yang berisi data gambar yang ingin kita tampilkan di aplikasi. Source akan berisi list table yang ada.
Could not load image
4. Lalu pilih kolom dari table/view source yang menyimpan informasi gambar dengan mengetikkan @namakolom pada properties image.
Could not load image
5. Jika berhasil maka akan muncul gambar di emulator screen sesuai dengan data di table promo yang sebelumnya telah ditambahkan.
Could not load image