Masino Sinaga

Web Development, PHPMaker, & PHP Report Maker

Anda di sini: Beranda / PHPMaker / Mudahnya Mendefinisikan Lebar Minimal Aplikasi Web dari PHPMaker
Betapa Mudahnya Mengakses Global Function di Aplikasi Web dari PHPMaker
Jendela Dialog Khusus untuk Advanced Search di Aplikasi Web dari PHPMaker

Mudahnya Mendefinisikan Lebar Minimal Aplikasi Web dari PHPMaker

Juli 27, 2014 oleh Masino Sinaga Tinggalkan Komentar

Seperti yang sudah kita ketahui, PHPMaker versi 11 mulai menggunakan Twitter Bootstrap versi 3. Selain itu, di versi 11 ini, PHPMaker juga menggunakan Less CSS yang memungkinkan Web Developer mendefinisikan kode CSS menggunakan variabel, fungsi campuran, dan banyak teknik lainnya sehingga kode CSS untuk Aplikasi Web yang dihasilkan oleh PHPMaker dapat dikelola dengan lebih mudah dan baik lagi.

Dengan kombinasi pemakaian Less CSS dan Twitter Bootstrap 3, PHPMaker mengoptimalkan keduanya dengan menyediakan kemudahan bagi Web Developer untuk mendefinisikan beberapa pengaturan lebar minimum Aplikasi Web dengan menggunakan CSS. Anda sebagai Web Developer dapat menentukan pengaturan ini dari menu tab HTML -> Theme -> Media queries breakpoints (Bootstrap).

Ada tiga kriteria lebar yang tersedia, yaitu: @screen-sm-min yang merupakan nilai minimal lebar layar terendah (sm = small) dengan nilai default 768, @screen-md-min yang merupakan nilai medium lebar layar pertengahan (md = medium) dengan nilai default 992, dan yang terakhir @screen-lg-min yang merupakan nilai minimal lebar layar terbesar (lg = large) dengan nilai default 1200.

Tentu saja Anda sebagai Web Developer dapat mengubah masing-masing ketiga nilai standar tadi sesuai kebutuhan Anda.

Dari masing-masing ketiga pengaturan tadi, PHPMaker juga menentukan nilai pengaturan lebar maksimum layar, yang nilainya merupakan selisih satu dari masing-masing dari ketiga nilai minimum tadi. Ketiga pengaturan maksimum dapat Anda lihat pada @screen-xs-max, @screen-sm-max, dan @screen-md-max. Disarankan untuk pengaturan maksimum ini tidak diubah. Yang perlu Anda ubah hanya nilai pengaturan minimum di atas tadi.

Setelah mengubah ketiga nilai tersebut, maka pastikan juga Anda men-generate ulang semua file script Aplikasi Web Anda, dan jangan lupa memuat ulang halaman Aplikasi Web Anda untuk mengimplementasikan kode CSS yang terbaru itu.

Ditempatkan di bawah: PHPMaker Ditag dengan:bootstrap, CSS, Less CSS, PHPMaker Indonesia, Tutorial PHPMaker, Twitter Bootstrap 3

Masino Sinaga

Web Developer pengguna PHPMaker untuk membangun Aplikasi Web sejak tahun 2004. Sampai sekarang masih aktif dan rajin membagikan pengalamannya menggunakan PHPMaker melalui situs masinosinaga.com dan ilovephpmaker.com.

Betapa Mudahnya Mengakses Global Function di Aplikasi Web dari PHPMaker
Jendela Dialog Khusus untuk Advanced Search di Aplikasi Web dari PHPMaker

Tinggalkan Balasan Batalkan balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Pos-pos Terbaru

  • Server Event Page_Render dan Page_Rendering di PHPMaker, Apa Sih Bedanya?
  • Begini Mudahnya Mengubah Judul Browser Secara Dinamis di PHPMaker 2021
  • Solusi Supaya PreviewRow dan PreviewOverlay Bisa Sama-Sama Berfungsi di PHPMaker 2021
  • Jangan Pernah Lagi Mencampur Kode PHP di Client Script atau Startup Script pada PHPMaker 2021
  • Seperti Ini Mudahnya Menyembunyikan Data Label di Chart dari PHPMaker 2021

Menu

  • Siapa Saya?
  • Web Development
  • PHPMaker
  • Umum
  • Syarat dan Ketentuan
  • Sitemap (Peta Situs)
  • Komentar

Komentar Terbaru

  • Masino Sinaga pada Setting Import Data Berikut Wajib Anda Ketahui Bedanya di PHPMaker 2021
  • Masino Sinaga pada Jangan Pernah Lagi Mencampur Kode PHP di Client Script atau Startup Script pada PHPMaker 2021
  • Masino Sinaga pada Mudahnya Menambahkan Global Function untuk Auto-Update Field di PHPMaker
  • Abu Syifa pada Setting Import Data Berikut Wajib Anda Ketahui Bedanya di PHPMaker 2021
  • Abu Syifa pada Jangan Pernah Lagi Mencampur Kode PHP di Client Script atau Startup Script pada PHPMaker 2021

Situs Terkait

  1. I Love PHPMaker
  2. Situs Resmi PHPMaker
  3. Forum Diskusi PHPMaker
  4. PHPMaker di IlmuKomputer.com
  5. PHPMaker Learning

Baru di PHPMaker?

Baca ini terlebih dulu ...

  1. Ayo Menjadi Web Developer yang Cerdas!
  2. PHPMaker: PHP Code Generator + PHP Framework
  3. Pertanyaan-Pertanyaan yang Paling Sering Diajukan Seputar PHPMaker
  4. Tips buat Anda Pemula yang Baru Mengenal dan Menggunakan PHPMaker
  5. Bacalah Help, Bacalah Help, dan Bacalah Help di PHPMaker!

(c) Masino Sinaga 2009 - 2019 | WordPress | Catat masuk | Kembali ke atas