Cara Pasang template SbAdmin ke Codeigniter4

Selamat siang pada kesempatan kali kita akan coba memasang template sbadmin kedalam codeigniter4 SB Admin adalah template admin Bootstrap, gratis dan bersumber terbuka. Template ini menggunakan gaya Bootstrap 4 default bersama dengan berbagai plugin untuk membuat kerangka kerja yang kuat untuk membuat panel admin, aplikasi web, atau UI dasbor untuk proyek Anda berikutnya. Seperti biasa Download tempplate sb admin https://github.com/BlackrockDigital/startbootstrap-sb-admin-2/archive/gh-pages.zip Download codeigniter 4 https://codeigniter.com/download Karena pada codeigniter 4 url helper sudah aktif kita tidak perlu lagi untuk mengaturnya. jadi kita bisa langsung memamnggil fungsi base_url(). Setting base_url di app/Config/App/php $baseURL…

Cara Integrasi Template Adminlte ke Codeigniter 4

Cara integrasi template adminlte ke codeigniter 4 AdminLTE adalah templat WebApp sumber terbuka populer untuk dasbor admin dan panel kontrol. Ini adalah template HTML responsif yang didasarkan pada kerangka CSS Bootstrap 3. Ini menggunakan semua komponen Bootstrap dalam desainnya dan menata ulang banyak plugin yang biasa digunakan untuk membuat desain yang konsisten yang dapat digunakan sebagai antarmuka pengguna untuk aplikasi backend . AdminLTE didasarkan pada desain modular, yang memungkinkannya untuk disesuaikan dan dibangun dengan mudah. Langsung saja tanpa banyak basa basi 😀 Download adminlte disini https://github.com/ColorlibHQ/AdminLTE/releases admin menggunakan adminlte versi…

For Loop Didalam Tag Select HTML

For loop merupakan salah satu perulangan yang biasanya data yang akan ditampilkan sudah kita ketahui sebelumnya. Contohnya dalam menampikan bulan, karena bulan sama dengan 12. For loop <?php for($i=1;$i<=12;$i++){ //execute }?> Html select <select name=”bulan”> <option value=”pilih”>PILIH</option> </select> Ada beberapa cara untuk menempatkan foor loop didalam select, contohnya seperti berikut. Cara 1: <select name=”bulan”> <option>PILIH</option> <?php for($i=1;$i<=12;$i++){ ?> <option value=”<?php echo $i;?>”><?php echo $i;?></option> <?php }?> </select> Cara 2: <select name=”bulan”> <option>PILIH</option> <?php for($i=1;$i<=12;$i++): ?> <option value=”<?php echo $i;?>”><?php echo $i;?></option> <?php endfor;?> </select> Cara 3: <select name=”bulan”> <option>PILIH</option> <?php…

Cara menggabungkan bootstrap dengan codeigniter

Bootstrap adalah kerangka kerja CSS yang sumber terbuka dan bebas untuk merancang situs web dan aplikasi web. Kerangka kerja ini berisi templat desain berbasis HTML dan CSS untuk tipografi, formulir, tombol, navigasi, dan komponen antarmuka lainnya, serta juga ekstensi opsional JavaScript. (Menurut WIKIPEDIA) CodeIgniter merupakan aplikasi sumber terbuka yang berupa kerangka kerja PHP dengan model MVC untuk membangun situs web dinamis dengan menggunakan PHP. CodeIgniter memudahkan pengembang web untuk membuat aplikasi web dengan cepat dan mudah dibandingkan dengan membuatnya dari awal. (Menurut WIKIPEDIA) Codeigniter merupakan kerangka kerja untuk membuat aplikasi…

Integrasi bootstrap pada jquery datatable

Integrasi bootstrap pada jquery datatable Haloo selamat malam. kali ini admin akan membuat artikel tentang Integrasi bootsrap pada jquery datatable. Sebelumnya admin pernah membuat artikel tentang cara menggunakan datatable (client side), hanya saja pada artikel tersebut kita memakai template bawaan dan memakai library dari luar (cdn). nah pada kesempatan kali ini kita akan memasang framework bootstrap pada datatable. dengan cara mendownload librarynya. Berikut caranya: 1. masuk ke website datatable https://datatables.net/download/ 2. pada bagian “Step 1. Choose a styling framework” pilih bootsrap 4 3. Scroll kebawah sampai “Step 3. Pick a…

Cara menggunakan datatable ( client side )

Datatable merupakan plugin jquery untuk membuat table mempunyai fitur seperti pencarian data, sorting data, pagination dan semacamnya. datatable client side melakukan pemrosesan data hanya pada sisi client saja atau pada sisi browser, artinya semua data harus ditampilkan semua. dalam menggunakan datatable client side tidak direkomendasikan untuk jumlah row yang banyak atau row jang jumlahnya ribuan. Untuk penggunaan dengan jumlah row yang banyak admin sarankan menggunakan datatable server side karena pemrosesan data juga dilakukan di dalam backend sehingga kita tidak langsung menampilkan data sekaligus melainkan diberi batas limit dari server sebelum…

Membuat tampilan website dengan framework bootstrap

Membuat tampilan website dengan framework bootstrap Bootstrap adalah Kerangka CSS yang paling populer untuk mengembangkan situs web yang responsif. Pada tutorial ini kita akan memakai bootsrap 4 yaitu versi terbaru dari pendahulunya bootsrap versi 3. Untuk mendapatkannya kita bisa mendownload boostrap dilink berikut: https://getbootstrap.com/ Sebelumnya admin telah membuat artikel CRUD PHP NATIVE MYSQLI Data Pelanggan. nah pada kesempatan kali ini pula kita akan memasang memperbarui tampilan menggunakan boostrap 4. Pada tampilan sebelumnya adalah seperti ini: Lalu akan kita rubah seperti: Terlihat jelas sekali bukan perbedaanya 🙂 Pertama kita buat dahulu…

Cara mengecilkan sidebar adminlte 3

Mungkin ada yang mau coba mengecilkan sidebar pada template adminlte 3 karena merasa kebesaran. gampang ko tinggal rubah widthnya saja di cssnya, Langsung saja berikut caranya: Buka file css adminlte.min.css di folder dist/css/adminlte.min.css lalu replace 250px dengan 200px setelah itu jangan lupa simpan filenya. sebenarnya ada cara lain lagi namun ini cara cepatnya. berikut tampilan sebelum dan sesudah nya Sebelum: Sesudah: