Versions Compared

Old Version 7

changes.mady.by.user Maxson Chen

Saved on

compared with

New Version 8

changes.mady.by.user Maxson Chen

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  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"


    Figure 2: Select App Center in All Apps

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

    Thai

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


    Figure 3: Click on App Center UI in App Composer

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

    Thai

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


    Figure 4: UI menu Home

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

    Thai

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


    Image RemovedImage Added

    Figure 5: It points to a JSON API 

    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.JSON URL. 

    Thai

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

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

    Thai

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

    Image Removed
    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

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

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

    Thai

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

    Code Block
    languagexml
    linenumberstrue
    <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. Line number 1 can be removed to remove the "help" icon.

    Thai

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


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

    Thai

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

    Code Block
    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 (e.g: /web/json/apps/published/userviews?appCenter=true )
excludes : This is used to exclude any unwanted userview(s) from the app center list. It is an array of string in syntax of "appId:userviewId"
 
Example: AppCenter.loadPublishedApps(container, null, ["isr:isr", "crm:view"]);

...