Project Pertama Intel XDK - III

Di part sebelumnya, kita udah buat 2 biji tombol lagi yaitu "Materi" dan "Soal".... Okie disini pertama-tama kita buat page baru lagi, nama pagenya "soal" page ini tar akan dikonekin ke tombol soal... :)

Balik ke page materi, Terus scroll ke bawah jauh.. dibagian kiri ada tab "Interactivity" naah disitu kita hubungin tiap button, back ke main page, materi ke materi, terus soal ke page soal kyk gini :

Naaah....sampe sini kita udah konekin setiap button ke masing-masing page yang bersesuaian.... Berikutnya adalah ngatur background pagenya,,, klik sembarang tempat di page materi,,, terus di panel sebelah kanan tar ada menu background, nah itu diklik trs pilih new :

Daan...silahkan atur2 sendiri backgroundnya sesuai selera... :D
Klu Hisoka kek gini :

Siiips... ini akhir dari quiz kedua... yeeeiii... :D


Beralih ke part berikutnya....

Project Pertama Intel XDK - II

Di Part sebelumnya kita udah nambain button....mmmm.... tulisan buttonnya dikosongin, jadi tinggal iconnya ajjah...

Terus buat style baru, caranya pencet menu "custom" terus pilih "new" :

Terus kasiin nama, misalnya transparent :

Terus di dalam style transparent tersebut, masukin kode ini terus pencet save style :

Naaah...setelah disave kita liad buttonnya jadi transparant kek gini :

Okiee..terus kembali select buttonnya, terus kita buat style baru, tapi sekarang pilih yang "Text" :

Pilih new terus masukin namanya "Putih"

Terus centang pilihan color, terus pencet yang warnanya buat diganti jadi warna putih :

Naaah...tar gambar rumah di buttonnya jadi putih kyk gini :

Tuuuh... jadi putih yang sebelumnya warna item... :D
Neext... drag and drop image :

Naaah... pas kita tambain image XDK-nya otomatis masukin image sendiri, sooo tinggal kita ganti imagenya lewat kotak ijo di sebelah kanan atas jadi kyk gini :

Terus drag and drop 2 biji tombol dan atur jadi kyk gini :

Terus mari kita atur button "Materi" dan "Soal"...Yang akan kita lanjutkan di part berikutnya... :)