Apa itu marquee ? Marquee adalah suatu perintah dalam HTML untuk membuat teks bisa bergerak atau berjalan.
Dalam tag Marquee ini mempunyai beberapa attribute seperti dibawah ini :
- bgcolor : untuk mengatur background dari text marquee
- direction : untuk mengatur gerakan text (up,down,left,right)
- scrollamount : untuk mengatur kecepatan gerakan text
- behaviour : untuk mengatur effect dari gerakan
- width : untuk mengatur lebar area gerakan
- height : untuk mengatur tinggi area gerakan
- align : untuk mengatur posisi
- onmouseover : untuk menghentikan effect ketika mouse mendekat
- onmouseout : untuk menjalankan effect ketika mouse menjauh.
Pada suatu project membuat aplikasi android dengan cordova, saya ingin menambahkan text berjalan dengan isian text bisa di custom atau dinamik. User bisa menambah dan menghapus data text yang akan ditampilkan.
Target untuk menambah marquee ini akan sangat mudah di realisasi, karena memang sangat mudah di implementasi dan banyak contoh-contoh penggunaannya marquee di interenet, baik menggunakan plugin atau coding sendiri marqueenya dengan memanfaatkan tag-tag yang telah disediakan.
Untuk kali di aplikasi yang akan saya publish. Di tahap pengujian di PC/komputer tidak ada masalah yang berarti dan semua berjalan sesuai dengan design dan penggunaanya.
Di tahap kompiling dan pengujian real di Handphone android SDK 4.2.2 maupun di SDK 6.0.0, terjadi masalah, text yang ditampilkan tidak utuh secara sempurna. Terpotong di bagian awal sepanjang lebar papan tampilan.
Setelah beberapa saat mencari-mencari penyebabnya di google, terdapat1 solusi yang sangat tepat dan menyelesaikan masalah yang ada. Adapun solusinya adalah menggunakan marquee dengan menambah style pada marqueenya. Untuk style yang digunakan adalah :
marquee {display: inline-block;width: -webkit-fill-available;font-size:3em;}
Dari sekian plugin yang saya tidak ada yang berhasil dengan sempurna dengan berbagai macam kendala, karena marquee ini akan di jalankan di handphone android dengan2 SDK yang berbeda. Kadang sukses di SDK yang satu tapi gagal tampil di SDK yang lainnya.
0 komentar:
Posting Komentar