Interaktivitas Dynamic Panel
Interaktivitas pada Dynamic Panel hanya dapat dibuat atau digunakan setelah kita menggunakan widget Dynamic Panel pada halaman yang ingin kita beri sebuah perubahan dinamis. Setiap interaktivitas digunakan untuk berbagai kebutuhan yang berbeda. Berikut merupakan beberapa interaktivitas yang dapat dihasilkan dengan menggunakan Dynamic Panel dan contoh umum yang digunakan dalam membuat sebuah tampilan website:
- “Pin to Browser” Window
Interaktivitas ini mempunyai fungsi untuk meletakkan Dynamic Panel pada sebuah lokasi tertentu pada browser window. Letak Dynamic Panel tidak akan berubah walaupun browser window di scroll. Contoh umumnya adalah letak posisi header pada website yang akan selalu menempel di atas walau halaman dalam keadaan di scroll.
- “Set panel State” action
Action ini digunakan apabila terdapat lebih dari 1 (satu) state dalam sebuah Dynamic Panel. Kita dapat memilih state mana yang ingin dituju. Action ini berguna dalam membuat tab controls, Photo Carousel, dan tombol “Next” / “Previous”. Interaksi ini biasanya digunakan apabila ingin menuju ke sebuah tempat yang memiliki isi yang berbeda tanpa berpindah halaman.
- “Fit to Content”
Apabila checkbox “Fit to Content” dicentang, state pada Dynamic Panel akan menyesuaikan dan mencocokan ukuran dengan isi dari state tersebut. Sebagai contoh, apabila sebuah Dynamic Panel berisi sebuah gambar, maka gambar tersebut akan ikut melebar apabila Dynamic Panel kita perbesar ukurannya.
- 100% wide Backgrounds
Salah satu interaktivitas dari Dynamic Panel ini berfungsi untuk melebarkan Image atau warna agar sesuai dengan ukuran browser. Pada saat Preview di browser, akan tampak Image atau warna yang sudah 100% wide dan mengikuti lebar layar browser secara automatis walaupun browser window di-resize.
- Events dan Actions Spesial
Pada bagian ini akan menjelaskan tentang event dan action yang hanya dapat dilakukan dengan menggunakan Dynamic Panel. Jika ingin membuat sebuah widget yang dapat bergerak dengan cara di-drag, kita harus menggunakan Dynamic Panel dan event special seperti OnDragStart, OnDrag, OnDragDrop. Apabila ingin memberi sebuah interaktivitas pada Photo Carousel, kita dapat menggunakan event OnPanelStateChange.
