Membuat select2 responsive


 

Kali ini share lagi tips membuat select2 menjadi responsive mengikuti lebar dari column di bootstrap, saya tidak akan menceritakan bagaimana cara menggunakan select2, cari sendiri di google banyak :).

So begini caranya cukup tambahkan window resize function menjadi seperti dibawah ini

    $(document).ready(function() {
      $(".select2").select2();
      $(window).resize(function() {
    $('.select2').css('width', "100%");
});

    });
    

Sudah gitu aja simple kan, semoga bermanfaat happy coding.

Advertisements

Design UI Cart codeigniter


Liburan pilkada daripada bengong main main dengan codeigniter lagi, coba coba redesign cart dari proyek lama, rencana mau ditawarin buat upgrade dari sistem yang lama ke design baru, syukur syukur diterima kalau ngga ya buat koleksi saja, siapa tau nanti ada yang minat setelah melihat video ini :D.

Sistem ini digunakan  untuk usaha percetakan, adapun beberapa fiturnya, diantaranya

  1. Proses pemesanan yang terhubung dengan database, sudah web based jadi kalau mo diupload ke internet sudah siap.
  2. Sistem pelaporan transaksi dengan sistem server side sehingga mau data ribuan bisa diload dengan ringan
  3. Sistem pelaporan data pemakaian kertas, dan tipe print
  4. Grafik laporan keuangan per bulan
  5. Sistem member
  6. Sistem Discount berdasarkan quantity
  7. Dll siap dimodif sesuai pesanan

Lanjut lagi ah kalau sudah berhasil gini sweneng banget jadi semangat ngoding lagi

Happy coding