Assigning Default

...

UI as the App Center

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

Image RemovedImage Added

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

...

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.

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

   
   Image RemovedImage Added

2. Then, click on "Joget DXLandscape" to edit this userviewUI.

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

   
   Image RemovedImage Added

3. In the Userview UI Builder, edit the only userview UI menu called "App Center".

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

   
   Image RemovedImage Added

4. It is a Form userview menu List UI Menu that points to the form named "Published Apps".

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

   
   Image AddedImage Removed
   By defining the content of the form, we can alter the content of the current app center. Simply click on the navigation icon beside the selected form to edit the form.

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

5. In the form's design, there are 2 custom HTML elements.

   Thai
   ในการออกแบบฟอร์มมีองค์ประกอบ HTML ที่กำหนดเอง 2 รายการ

   
   
   The first one (highlighted in red) is meant to be shown when a Joget administrator logs in.
   The second one (highlighted in blue) is shown at all times.

   Thai
   อันแรก (เน้นด้วยสีแดง) หมายถึงการแสดงเมื่อผู้ใช้ของบทบาทผู้ดูแลระบบเข้าสู่ระบบคนที่สอง (เน้นด้วยสีฟ้า) จะแสดงตลอดเวลา

6. Edit the second Custom HTML to reveal its code.

   Thai
   แก้ไข HTML ที่กำหนดเองที่สองเพื่อเปิดเผยรหัส

   Code Block
   language xml linenumbers true
   <div id="main-action-help"><i class="fa fa-info-circle"></i></div> <div id="search"></div> <ul id="apps"></ul> <p> <script src="/jw/js/appCenter7.js"></script> <script> AppCenter.searchFilter($("#search"), $("#apps")); AppCenter.loadPublishedApps("#apps"); </script> </p>

Customizing the App Center's

...

UI 

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.

   Image Removed
   Image Added
   
   

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

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

   
   Image RemovedImage Added

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

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

   
   Image RemovedImage Added

Customizing the App Center's Form

...

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

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

2. Navigate to Settings.

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

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

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

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

   
   

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

   Image RemovedImage Added

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

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

...