Masino Sinaga

Web Development and PHPMaker

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

Ming, 27 Juli 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, ilovephpmaker.com, dan phpmakerprojects.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 *

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari bagaimana data komentar Anda diproses

Pos-pos Terbaru

  • Masino Extensions for PHPMaker 2025 Now Changed!
  • Begini Mudahnya Mengurangi Lebar Combobox pada PHPMaker 2025
  • Mudahnya Mengubah Nilai Delay Auto Hide Success Message di PHPMaker 2025
  • Mudahnya Berpindah Layout dari Table ke Cards di Halaman List lewat PHPMaker 2025
  • Jangan Lupa Pakai AdjustSql Saat Insert atau Update Data Lewat ExecuteStatement

Menu

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

Komentar Terbaru

  • Masino Sinaga pada Cara Mengetahui Detail Error di Aplikasi Web yang Dihasilkan oleh PHPMaker 2021
  • Dendi pada Cara Mengetahui Detail Error di Aplikasi Web yang Dihasilkan oleh PHPMaker 2021
  • Charly pada PHPMaker: PHP Code Generator + PHP Framework
  • Masino Sinaga pada PHPMaker: PHP Code Generator + PHP Framework
  • Masino Sinaga pada PHPMaker: PHP Code Generator + PHP Framework

Situs Terkait

  1. I Love PHPMaker
  2. Situs Resmi PHPMaker
  3. Forum Diskusi PHPMaker
  4. PHPMaker di IlmuKomputer.com
  5. PHPMaker Projects
  6. 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 - 2025 | WordPress | Catat masuk | Kembali ke atas