Joget DX Preview Release Available for Download

Check out Joget DX, the next generation successor to Joget Workflow for faster, simpler digital transformation.

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Panel
borderColorgreen
borderWidth1
titleBGColor#ddffcc
borderStylesolid
titleDefinition

แดชบอร์ด จะแสดงรายการเมนูต่างๆจาก Userview ที่เลือกในเค้าโครงตารางที่ปรับขนาดได้Dashboard menu displays multiple menu items from the selected Userview in a resizable grid layout.

Panel
borderColorpurple
borderWidth1
titleBGColor#ddccff
borderStylesolid
titleNew Feature

เป็นคุณลักษณะใหม่ใน This is a new feature in Joget Workflow v6v6.

Panel
borderColorpurple
borderWidth1
titleBGColor#ddccff
borderStylesolid
titlePerformance

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

อ่านเพิ่มเติมที่ 

You can configure the Performance settings in this Userview Element to cache existing content for improved performance and loading speed.

Read more at Performance Improvement with Userview Caching.


รูปที่ 1Figure 1: Dashboard Menu


รูปที่ 2Figure 2: Userview ที่มีรายการเมนูที่มีความหมายสำหรับ  Userview containing menu items meant for the Dashboard userview


รูปที่ 3Figure 3: Properties - General

ชื่อNameคำอธิบายDescription
Custom ID

Item link slug. ฟิลด์ตัวเลือกOptional field.

Info
titleUnique field

ตัวแปลที่กำหนดจะต้องไม่ซ้ำกันกับส่วนอื่นของ Userview เนื่องจากจะทำการเรียกใช้ซ้ำValue defined here must be unique to the rest of the Userview Menus as the first matching name will be called upon.

Labelชื่อเมนู ฟิลด์บังคับ
Configuration Mode
  • การใช้
    • Using Useview

    • จะต้องเลือก userview (ดูภาพหน้าจอ รูปที่ 3 ด้านบน)

    • ดูตัวอย่างเกี่ยวกับการใช้การ Userview Setting ใน Expenses Claim app ที่มาพร้อมใน Joget Workflow Enterprise v6 หรือคุณสามารถดาวน์โหลดได้จาก
      • Userview will need to be selected (See screenshot Figure 3 above)
      • See an example on the use of Userview Setting in the Expenses Claim app bundled in Joget Marketplace.
  • การใช้ Using URL Portlet Setting
    • คุณสามารถกำหนดเส้นทางและการตั้งค่าไปยังพอร์ตเล็ตแต่ละพอร์ตได้

    • ดูตัวอย่างเกี่ยวกับการใช้ You may configure the path and settings to each portlet.
    • See an example on the use of URL Portlet Setting ในin the Customer Relationship Management app ที่มาพร้อมใน bundled in Joget Workflow Enterprise v6.



รูปที่ 4Figure 4: Properties - UI

ชื่อNameคำอธิบายDescription
Default Portlet Width (Column)จำนวนคอลัมน์ที่จะแสดงตามค่าเริ่มต้นNumber of columns to show by default.
Default Min Grid Cell Height (px)ความสูงขั้นต่ำสำหรับแต่ละพอร์ตเล็ตMinimum height for each portlet.
Resizable

กำหนดว่าผู้ใช้ควรจะสามารถปรับขนาดพอร์ตเล็ตได้หรือไม่Determines whether end user should be able to resize the portlets.

Auto Adjust Portlet Height

เมื่อตรวจสอบความสูงของพอร์ตเล็ตจะถูกปรับให้เหมาะสมโดยอัตโนมัติตามเนื้อหาWhen checked, portlet height will be automatically adjusted optimally according to its content.

Custom Header

กำหนดเอง HTML ที่จะวางไว้ก่อนพอร์ตเล็ตCustom HTML to be placed before the portlets.

Custom Footer

กำหนดเอง HTML ที่จะวางหลังจากพอร์ตเล็ตCustom HTML to be placed after the portlets.


รูปที่ 5Figure 5: Properties - Advanced

ชื่อNameคำอธิบายDescription
Customize Portlet Setting

คุณสามารถกำหนดค่าพอร์ตเล็ตแต่ละรายการที่กำหนดไว้ในแท็บแรกที่นี่ในแง่ของ ตำแหน่ง มิติ ฯลฯ

...

You can configure each of the portlet defined in the first tab here in terms of positioning, dimension, etc.


Demonstration app on using charts in userview dashboard for

View file
nameAPP_chart_in_dashboard.jwa
height150

...