This section describes how to customize the portal.
The portal can be customized only for HTML portlets. Before you customize, prepare the HTML portlets to which you apply the customizations. For details, refer to Adding HTML Portlets.

For the screens that allow customization to be applied, refer to For Portals.

1. You can prepare JavaScript files and CSS files yourself.

2. Click the administration menu icon (gear icon) in the header.

3. Click Garoon System Administration.

4. Select "Application settings" tab.

5. Click Portal.

6. Click HTML portlet.

7. On the "HTML portlet" screen, select the portlet name of the HTML portlet to which you apply the JavaScript files or CSS files.

8. On the Details screen of HTML portlet, click "JavaScript and CSS customization".

   

9. In the "JavaScript customization" field on the "JavaScript and CSS customization" screen, set the JavaScript file to apply.

   You can add up to 30 files or links.

   • File:
     Only files with a file extension of ".js" can be added.
     Up to 5 MB of files can be uploaded.
   • Link:
     Specify a URL starting with "https://" in up to 512 characters.
   

10. In the "CSS customization" field, set the CSS file you want to apply.

    You can add up to 30 files or links.

    • File:
      Only files with a file extension of ".css" can be added.
      Up to 5 MB of files can be uploaded.
    • Link:
      Specify a URL starting with "https://" in up to 512 characters.
    

11. You can change the order of the files and links as needed.

    JavaScript files run from top to bottom.
    Select the checkboxes for the files and links you want to reorder, and then click "Move Up" or "Move Down".

    

12. In the "Customization" field, select "Apply".

    

13. Confirm your settings and click Save.

14. On the screen where the customizations are applied, confirm that the design and item functions are fine.