Dynamic Layout

Dynamic Layout เป็นรูปแบบที่ผู้ใช้งานสามารถออกแบบการแสดงผลของหน้าจอ Application สามารถเคลื่อนย้ายตำแหน่งการ์ดได้ โดยไม่ถูกบังคับด้วยแบบฟอร์มเหมือน Layout มาตรฐาน สามารถเพิ่มเติมหรือลบส่วนที่ไม่ต้องการออกจากหน้าจอได้
การทำงาน Dynamic Layout และ Cards
- เลือก Template ที่ชื่อว่า Dynamic_Layout
- สร้างเค้าโครง (Layout) ที่ต้องการ สามารถสร้างได้มากกว่า 1 ชิ้น
- สร้างคุณสมบัติเบื้องต้นของเค้าโครง (Layout)
- กำหนดการ์ดลงในเค้าโครง (Layout) ที่ต้องการ สามารถใส่การ์ดได้มากกว่า 1 ชิ้น
การสร้าง (Layout)
- เลือก Template (Dynamic_Layout_001)

- สร้าง (Layout) เพื่อใช้งาน

- กำหนดชื่อ (Layout)

- กำหนดคุณสมบัติของ Layout : แนวตั้ง (Vertical), แนวนอน (Horizontal)


- กำหนดคุณสมบัติเพิ่มเติม สำหรับโหมดแนวนอน ให้สามารถ Scroll ได้ (True) หรือไม่ได้ (False)

- กำหนดคุณสมบัติเพิ่มเติม สำหรับความสูง (Resize Height) ความกว้าง (Layout) โดยค่าตั้งต้นคือ Auto


การสร้างการ์ดใน Dynamic Layout แบบ Manual
เลือกประเภทของการ์ดที่ต้องการนำมาใช้กับ Dynamic Layout

เลือกการ์ดที่ต้องการ

ตั้งชื่อการ์ด

ใส่ข้อมูลลงไปยังการ์ด

ปรับแก้ไขคุณลักษณะของการ์ด ในส่วนของความกว้าง และระยะห่าง

ยืนยันการสร้างการ์ด

ผลลัพธ์

การสร้างการ์ดใน Dynamic Layout แบบ List
เลือกคุณสมบัติของการ์ด List

เลือกชื่อ API ที่ต้องการ

เลือกการ์ดที่ต้องการ

ตั้งชื่อการ์ด

ใส่ข้อมูลลงไปยังการ์ด

ปรับแก้ไขคุณลักษณะของการ์ด ในส่วนของความกว้าง และระยะห่าง

ยืนยันการสร้างการ์ด

ผลลัพธ์

การใช้งาน Switch Card
กดปรับแก้ไขการ์ด

เลือกเมนู Switch Card

เลือกการ์ดที่ต้องการ

เลือกข้อมูลที่ต้องการแสดง

ผลลัพธ์

ยกเลิกการ Switch Card
กดปรับแก้ไขการ์ด

เลือกเมนู Edit

กดปุ่ม Remove Switch Card

ยืนยันการลบ (OK)

กดปุ่ม Save Switch Card

ผลลัพธ์
