Cara Mengubah Background Toolbar di JQuery Mobile

Pada tutorial sebelumnya kita telah membahas penggunaan theme. Pada dasarnya  jQuery Mobile memiliki dua tipe theme yaitu putih dan hitam. Background atau theme ini bisa kita ubah sesuai dengan warna yang kita inginkan. Caranya dengan menambahkan theme yang baru kemudian mengatur stylenya. Hari ini saya akan mengajarkan cara mengubah backgroung toolbar. Silahkan buat kode jquery mobile seperti berikut :

Perhatikan dibagian header dan footer. Kita telah menambahkan data-theme c dimana theme ini belum memiliki style. Sekarang silahkan tambahkan style-nya seperti berikut :

class ui-bar-c merupakan class dari data-theme c . Pada class diatas kita telah memberikan style background berwarna merah. Simpan kode diatas dan jalankan pada browser.