Versions Compared

Key

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

Universal Theme is a responsive theme with material design.เป็นธีมที่ตอบสนองกับการออกแบบวัสดุ

Panel
borderColorpurple
borderWidth1
titleBGColor#ddccff
borderStylesolid
titleNew Feature

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

...



Figure รูปที่ 1: Universal Theme in mobile and desktop viewTheme มุมมองในมือถือและเดสก์ท็อป


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

Name
ชื่อ
Description
คำอธิบาย
Menu Position

Determines the position of the menu

กำหนดตำแหน่งของเมนู

  • เมนูด้านข้าง (Side Menu)
  • เมนูแนวนอนด้านล่างหัวข้อ (Horizontal Menu below Header)
  • เมนูแนวนอนแบบอินไลน์พร้อมส่วนหัว (Horizontal Menu inline with Header)
  • ไม่มีเมนู (No Menu)
Theme Scheme
  • เข้ม (Dark)
  • สว่าง (Light)
Primary Color

Color Scheme-Primary Color.

Choose from the preset colors or custom, By choosing custom, you can define the color manually or through the color picker.

โครงร่างสี - สีหลัก

เลือกจากสีที่ตั้งไว้ล่วงหน้าหรือกำหนดเองโดยการเลือกกำหนดเองคุณสามารถกำหนดสีด้วยตนเองหรือผ่านตัวเลือกสี
Image Modified

Link Color

Color Scheme-Link Color.

Choose from the preset colors or custom, By choosing custom, you can define the color manually or through the color picker.

โครงร่างสี - สีการเชื่อมโยง

เลือกจากสีที่ตั้งไว้ล่วงหน้าหรือ กำหนดเอง โดยการเลือกกำหนดเองคุณสามารถกำหนดสีด้วยตนเองหรือผ่านตัวเลือกสี

Button Color

Color Scheme-Button Color.

โครงร่างสี - สีปุ่ม

เลือกจากสีที่ตั้งไว้ล่วงหน้าหรือ กำหนดเอง โดยการเลือกกำหนดเองคุณสามารถกำหนดสีด้วยตนเองหรือผ่านตัวเลือกสี

Choose from the preset colors or custom, By choosing custom, you can define the color manually or through the color picker.

Button Text Color

Color Scheme-Button Text Color.

Choose from the preset colors or custom, By choosing custom, you can define the color manually or through the color picker.

โครงร่างสี - สีข้อความปุ่ม

เลือกจากสีที่ตั้งไว้ล่วงหน้าหรือ กำหนดเอง โดยการเลือกกำหนดเองคุณสามารถกำหนดสีด้วยตนเองหรือผ่านตัวเลือกสี

Menu Font Color

Color Scheme-Menu Font Color.

โครงร่างสี - สีตัวอักษรเมนู

เลือกจากสีที่ตั้งไว้ล่วงหน้าหรือ กำหนดเอง โดยการเลือกกำหนดเองคุณสามารถกำหนดสีด้วยตนเองหรือผ่านตัวเลือกสี

Choose from the preset colors or custom, By choosing custom, you can define the color manually or through the color picker.

Font Color

Color Scheme-Font Color.

Choose from the preset colors or custom, By choosing custom, you can define the color manually or through the color picker.

 

โครงร่างสี - สีตัวอักษร

เลือกจากสีที่ตั้งไว้ล่วงหน้าหรือ กำหนดเอง โดยการเลือกกำหนดเองคุณสามารถกำหนดสีด้วยตนเองหรือผ่านตัวเลือกสี



Image Added

รูปที่ Image RemovedFigure 3: Properties - Advanced

Name
ชื่อ
Description
คำอธิบาย
Favicon URL
Define the path to custom Favicon URL.
กำหนดเส้นทางไปยัง URL ที่กำหนดเองของ Favicon
Logo URL
Define the path to custom Logo URL
กำหนดเส้นทางไปยังURL โลโก้แบบกำหนดเอง
Disable Profile
Disable fetching user's profile photo
ปิดใช้งานการนำรูปโปรไฟล์ของผู้ใช้
User Image
  • ซ่อน (Hide)
  • Gravatar Service
  • Using Hash Variable
    Define Hash Variable To Retrieve
      • กำหนด Hash Variable เพื่อดึงข้อมูล User Image URL

        Code Block
        titleSample
        #form.user_profile.image[{currentUser.id}]#
    Inbox
    • ไม่มีกล่องข้อความ (No Inbox)
    • แสดงการมอบหมายทั้งหมด (Show all assignments)
    • แสดงการกำหนดโปรแกรมประยุกต์ปัจจุบันเท่านั้น (Show current App assignment only)
    Shortcut Link Label
    Shortcut Link Label
    ชื่อลิงค์ทางลัด
    Shortcut
    Defines links to be parked under Shortcut menu
    กำหนดลิงค์ที่จะจอดอยู่ภายใต้เมนู ทางลัด (Shortcut)
    User Menu Shortcut
    Defines links to be parked under User menu
    กำหนดลิงค์ที่จะจอดอยู่ภายใต้เมนู ผู้ใช้  (User)

    Enable Responsive Switch in Mobile Device?

     

    When checked, "Switch to desktop version" link will be shown in mobile device.


    เมื่อเลือก "สลับไปยังเวอร์ชันเดสก์ท็อป" ลิงก์จะแสดงใน

    Image Modified

    Remove Auto Title from Process/Assignment form?

     

    When checked, process title and activity name will be removed from assignment form. In the screenshot below, the highlighted red box denotes the process title and activity name.


    เมื่อเลือกฟิลด์นี้ชื่อกระบวนการและชื่อกิจกรรมจะถูกลบออกจากแบบฟอร์มการกำหนด ในภาพหน้าจอด้านล่างกล่องสีแดงที่ไฮไลต์จะแสดงชื่อเรื่องของกระบวนการและชื่อกิจกรรม

    Image Modified

    Home Banner
    Custom
    HTML
    for Home Banner
    ที่กำหนดเองสำหรับแบนเนอร์ในบ้าน
    Custom CSS
    Custom
    CSS
    for the theme
    ที่กำหนดเองสำหรับชุดรูปแบบ
    Custom Javascript
    Custom Javascript for the theme

     

    Javascript ที่กำหนดเองสำหรับชุดรูปแบบ


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

    Name
    ชื่อ
    Description
    คำอธิบาย
    Custom HTML (Before Login Form)
    Custom HTML to be placed in the login form
    HTML ที่กำหนดเองที่จะวางในแบบฟอร์มการเข้าสู่ระบบ
    Custom HTML (After Login Form)
    Custom HTML to be placed in the login form

     

    HTML ที่กำหนดเองที่จะวางในแบบฟอร์มการเข้าสู่ระบบ


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

    Name
    ชื่อ
    Description
    คำอธิบาย
    Hide this Userview in App Center?
    When checked, this particular Userview will not be listed in
    เมื่อเลือก Userview เฉพาะนี้จะไม่ถูกแสดงใน App Center
    .
    Permission Type
    White list to determine access to this Userview.

     

     

    ...

    รายการสีขาวเพื่อกำหนดการเข้าถึง Userview นี้