Object: Button membuat tombol Form yang dapat diklik oleh user untuk melakukan Action. Ini juga bisa diganti menjadi kotak centang. Di bawah ini menunjukkan kedua mode Object: Button di Google Chrome: Push button di sebelah kiri, dan Checkbox di sebelah kanan.
Form controls adalah elemen HTML aktual yang mengambang (Floating) di atas kanvas pada game di halaman HTML. Oleh karena itu, tidak ada yang bisa ditampilkan di atas Form control, selain dari Form control lainnya.
Form control memposisikan diri sesuai dengan Parallax, skala dan sebagainya dari Layer. Namun mereka tidak benar-benar berada “dalam game” (karena mereka mengapung di atasnya), jadi disarankan untuk menghindari penggunaan pengguliran (Scrolling), Parallax dan skala Layer dengan Form controls, jika tidak, hasil akhirnya tidak terasa alami.
Styling Button Objects (Mengatur Style pada Object: Button)
Button control dapat disesuaikan dengan sejumlah besar cara melalui CSS (Cascading Style Sheets). Daripada menambahkan Action untuk mengatur semuanya melalui Property, Object: Button menyediakan Action: Set CSS style. Mengetahui CSS tentu saja akan menjadi keuntungan di sini, tapi mudah digunakan untuk Property sederhana. Beberapa contoh tercantum di bawah ini.
- Membuat teks berwarna merah: Set “color” to “red”
- Membuat latar belakang berwarna kuning: Set “background-color” to “yellow”
- Membuat bingkai tebal abu-abu cerah: Set “border” to “3px solid #AAAAAA”
- Membuat Font menjadi agak besar: Set “font-size” to “2em”
- Membuat bingkai garis putus-putus berwarna merah: Set “border” to “2px dashed red”
Button Properties
- Type
Untuk memilih jenis Button untuk Push Button atau Checkbox (kontrol yang dicentang/tidak). Lihat gambar di atas untuk demonstrasi kedua jenis. - Text
Teks yang ditampilkan sebagai label pada tombol atau kotak centang. - Tooltip
Tooltip yang muncul di sebagian besar browser jika user mengarahkan mouse ke tombol dan menunggu. Biarkan kosong jika tidak ingin ada Tooltip. - Initial visibility
Apakah Button ditampilkan saat Startup atau tidak. Jika Invisible, maka Button dapat ditampilkan dengan Action: Set visible. - Enabled
Apakah Button awalnya diaktifkan. Jika NO, Button akan ditampilkan abu-abu dan tidak bisa diklik. - Auto font size
Secara otomatis atur Property ukuran Font dari elemen sesuai dengan Layout dan skala Layer. Ini akan mencegah Property: CSS Font size yang diatur secara manual dengan Action: Set CSS style. Atur ke NO jika Anda berniat menggunakan pengaturan tampilan CSS dalam menyesuaikan Property: Font size. - ID (optional)
Atribut ID opsional untuk elemen di DOM (Document Object Model). Ini berguna untuk mengakses nilai elemen dari skrip eksternal, atau Styling dengan CSS di halaman HTML. - Checked
Jika Type dari Button adalah Checkbox, ini adalah keadaan (Status) cek awal dari kontrol tersebut.
Button Conditions
- Is checked
Jika Type dari Button adalah Checkbox, untuk menguji apakah TRUE jika Control tersebut sedang diperiksa. - On clicked
Dipicu saat user mengklik Button atau Check/Uncheck centang kontrolnya, baik dengan keyboard, mouse atau input sentuh.
Button Actions
- Set CSS style
Menentukan Style dari CSS (Cascading Style Sheets) pada elemen Button. Untuk informasi lebih lanjut, lihat bagian Styling Button Objects. Perhatikan bahwa jika Property: Auto Font size diatur ke YES, maka semua perubahan pada Property: Font size dengan menggunakan Action ini tidak akan berpengaruh. - Set checked
Jika Type dari Button adalah Checkbox, ini untuk mengatur status Check saat ini dari Control tersebut. - Set enabled
Menentukan apakah Button diaktifkan atau dinonaktifkan. Jika Disabled, maka Button akan tampil dengan warna abu-abu dan tidak bisa diklik. - Set focused
Membuat fokus input ke Button. - Set text
Membuat teks di label Button. - Set tooltip
Membuat teks yang muncul untuk Tooltip pada Button. Biarkan kosong jika tidak ingin ada Tooltip. - Set unfocused
Lepaskan fokus input dari Button. - Toggle checked
Jika Type dari Button adalah Checkbox, hidup/matikan status cek pada Control tersebut.
Button Expressions
Object: Button tidak memiliki Expression khusus.
Komentar
Posting Komentar