UI Kits

จากเวอร์ชัน 5.0.21.01 ตัวออกแบบหน้ามีคุณลักษณะใหม่ที่เรียกว่าชุด UI เพื่อสร้างส่วนประกอบที่ใช้ซ้ำได้ซึ่งสามารถใช้ร่วมกันในหลายๆ หน้าได้ ส่วนประกอบที่ใช้ซ้ำได้จะต้องมีการทำเครื่องหมายเป็นชุด UI ก่อน หากต้องการสร้างองค์ประกอบ UI เป็น UI Kit โปรดใช้เมนู UI Kit ที่แผงเมนูด้านซ้าย ขั้นตอนในการสร้าง UI Kit ในหน้า

เลือกคอมโพเนนต์ UI ที่คุณต้องการสร้างเป็นชุด UI ที่ใช้ซ้ำได้

คลิกที่ไอคอน UI Kit บนเมนูแถบด้านข้างซ้าย

คลิกที่ไอคอน '+' บนป๊อปอัพ UI KITS

ใน pop-up ให้ป้อนชื่อ Kit ที่คุณต้องการสร้าง

และคลิกปุ่ม 'Create'

เมื่อสร้างสำเร็จแล้ว pop-up สีเขียวจะปรากฏขึ้น ส่วนประกอบที่สร้างขึ้นจะปรากฏใต้แท็บ 'User Customize' ปรับแต่งผู้ใช้ ในหน้าต่าง pop-up UI KITS

ผู้ใช้สามารถใช้งานได้โดยลากจากหน้าต่าง pop-up UI KITS แล้ววางในตำแหน่งที่ต้องการภายใน PageContent

ผู้ใช้ยังสามารถลบ UI Kits ออกจากแอพได้โดยการลบออกจากหน้าต่าง pop-up UI Kits

Export and Import UI Kits from other apps เมื่อผู้ใช้สร้าง UI Kit แล้ว สามารถใช้มันในหน้าปัจจุบัน หรือสามารถส่งออก (Export) และนำเข้า (Import) ไปยังแอพพลิเคชันอื่นในระบบของ ONEWEB หากต้องการส่งออกหรือนำเข้าชุดเครื่องมือ UI Kits แท็บใหม่จะถูกเพิ่มภายใต้แท็บ Resources ในหน้าแรกของ Page Designer

หากต้องการส่งออก (Export) ชุด UI Kits จากแอพ ให้คลิกที่ปุ่ม Export UI Kits

เลือกส่วนประกอบ UI Kit ที่จะรวมไว้ในแพ็คเกจการส่งออก ใส่ package name และ namespace ด้วย คลิก Export เลือกโฟลเดอร์ที่คุณต้องการบันทึก UI Kit

เมื่อส่งออกสำเร็จ pop-up สีเขียวจะปรากฏขึ้น

ในการเพิ่ม UI Kits ให้คลิกที่ปุ่ม Add UI Kits และเลือกแพ็คเกจจากโฟลเดอร์ระบบของคุณ

เมื่อเพิ่มแล้วจะแสดงแพ็คเกจในรายการชุด UI Kits ของคุณ

หากต้องการใช้ชุดเครื่องมือ UI kits ที่นำเข้าในการออกแบบเพจ

ไปที่หน้าเว็บที่คุณต้องการเพิ่มชุดเครื่องมือ UI Kits

คลิกที่เมนู UI Kit บนแถบด้านซ้าย

คลิกที่แท็บ UI Toolkit ภายนอกในหน้าต่างป๊อปอัพ UI Toolkit

มันจะแสดงรายการเครื่องมือ UI Kits ที่มีอยู่สำหรับการนำเข้าแอพ

คุณสามารถลากจาก pop-up UI Kits ไปยังตำแหน่งที่ต้องการภายใน Page Content ของคุณ