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

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

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

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

  3. Click "System 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 checkboxes 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 Add.

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