หนึ่งในคำถามที่ผมไปอบรมให้ทีม Developer ที่แสนสิริคือ
วิธีทำให้ Control Group Button แบบ horizontal กว้าง 100% (full-width page) ทำอย่างไร?
ปกติถ้าเราใช้ <div data-role=”controlgroup”> wrap button ไว้แล้ว กำหนด attribute data-type=”horizontal” ขนาดของ button จะหดลงไปขนาด “พอดีๆ” ซะอย่างนั้น
วิธีทำ คือเราต้องกำหนด CSS Rule ให้กับ <a> ใน control group เพิ่มเติมนั่นเอง ดูตามตัวอย่างเลยครับ
<div class="mycontrolgroup" ... >
<a ...></a>
<a ...></a>
<a ...></a>
</div>
.mycontrolgroup a {
width:33% // สำหรับ 3 buttons
}
วิธีนี้เป็นแบบ hot-fix ถ้าคุณจะเอา SaSS มาประยุกต์ใช้ก็ได้ ตามอัธยาศัยครับ
ที่มา – StackOverFlow.net