Pendidikan Teknik Informatika Universitas Negeri Malang

Kembali lagi dengan saya bagaimana membuat aplikasi Windows 8 dengan menggunakan template yang telah di sediakan. Kalau sebelumnya sudah membuat template dari Visual Studio 2012 dan memodifikasi tampilannya, Sekarang kita akan memodifikasi halaman awal untuk langkah-langkahnya dapat diikut di bawah ini.

Okay, langsung saja persiapkan alat dan bahannya. Setelah semua siap silahkan simak dan ikuti langkah-langkah dibawah ini:

  • Pertama kita akan memodifikasi groupitems yaitu tampilan awal dari template yang telah kita buat sebelumnya.
  • Pertama yang kita lakukan adalah buka groupedItems.html di solution explorer. Kemudian cari elemen H4 dan kemudian delete. Setelah itu juga cari element yang bertuliskan “textContent:Title” kemudian ganti dengan “textContent:shortTitle” .
  • Kemudian kita modifikasi CSS untuk groupedItems. Cari ”.groupeditemspage .groupeditemlist .item”  kemudian rubah seperti gambar di bawah ini.

1

  • Setelah itu turun sedikit nanti kalian akan menemukan ”.groupeditemspage .groupeditemlist .item .item-overlay” dan rubah seperti gambar di bawah ini.

2

Jika sudah, coba jalankan tampilan grid dan overlay untuk judul pasti akan berubah.

Saya rasa untuk modifikasi template grid dengan menggunakan javascript bagian groupeditems cukup dulu sampai disini. Kalian bisa memodifikasi sesuka kalian dan semenarik mungkin. Untuk selanjutnya kita akan membahas bagaimana memodifikasi groupeddetails.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

The WordPress.com Blog

The latest news on WordPress.com and the WordPress community.

%d bloggers like this: