Semua Artikel

Menampilkan menu beserta sub-menu pada Apricot CMS menggunakan Bootstrap dan CSSmenumaker

Menampilkan menu beserta sub-menu pada Apricot CMS menggunakan Bootstrap dan CSSmenumaker

  May 11,2016   Sandro Brayen   Dibaca 3958 kali Javascript codeigniter CMS
Pada tutorial kita kali ini, kita akan belajar cara membuat menu beserta sub menunya pada tema Apricot CMS.      Nah pada tutorial pertama, kita sudah bisa menampilkan semua daftar menu beserta sub menunya tapi hanya masih berbentuk raw HTML list. Namun pada tutorial kali ini kita akan membuat menu yang 100% sudah jadi.       Pada pembuatan menu kali ini, kita akan membuat 2 menu. Yang satu menggunakan Cssmenumaker dan yang satunya menggunakan Bootstrap.Kelebihan dari cssmenumaker dibandingkan dengan bootstrap, cssmenumaker relative lebih mudah dibuat dan support multilevel sub menu  . Sedangkan pada bootstrap, hanya mendukung beberapa level sub menu saja dan konfigurasinya agak…
Tutorial pagination server side (Ajax) pada DataTable

Tutorial pagination server side (Ajax) pada DataTable

  May 09,2016   Sandro Brayen   Dibaca 9557 kali Javascript ajax codeigniter
Hai semuanya, selamat datang ditutorial pada kali ini.     Kali kita akan belajar cara menggunakan pagination menggunakan DataTable dan tentunya server side (Ajax).     Siapa sih yang gak kenal DataTable? Saat ini hampir semua aplikasi yang memiliki data data yang dimuat didalam table, pasti pada tablenya menggunakan DataTable.     Dengan DataTable, table akan lebih user friendly, rapi karena disediakan fitur fitur menarik seperti seach field dan pagination.   Lalu apa bedanya pagination client side dan server side?     Pada pagination client side, semua data akan muat terlebih dahulu oleh browser, dan setelah semua data telah dimuat, barulah dipisahkan…
Panduan menampilkan kategori dan sub kategori pada tema Apricot CMS

Panduan menampilkan kategori dan sub kategori pada tema Apricot CMS

  May 09,2016   Sandro Brayen   Dibaca 1939 kali codeigniter CMS
Selamat datang lagi pada sesi tutorial tentang Apricot CMS.   Pada tutorial kali ini saya akan membagikan cara menampilkan kategori beserta sub kategori saat anda mendevelope tema untuk Apricot CMS.      Perlu diketahui bahwa Apricot CMS mendukung unlimited sub kategori untuk kategori artikel. Dengan kata lain, ketika kamu membuat kategori, dibawahnya kamu bisa menambahkan sub-kategori , dan dibawah sub kategori tersebut, bisa kamu tambahkan sub-kategori lagi. Begitu seterusnya (unlimited).     Jika kamu sudah pernah pernah membaca referensi membuat tema pada Apricot CMS, kamu akan menemukan bahwa sudah tersedia variable umum bernama $kategori_artikel yang  memuat kategori dan tinggal kamu tampilkan. Namun,…
Tutorial upload multiple foto dengan ajax dan Codeigniter (Dropzone.js)

Tutorial upload multiple foto dengan ajax dan Codeigniter (Dropzone.js)

  May 02,2016   Sandro Brayen   Dibaca 9845 kali Javascript ajax codeigniter
Selamat datang pada tutorial hari ini.       Kali ini saya mau membagikan panduan gimana caranya melakukan upload banyak foto sekaligus dengan menggunakan framework Codeigniter, dan tentunya proses uploadnya melalui ajax.     Btw alasan saya membuat tutorial ini adalah dikarenakan sejak pertama kali saya publish Apricot CMS, saya banyak menerima pesan masuk dari teman teman yang sebagian besar menanyakan tentang komponen kompenen didalamnya.     Dan salah satu yang sering ditanyakan adalah tentang fitur drag dan drop upload gambar yang ada pada halaman admin Apricot CMS.      Contoh area upload pada yang ada pada halaman administrator…
Panduan membuat Live CRUD dengan Codeigniter dan Ajax

Panduan membuat Live CRUD dengan Codeigniter dan Ajax

  April 26,2016   Sandro Brayen   Dibaca 24253 kali Javascript
Jumpa lagi dengan artikel tutorial hari ini.   Hari ini saya akan membagikan tutorial dengan framework codeigniter cara membuat model live CRUD (create,read,update,delete) didalam table. Kata live disini maksudnya adalah, saat kita melakukan penambahan atau perubahan data pada table atau didalam sel table,hanya dengan menekan tombol &singlequote;Enter&singlequote; maka semua data yang kita tambahkan/ubah akan langsung dikirim dan diupdate ke database tanpa perlu mereload halaman. Semua request akan dilakukan dengan Ajax. Pada proses delete, akan muncul dialog konfirmasi untuk memastikan agar tidak mengalami penghapusan data secara tidak sengaja. Dialog konfirmasi ini menggunakan plugin sweetalert  …