Membuat Button dengan Teks dan Icon di jQuery Mobile

24/07/2014    Rully Febrian    1659     Website

Pada aplikasi Mobile mungkin anda pernah melihat review dimana terdapat beberapa tombol yang berada di area header seperti cancel ,send ataupun done. Pada tutorial jQuery Mobile ini kita akan mempelajari bagaimana membuat sebuah tombol cancel / done dengan menggunakan teks dan icon yang telah tersedia di jQuery Mobile.

Untuk membuat tombol ini kita harus menambahkan data-position="inline" pada header yang mendefinisikan tombol akan diletakkan satu baris atau sejajar dengan header. Anda bisa mengetikkan script jQuery Mobile dibawah ini :

Membuat-Button-dengan-Teks-dan-Icon-di-Jquery-Mobile

data-icon mendefinisikan jenis icon yang mau kita letakkan.
Jika anda ingin melihat hasilnya silahkan simpan file diatas dengan nama jquery.html dan jalankan pada browser. Untuk melihat pengaruh dari data-position="fixed" anda harus mengatur ukuran browser ke ukuran mobile contohnya 300px X 445px. silahakan scroll kontennya maka header dan footer akan tetap pada posisinya.

Membuat-Button-dengan-Teks-dan-Icon-di-Jquery-Mobile

 

Baca juga Membuat Photo Ligthbox JQuery Mobile

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More