Elemen Kontainer

Last updated on 8/22/2025@mrbirddev

Elemen kontainer dapat digunakan untuk mencapai banyak hal.

Mengatur elemen secara horizontal

Menambahkan kolom dan mengatur rasio lebar

Setelah menambahkan kontainer ke kanvas, Anda dapat melihat hanya ada 1 kolom di tab Data.

Klik Kolom untuk menambahkan lebih banyak kolom. Dan sesuaikan Rasio lebar mereka untuk membuat tata letak yang Anda inginkan. Dalam tangkapan layar, saya telah mengatur rasio 2:1, di mana kolom kiri 2 kali lebih lebar dibandingkan dengan kolom kanan.

Selalu horizontal

Perhatikan bahwa meskipun kolom diatur secara horizontal. Di bawah layar ponsel, kolom akan diatur secara vertikal untuk menyesuaikan dengan layar yang lebih sempit.

Untuk sebagian besar kasus, ini baik-baik saja. Tetapi jika Anda ingin kolom Anda selalu diatur secara horizontal, klik tab Konten dan periksa bidang Tipe. Pilih Selalu horizontal. Dan konten Anda akan diatur secara horizontal tidak peduli ukuran layar.

Lebar kolom otomatis

Catatan singkat tentang Rasio lebar adalah bahwa itu dapat diatur ke Rasio lebar, di mana lebar kolom akan menyusut untuk menyesuaikan elemen di dalam kolom. Ini berguna, misalnya, ketika Anda ingin mengatur avatar dan moto.

Kolom tunggal

Ketika hanya ada satu kolom dalam sebuah wadah. Ini tetap berguna. Misalnya, Anda dapat menambahkan Latar belakang dan Bayangan kotak tambahan padanya.

Latar belakang penuh

Latar belakang penuh dapat dicapai dengan menggunakan wadah. Cukup atur Bentuk -> Lebar ke Lebar layar penuh. Wadah akan meluas ke tepi layar dari kiri ke kanan.

Namun, konten di dalam wadah akan tetap dibatasi di dalam lebar elemen halaman. Anda dapat membuat konten meluas ke tepi wadah dengan mengatur Konten -> Lebar dalam ke 100%.

Gambar penuh

Seperti yang ditunjukkan pada tangkapan layar di atas, jika Anda mengatur Bentuk -> Lebar dari elemen gambar ke Tutup. Elemen gambar akan meluas ke tepi wadah, mengabaikan padding dan celah wadah dan kolom.

Last updated on 8/22/2025@mrbirddev