ตัวอย่างการปรับแต่ง ความกว้าง-ความสูง ของ Select Box ใน PHP CI MANIA (CodeIgniter + Bootstrap + Select2) (Option List)

โดย SONGCHAI SAETERN
ตัวอย่างการปรับแต่งความกว้างของ Select Box ที่ทำงานกับ Select2()

ค่าเริ่มต้นในระบบ PHP CI MANIA จะกำหนดเป็น Auto คือปรับขนาดตามข้อมูลที่แสดง
ดังนั้น ความกว้างจะสั้นยาว ไม่คงที่แล้วแต่ข้อมูลที่เลือก


หากต้องการกำหนดค่าคงที่ ให้ปรับเปลี่ยนโดยการค้นหา setDropdownList()
หรือค้นหาชื่อ Select box ตัวนั้นๆ เพราะอาจจะมีการกำหนดหลายที่ด้วยคำสั่ง select2() เพิ่มเติม


หลังจากทดลองใส่พารามิเตอร์ตัวที่สอง เป็นความยาว 600
เมื่อบันทึก และกลับมารีเฟรชที่หน้าเว็บก็จะพบว่าความกว้างของ Select box ได้เปลี่ยนแปลงตามต้องการ


สำหรับการปรับความสูง ใช้ CSS กำหนดดังนี้

/* Select2 */
.select2-container .select2-choice {
height: 38px;
line-height: 36px;
}
.select2-container .select2-choice .select2-arrow b {
background-position: 0 5px;
}

ถ้าจะให้มีผลทุกที่ ให้ใส่ไว้ที่ Template ที่เราใช้งานเช่น ไฟล์

template/sb-admin-bs4/homepage_view.php


sb-admin-bs4  คือโฟลเดอร์ Template ที่เลือกใช้
homepage_view.php  คือไฟล์ที่เป็นหน้า Homepage หลักของเรามีผลกับทุกหน้า



วิธีสังเกตว่าเราใช้ Template ตัวไหน??







PHP CI MANIA - PHP Code Generator 

โปรแกรมช่วยสร้างโค้ด "ลดเวลาการเขียนโปรแกรม"
http://fastcoding.phpcodemania.com/index.php/#purchase-order
ราคาสุดคุ้ม  4,500  บาท
http://fastcoding.phpcodemania.com