Cara ubah tema/theme/skin aplikasi EXTJS

Kelebihan Extjs selain mudah dalam pembuatan UI adalah disediakannya tema / theme bawaan yang bervariasi. Berikut beberapa contoh tema yang dimiliki Extjs.

Tema Triton (default)

Tema Material

Berikut cara mengubah tema / theme aplikasi Extjs,

Buka file FolderAplikasi/app.json , contoh yang pernah buat aplikasi Login MantapApp/app.json
Ganti value dari config "theme" (baris ke 7) dengan tema yang diinginkan

Value pilihan tema yang tersedia adalah seperti yang saya tandai kotak merah di bawah ini,

Simpan
Buka Terminal, masuk folder Aplikasi (ex: MantapApp)
Jalankan perintah: sencha app build
Jalankan aplikasi: sencha app watch
Lihat hasil perubahannya di browser.

Bagaimana? Mudah bukan?

Sekian seri tutorial penting extjs kali ini. Semoga bermanfaat. Salam Extjs!

Seri Tutorial Extjs Berbahasa Indonesia

Komentar

Postingan populer dari blog ini

Download EXTJS 7.0.0 GPL

Silahkan kunjungi laman berikut: https://www.sencha.com/legal/gpl/ Silahkan isi form yang berada di sisi kanan, mulai dari nama, email sampai negara. Select Sencha Product : pastikan EXT JS Lalu klik tombol GET SDK . Cek email masuk dari Sencha. Di email tersebut ada link Download. Klik aja. Selesai! Langkah-langkah di atas adalah cara yang disarankan untuk mengunduh resource sdk extjs. 😊 Berikut direct link download, jika sudah tidak bisa mengunduh EXTJS versi 7.0.0, karena secara default link downloadnya auto pointing ke versi extjs yang terbaru. ext-7.0.0-gpl.zip Versi Lama lainnya: ext-6.2.0-gpl.zip ext-4.2.0-gpl.zip Note: Link download extjs 7.0.0 Link download extjs 6.2.0 Link download extjs 4.2.0

Baca selengkapnya

Membuat Aplikasi Login dengan EXTJS 7.0.0 (Part 1)

Sebelum memulai pembuatan aplikasi login dengan framework Extjs 7.0.0 pastikan sudah menyelesaikan tugas-tugas berikut ini: Download SDK EXTJS 7.0.0 Install Sencha Cmd Sudah saya buatkan tutorial instalasi masing-masing sistem operasi (OS), tinggal ikuti saja. Jika masih menemukan kesulitan, silahkan bertanya di kolom komentar. PERSIAPAN Buat folder baru dengan nama: ProjectExtJS , lokasi bebas. Sebagai contoh saya membuat di /Users/gosantha/ProjectExtJS . Untuk pengguna windows, misal di drive D:\ProjectExtJS Buat folder baru lagi di dalamnya dengan nama: sdk_extjs Pindahkan file ext-7.0.0-gpl.zip (SDK EXTJS 7.0.0) yang sudah di download ke folder sdk_extjs Ekstrak file ext-7.0.0-gpl.zip Kurang lebih seperti ini struktur folder projectnya. BUAT APLIKASI Buka Terminal (Linux/Mac) atau Command Prompt (Windows) Masuk ke folder ProjectExtJS dengan perintah cd ke_path_ProjectExtJS contoh punya saya: cd /Users/gosantha/ProjectExtJS contoh ...

Baca selengkapnya

Membuat Aplikasi Login dengan EXTJS 7.0.0 (Part 2)

Kita lanjut serial tutorial membuat Aplikasi Login dengan EXTJS 7.0.0. Tutorial ini merupakan lanjutan dari part 1. Jadi harus diikuti secara berurutan ya. A. GUNAKAN TEXT EDITOR PILIHANMU Bagi yang belum tahu apa itu Text Editor, secara sederhana di dunia pemrograman namanya aplikasi buat ngoding. Diantaranya: Sublime Text (Sublime) Visual Studio Code (VS Code) Atom Notepad++ DLL. Yang terpenting adalah saat ngoding dengan text editor tersebut mudah, nyaman dan bisa produktif. Kalau saya sendiri biasa pakai Sublime Text untuk project dengan Extjs atau php. Visual Studio Code untuk project android dengan Flutter. Pokoknya pilih yang cocok aja sama kebiasaanmu. B. PAHAMI AREA BERMAIN -> FOLDER APP Penampakan struktur folder MantapApp dibuka dengan Sublime Text Silahkan buka folder MantapApp dengan Text Editor (Sublime/VS Code/sejenisnya). Di dalamnya ada banyak folder dan file. Pastilah ya... Nah, fokus kita ada di folder app . Kita nantinya bakal berma...

Baca selengkapnya

Ansori, M.

Cari Blog Ini