Versions Compared

Old Version 1

changes.mady.by.user Hugo

Saved on

compared with

New Version Current

changes.mady.by.user Nitchakan Maneelam

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Figure รูปที่ 1: Userview Propertiesคุณสมบัติ Userview

Name
ชื่อ
Description
คำอธิบาย
Theme
Select a theme to render the
เลือกชุดรูปแบบเพื่อแสดง Userview
Mobile View Disabled
When checked, the Userview will not appear in the listing in mobile view.

เมื่อเลือก Userview จะไม่ปรากฏในรายการในมุมมองโทรศัพท์มือถือ
Image Modified

Descriptionคำอธิบาย Userview
description meant for developer/admin consumption only to describe the purpose of this element.
ที่หมายถึงสำหรับการใช้งานนักพัฒนา/ผู้ดูแลระบบเท่านั้นเพื่ออธิบายวัตถุประสงค์ขององค์ประกอบนี้

Figure รูปที่ 2: Userview Properties - Configure Permission

Name
ชื่อ
Description
คำอธิบาย
Hide this Userview in App Center?
When checked, this particular Userview will not appear in the App Center's listing.
เมื่อเลือกรายการนี้ Userview เฉพาะนี้จะไม่ปรากฏในรายชื่อของ App Center
Permission Type
 Manage the permission on who to see this Userview. See

 จัดการสิทธิ์ที่จะเห็น Userview นี้ ดูที่ การควบคุมสิทธิ์.
Image Modified

Temporarily disable permission checking for testing?
When checked, all permission set to Userview and Userview Category will be bypassed. This is a convenient option for app designer to gain access to all menus for testing.

เมื่อเลือก การตั้งค่าสิทธิ์ทั้งหมดเป็น Userview และประเภท Userview จะถูกบายพาส นี่คือตัวเลือกที่สะดวกสำหรับตัวออกแบบแอปเพื่อให้สามารถเข้าถึงเมนูทั้งหมดสำหรับการทดสอบ

Warning
titleImportant Note
Remember to turn this off once testing is done.

อย่าลืมปิดการทดสอบนี้ครั้งเดียว

Warning
titleImportant Note

This will not bypass permission set inside Form and Form Section.

A red colored label/icon denoting "Permission disabled for testing" will appear on the Userview in the App Center as well as in the Userview runtime itself.

การดำเนินการนี้จะไม่ข้ามการตั้งค่าสิทธิ์ภายในฟอร์มและส่วนของฟอร์ม

ชื่อสีแดง/ไอคอนแสดงให้เห็นว่า "สิทธิ์ที่ปิดใช้งานสำหรับการทดสอบ" จะปรากฏบน Userview ใน App Center เช่นเดียวกับในรันไทม์ Userview เอง

Image Modified

Image Modified

Figure รูปที่ 3: Userview Properties - Login Page UI

Name
ชื่อ
Description
คำอธิบาย
Custom HTML (Before Login Form)รหัส HTML
code is expected here.
ที่คาดไว้ที่นี่
Custom HTML (After Login Form)รหัส HTML
code is expected here.
ที่คาดไว้ที่นี่

Figure รูปที่ 4: Userview Properties - Mobile Options

General - Name

ชื่อทั่วไป

Description

คำอธิบาย

Mobile Offline Cache Enabled

When enabled, mobile offline caching capability will be used during offline when possible and when realtime server respond is not required. Network status will be indicated as depicted in Figure 6.
(e.g. User will be able to reopen links/pages in offline mode (as they have been cached) that have been opened before when the user was online

เมื่อเปิดใช้งานความสามารถในการแคชออฟไลน์มือถือจะถูกนำมาใช้ในระหว่างออฟไลน์เมื่อเป็นไปได้และเมื่อไม่จำเป็นต้องใช้เซิร์ฟเวอร์แบบเรียลไทม์ สถานะเครือข่ายจะแสดงตามที่แสดงในรูปที่ 6 
(เช่นผู้ใช้จะสามารถเปิดลิงก์/หน้าในโหมดออฟไลน์ได้อีกครั้ง (เนื่องจากถูกแคชไว้) ที่เปิดอยู่ก่อนที่ผู้ใช้ออนไลน์)

Mobile Login Required First

Determine whether a user must first login into Joget or not before viewing the Userview.

ตรวจสอบว่าผู้ใช้ต้องเข้าสู่ระบบใน Joget ก่อนหรือไม่ก่อนที่จะดู Userview

ชื่อแอตทริบิวต์ของ UI

คำอธิบาย

UI Attribute - Name

Description

Mobile View Background URL

Path to Background image (e.g.

เส้นทางไปยังภาพพื้นหลัง (เช่น http://localhost:8080/background.jpg)

Mobile View Background Color

Background Color (e.g.

สีพื้นหลัง (เช่น #FCFDED)

Mobile View Background Style

  • ไม่ทำซ้ำ no-repeat
repeat
  • ทำ ซ้ำrepeat
  • repeat-x
  • repeat-y
  • ความกว้าง 100% (100% width)

Mobile View Translucent Effect

 


Mobile View Logo URL

Path to Logo image (e.g.

เส้นทางไปยังรูปภาพโลโก้ (เช่น http://localhost:8080/logo.jpg)

Mobile View Logo Width

Width of Logo image (unit must be specified) (e.g.

ความกว้างของภาพโลโก้ (หน่วยต้องระบุ) (เช่น 142px)

Mobile View Logo Height

Height of Logo image (unit must be specified) (e.g.

ความสูงของภาพโลโก้ (หน่วยต้องระบุ) (เช่น 46px)

Mobile View Logo Alignment

Alignment of logo

การจัดตำแหน่งของโลโก้

  • ศูนย์กลาง (center)
  • ซ้าย (left)
  • ขวา (right)

Mobile View Custom CSS

Inline

อินไลน์ CSS

for further customization

สำหรับการปรับแต่งเพิ่มเติม

Figure รูปที่ 5: Sample Mobile View Configurations and its preview ตัวอย่างการกำหนดค่ามุมมองมือถือและตัวอย่าง

Figure รูปที่ 6: Sample Mobile View with Translucent effect ตัวอย่างมุมมองมือถือที่มีลักษณะพิเศษโปร่งแสง

Figure รูปที่ 7: Online status indicator ตัวบ่งชี้สถานะออนไลน์