รูปที่ 1: คุณสมบัติ Userview
| ชื่อ | คำอธิบาย |
|---|---|
| Theme | เลือกชุดรูปแบบเพื่อแสดง Userview |
| Mobile View Disabled | เมื่อเลือก Userview จะไม่ปรากฏในรายการในมุมมองโทรศัพท์มือถือ |
| Description | คำอธิบาย Userview ที่หมายถึงสำหรับการใช้งานนักพัฒนา/ผู้ดูแลระบบเท่านั้นเพื่ออธิบายวัตถุประสงค์ขององค์ประกอบนี้ |
รูปที่ 2: Userview Properties - Configure Permission
| ชื่อ | คำอธิบาย |
|---|---|
| Hide this Userview in App Center? | เมื่อเลือกรายการนี้ Userview เฉพาะนี้จะไม่ปรากฏในรายชื่อของ App Center |
| Permission Type | จัดการสิทธิ์ที่จะเห็น Userview นี้ ดูที่ การควบคุมสิทธิ์. |
| Temporarily disable permission checking for testing? | เมื่อเลือก การตั้งค่าสิทธิ์ทั้งหมดเป็น Userview และประเภท Userview จะถูกบายพาส นี่คือตัวเลือกที่สะดวกสำหรับตัวออกแบบแอปเพื่อให้สามารถเข้าถึงเมนูทั้งหมดสำหรับการทดสอบ Important Note อย่าลืมปิดการทดสอบนี้ครั้งเดียว Important Note การดำเนินการนี้จะไม่ข้ามการตั้งค่าสิทธิ์ภายในฟอร์มและส่วนของฟอร์ม ชื่อสีแดง/ไอคอนแสดงให้เห็นว่า "สิทธิ์ที่ปิดใช้งานสำหรับการทดสอบ" จะปรากฏบน Userview ใน App Center เช่นเดียวกับในรันไทม์ Userview เอง
|
รูปที่ 3: Userview Properties - Login Page UI
| ชื่อ | คำอธิบาย |
|---|---|
| Custom HTML (Before Login Form) | รหัส HTML ที่คาดไว้ที่นี่ |
| Custom HTML (After Login Form) | รหัส HTML ที่คาดไว้ที่นี่ |
รูปที่ 4: Userview Properties - Mobile Options
ชื่อทั่วไป | คำอธิบาย |
|---|---|
Mobile Offline Cache Enabled | เมื่อเปิดใช้งานความสามารถในการแคชออฟไลน์มือถือจะถูกนำมาใช้ในระหว่างออฟไลน์เมื่อเป็นไปได้และเมื่อไม่จำเป็นต้องใช้เซิร์ฟเวอร์แบบเรียลไทม์ สถานะเครือข่ายจะแสดงตามที่แสดงในรูปที่ 6 |
Mobile Login Required First | ตรวจสอบว่าผู้ใช้ต้องเข้าสู่ระบบใน Joget ก่อนหรือไม่ก่อนที่จะดู Userview |
ชื่อแอตทริบิวต์ของ UI | คำอธิบาย |
|---|---|
Mobile View Background URL | เส้นทางไปยังภาพพื้นหลัง (เช่น http://localhost:8080/background.jpg) |
Mobile View Background Color | สีพื้นหลัง (เช่น #FCFDED) |
Mobile View Background Style |
|
Mobile View Translucent Effect | |
Mobile View Logo URL | เส้นทางไปยังรูปภาพโลโก้ (เช่น http://localhost:8080/logo.jpg) |
Mobile View Logo Width | ความกว้างของภาพโลโก้ (หน่วยต้องระบุ) (เช่น 142px) |
Mobile View Logo Height | ความสูงของภาพโลโก้ (หน่วยต้องระบุ) (เช่น 46px) |
Mobile View Logo Alignment | การจัดตำแหน่งของโลโก้
|
Mobile View Custom CSS | อินไลน์ CSS สำหรับการปรับแต่งเพิ่มเติม |
รูปที่ 5: ตัวอย่างการกำหนดค่ามุมมองมือถือและตัวอย่าง
รูปที่ 6: ตัวอย่างมุมมองมือถือที่มีลักษณะพิเศษโปร่งแสง
รูปที่ 7: ตัวบ่งชี้สถานะออนไลน์