Muhammad Hafid

Blog Belajar Python atau Django

Muhammad Hafid

Tugas kita itu adalah bukan untuk berhasil, tugas kita adalah untuk mencoba, karena di dalam mencoba itulah kita menemukan dan belajar membangun kesempatan untuk berhasil.

Customize Tabbed Admin Django with Grapelli Theme

Tabbed admin adalah salah satu plugin django framework yang menurut saya sangat mudah apabila ingin menerapkan model form dalam bentuk tab-tab, seperti dibawah ini :


Jika kalian bermain dengan plugin ini dan memasangkan di form kalian, pasti kalian akan bertanya tanya bahwa warna dari tab yang saya contohkan berwarna kuning, secara default tabbed admin berwarna biru tua untuk kondisi not active click dan biru muda untuk kondisi active click.

Disini saya menggunakan template grapelli admin, dan alasan saya mengapa saya ingin mencustom style dari tabbed admin dikarenakan style css nya bentrok / duplicate dengan style grapelli admin saya sehingga ada salah satu elemen yang menjadi tidak enak untuk di pandang.

Pertama kalian buka settings.py dan tambahkan baris dibawah ini :
TABBED_ADMIN_USE_JQUERY_UI = True
TABBED_ADMIN_JQUERY_UI_CSS = 'static/tabbed_admin/tabbed_grappelli_admin.css'
Tabbed admin jquery ui css, kalian bisa menentukan path dimana file css custom tabbed admin kalian ingin diletakan, pada contoh kali ini saya meletakannya di folder static dan saya buat folder lagi dengan nama tabbed_admin dan masukan customize css nya dengan saya beri nama filde css nya dengan nama tabbed_grapelli_admin.css.

Maka akan secara otomatis si tabbed_admin akan membaca settingan css nya ke path yang sudah kita tentukan.

Selamat mencoba.!
Labels: Django , python

Thanks for reading Customize Tabbed Admin Django with Grapelli Theme . Please share...!

0 Comment for "Customize Tabbed Admin Django with Grapelli Theme"

Back To Top