วิธีปรับขนาดสั้น-ยาว textbox ใน xml fields ของ joomla

[jamepiyawat]

สำหรับท่านใด้ที่จะพัฒนาเว็บไซต์ joomla นั้นก็คงจะโมดูลที่ต้องเป็นแบบฟอมอะไรซักอย่างในหน้าหน้าตั้งค่าโมดูลของเราและแบบฟอร์มนั้นก็คงจะหนีไม่พ้นจะต้องมีฟิว textbox อย่างแน่นอนเพราะว่า textbox นั้นจะให้ผู้ใช้กรอกข้อมูลอะไรลงไปก็ได้นั้นเองไม่ว่าจะเป็นข้อมูลยาว ๆ หรือข้อมูลสั้ง ๆ textbox ก็สามารถเก็บข้อมูลพวกนี้ได้หมดแต่ว่าขนาดของ textbox ในไฟล์ xml ถ้าเราอยากให้มีขนาดที่สั้นลงเราจะทำยังไงวันนี้เราก็มีวิธีที่จะทำให้ textbox ใน joomla สั้น-ยาว กันจะเป็นอย่างไรลองไปดูกันเลย

ให้เราใส่ class พวกนี้ลงในลงไปในไฟล์ xml โมดูลที่จะทำให้ textbox สั้น หรือ ยาวขึ้นแล้วก็ตามด้วยคำสั่งดังนี้

input-mini
input-small
input-medium
input-large
input-xlarge
input-xxlarge

ยกตัวอย่างเช่นถ้าเราไม่ได้ใส่ class="input-xxlarge" ลงไป textbox ก็จะมีขนาดปกติ

Selection_999(153).png (4.95 KiB) Viewed 267 times

แต่ถ้าเราใส่ class="input-xxlarge" ลงไปแบบนี้

Code: Select all

<field name="url_popup" type="url" class="input-xxlarge" label="Enter link to popup" description="" size="10" hint="http://www.example.com"/>

เราก็จะได้ขนาด textbox ยาวขึ้น

Selection_999(152).png (5.29 KiB) Viewed 267 times

เป็นอย่างไรกันบ้างครับสำหรับการปรับขนาด textbox ใน joomla ให้สั้นหรือยาวลงไม่ยากอย่างที่เราคิดใช้ไหมล่ะครับก็อย่าลืมนะคำสั่ง class ไปใช้กันนะครับอยากจะให้ textbox สั้นหรือยาวเราสามารถปรับแต่งได้แล้วก็หวังว่าบทความนี้จะเป็นความรู้ให้กับผู้ที่สนใจเข้ามาอ่านกันนะครับ ทางผู้เขียนบทความก็หวังเป็นอย่างยิ่งว่าผู้ที่ได้ความรู้นี้จะนำความรู้นี้ไปแชร์ให้กับคนที่สนใจเรี่ยงเดียวกับเรา ๆ นะครับขอบคุณครับ