Assigning Default Userview as The App Center

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

Any Userview from any apps can be used a the default Userview. The default Userview here serves as the landing page when someone visits Joget Workflow.

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

In the default installation, an app called "App Center" with the Userview named "Joget Workflow" is preloaded in

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

Overall Structure of App Center App

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

The default App Center app can be customized towards individual's preferences.

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

  1. In order to edit it, simply heads to "All Apps" as the administrator. Click on "App Center" app.

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


  2. Then, click on "Joget Workflow".

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


  3. In the Userview Builder, edit the only menu that you see in it.

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


  4. It is a form menu that points to the form named "Published Apps".

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



    By defining the content of the form, we will be able to alter the content of the default app center. Simply return to step 2 above and open up the form.

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

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

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



    The first one (highlighted in red) is meant to be shown when a user of administrator role logs in. The second one (highlighted in blue) is to be shown all the time.

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

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

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

    <link rel="stylesheet" href="/jw/css/appCenter.css" />
<div id="main-action-help"><i class="fa fa-info-circle"></i></div>
<div id="search"></div>
<div id="apps"></div>
<p>
<script src="/jw/js/appCenter.js"></script>
<script>
AppCenter.searchFilter($("#search"), $("#apps")); 
AppCenter.loadPublishedApps("#apps");
</script>
</p>



Customizing the App Center's Userview

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

  1. The logo that is displayed in the App Center can be changed under Userview Builder's settings > Logo URL.

    โลโก้ที่แสดงใน App Center สามารถเปลี่ยนได้ภายใต้การตั้งค่าของ Userview Builder> URL โลโก้




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

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


  3. The help guide feature can be disabled in the same page too.

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



Customizing the App Center's Form

การปรับแต่งแบบฟอร์มของ App Center

<link rel="stylesheet" href="/jw/css/appCenter.css" />
<div id="main-action-help"><i class="fa fa-info-circle"></i></div>
<div id="search"></div>
<div id="apps"></div>
<p>
<script src="/jw/js/appCenter.js"></script>
<script>
AppCenter.searchFilter($("#search"), $("#apps")); 
AppCenter.loadPublishedApps("#apps");
</script>
</p>


  1. Line number 2 can be removed to remove the "help" icon.

    สามารถลบหมายเลขบรรทัด 2 เพื่อลบไอคอน "ความช่วยเหลือ"


  2. The list of published apps is loaded by AppCenter.loadPublishedApps method. This method has extra 2 arguments to customize the published app list.

    รายการแอปที่เผยแพร่ถูกโหลดโดยวิธี AppCenter.loadPublishedApps วิธีนี้มีข้อโต้แย้งเพิ่มเติม 2 ข้อเพื่อปรับแต่งรายการแอพที่เผยแพร่

    AppCenter.loadPublishedApps(container, customUrl, excludes);   
container : This is the container to populate the app list
customUrl : This can change to a custom url to load the app list instead of the default url eg. /web/json/apps/published/userviews?appCenter=true
excludes : This is used to exclude the unwanted userview from populate in the app center list. It is an array of string in syntax of "appId:userviewId"
 
Example: AppCenter.loadPublishedApps(container, null, ["isr:isr", "crm:view"]);

Disabling the "help" (Hint/Guide) 

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

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

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

  2. Navigate to Settings.

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

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

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


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

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


  5. Then click on the "OK" to close the window.

    จากนั้นคลิกที่ "ตกลง" เพื่อปิดหน้าต่าง

  6. Then click on "SAVE" to save the whole userview.

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

Related Tutorial

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