Portal Customization

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, see Adding HTML Portlets.

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

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

  3. Click "Garoon settings".

  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".

    Image of a JavaScript and CSS customization action link

  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.
    Image of an adding a JavaScript file action link

  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.
    Image of an adding a CSS file action link

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

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

    Image of a reordering action link

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

    Image of the Apply radio button

  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.