Qore Docs
Search
⌃K

Image

Cara menambahkan Image component
Berikut langkah-langkah untuk menambahkan image component
  • Buka Qore App Editor
  • Pada tab library, di section media pilih image component. Terdapat 2 cara untuk menambahkan component ke dalam emulator
    • Jika ingin menambahkan component langsung ke suatu page, kamu dapat double-click card tersebut
    • Jika ingin menambahkan component ke dalam salah satu kontainer di page tersebut, kamu dapat drag and drop ke dalam kontainer yang diinginkan
  • Jika berhasil maka image component akan muncul di emulator editor screen seperti berikut
Properties dari image component adalah
Source :
  • All Device : jika gambar ingin ditampilkan di semua tipe device dengan sumber gambar yang sama, maka aktifkan toggle
  • Source : sumber gambar, dapat berupa link gambar ataupun baris dalam qore data
Design
  • Preview : jika toggle diaktifkan, maka pengguna dapat mengetuk gambar untuk melihat gambar dalam layar penuh
Phone :
  • Source : sumber gambar yang ditampilkan jika device adalah phone, dapat berupa link gambar ataupun baris dalam qore data
  • Ratio : ratio ukuran gambar yang ditampilkan jika device adalah phone, dapat berupa 1:1, 16:9, 4:3, ataupun 3:1
  • Fit image : mengatur tampilan image pada device phone, apakah fill ataupun fit
Tablet :
  • Source : sumber gambar yang ditampilkan jika device adalah tablet, dapat berupa link gambar ataupun baris dalam qore data
  • Ratio : ratio ukuran gambar yang ditampilkan jika device adalah tablet, dapat berupa 1:1, 16:9, 4:3, ataupun 3:1
  • Fit image : mengatur tampilan image pada device tablet, apakah fill ataupun fit
Dekstop :
  • Source : sumber gambar yang ditampilkan jika device adalah dekstop, dapat berupa link gambar ataupun baris dalam qore data
  • Ratio : ratio ukuran gambar yang ditampilkan jika device adalah dekstop, dapat berupa 1:1, 16:9, 4:3, ataupun 3:1
  • Fit image : mengatur tampilan image pada device dekstop, apakah fill ataupun fit
Berikut contoh image yang telah dimodifikasi
Last modified 5mo ago