Assigning Default UI as the App Center

การกำหนด UI เริ่มต้นเป็น App Center


Any UI from any apps can be used as the default UI . 
The default UI here serves as the landing page when someone navigates to Joget.

Userview ใด ๆ จากแอปใด ๆ สามารถใช้ Userview เริ่มต้นได้ Userview เริ่มต้นที่นี่ทำหน้าที่เป็นหน้า Landing Page เมื่อมีคนเยี่ยมชม Joget

Figure 1: Default UI Selection


In the default installation, an app called "App Center" with the UI named "App Center" is preloaded.

ในการติดตั้งเริ่มต้นแอปที่เรียกว่า "App Center" พร้อม Userview ชื่อ "Joget DX" ถูกโหลดไว้ใน

Overall Structure of App Center App

โครงสร้างโดยรวมของแอพ App Center

The default App Center app can be fully customized.

แอป App Center เริ่มต้นสามารถปรับแต่งตามความต้องการของแต่ละบุคคล

  1. In order to edit it, as a Joget administrator, simply navigate to "All Apps" in the admin bar, then click on the "App Center" app.

    ในการแก้ไขให้ไปที่ "แอพทั้งหมด" ในฐานะผู้ดูแลระบบ คลิกที่แอพ "App Center"


    Figure 2: Select App Center in All Apps

  2. Then, click on the "App Center" UI to edit.

    จากนั้นคลิกที่ "Joget DX"


    Figure 3: Click on App Center UI in App Composer

  3. In the UI Builder, edit the UI menu called "Home".

    ในตัวสร้าง UI แก้ไขเฉพาะเมนูที่คุณเห็น


    Figure 4: UI menu Home

  4. It is a List UI Menu that points to a JSON API named "Published Userviews".

    เป็นเมนูแบบฟอร์มที่ชี้ไปยังแบบฟอร์มที่ชื่อว่า "แอพที่เผยแพร่แล้ว"


    Figure 5: It points to a JSON API 

    By defining the content of the form, we can alter the JSON URL. 

    โดยการกำหนดเนื้อหาของแบบฟอร์มเราจะสามารถแก้ไขเนื้อหาของศูนย์แอปเริ่มต้น เพียงกลับไปที่ขั้นตอนที่ 2 ด้านบนและเปิดแบบฟอร์ม

Customizing the App Center's UI 

การปรับแต่ง Userview ของ App Center เอง

  1. The logo that is displayed in the App Center can be changed under Settings > Theme > Advanced > Home Banner.

    Just upload a logo of your preference to the app's Resources, then copy the new resource's generated hash variable and replace the image source.



    Figure 6: Custome Logo URL

  2. The "Home Banner" and "Custom CSS" can be customized.

    "Home Banner" และ "Custom CSS" สามารถ customized


    Figure 7: Home Banner and Custom CSS fields

  3. The help guide feature can be disabled, by scrolling to the bottom of the same page.

    คุณลักษณะคู่มือช่วยเหลือสามารถปิดการใช้งานในหน้าเดียวกันได้เช่นกัน


    Figure 8: Disable Help Guide Feature Checkbox

Disabling the "help" (Hint/Guide) 

ปิดการใช้งาน "ความช่วยเหลือ" (คำแนะนำ / คำแนะนำ)

  1. To disable the Hint pop-up, edit the App Center UI.

    หากต้องการปิดใช้งานป๊อปอัปคำแนะนำให้แก้ไข App Center

  2. Navigate to Settings.

    นำทางไปยังการตั้งค่า

  3. Under Settings, navigate to "Configure Layout > Configure Theme > Advanced".

    ภายใต้การตั้งค่านำทางไปที่ "Configure Layout > Configure Theme > Advanced"

  4. Scroll down to the bottom of the page, and check the "Disable help guide feature?" option.


    เลื่อนลงไปที่ด้านล่างของหน้าและทำเครื่องหมายในช่อง "ปิดการใช้งานคุณลักษณะคำแนะนำช่วยเหลือหรือไม่"

    Figure 9: Disable Help Guide Feature Checkbox

  5. Then click on "SAVE" to save the UI.

    จากนั้นคลิกที่ "บันทึก" เพื่อบันทึกมุมมองทั้งภาพ

Related Tutorial

บทแนะนำที่เกี่ยวข้อง