Configuring HTML Portlets

You can use HTML to create your own portlets.
The user-created portlet is called My Portlet.
My Portlet is available only to users who have created it.

Notes on HTML Tags

To ensure that the HTML portlet works correctly, be noted the following when you write tags:

Using lowercase letters

HTML tags are written in lowercase letters.

Use End Tags

You should write start tags and end tags in pairs. If you place a portlet that does not have proper HTML tag pairs in a portal, it can cause problems such as a portal editing page incorrectly appears or a portal that can not be moved.
You also should note that not to cross nested tag pairs when you write HTML tags.

Example:

Example of a HTML tag in a nested tag

Tags That Can Be Omitted

You do not need to describe html, head, or body tags in HTML portlets.

Secure Coding Guidelines

When you write scripts in JavaScript, read the following sections carefully in the Secure Cording Guidelines:
Avoid Using Cross-Site Scripting
Avoid Using Cross-Site Request Forgery

Adding HTML Portlets

Create a portlet in HTML and add it as a My Portlet.

Steps:
  1. Click User name in the header. Screenshot: User name in the header is highlighted

  2. Click Personal Settings.

  3. Click Setting of each application.

  4. Click Portal.

  5. Click HTML portlet.

  6. On "HTML portlet" screen, click New.

    Image of adding an HTML portlet

  7. On the screen to add HTML portlets, enter the portlet name.

    Image of entering a portlet name

  8. Set the "Groups" field.

    Select the portlet group to include the portlet.
    By associating with Portlet groups, you can quickly select the target portlet when you create a portal.
    For details, refer to Setting up My Portlet Groups.
    Image of setting a group field

  9. Set the contents of the portlet field.

    Use HTML tags and formatting to write the contents of the portlet.
    Image of entering portlet contents

    You can customize the HTML portlets using the following functions:

    • Keywords description:
      You can show information of users who use portlets by creating Usable Keywords.

  10. Confirm your settings and click Add.

Available Keywords

By using keywords, you can display user information of users who use portlets in HTML portlets.
The keyword replaces the user information of users who use the portlet.
Usable Keywords are as follows:

Keyword Description
%Name% The user name of the user visiting the portlet is displayed.
%ID% The user ID of the user visiting the portlet is displayed.
%Account% The login name of the user visiting the portlet is displayed.
%Mail% The E-mail address that has been configured as the e-mail address of the user visiting the portlet is displayed.
This does not appear if the e-mail a dress is not registered.
%Tel% The contact details of the user visiting the portlet is displayed.
If no contact detail has not been added, nothing will be displayed.
%URL% The URL added to the user information of the user visiting the portlet is displayed.
If no URL has been added, nothing will be displayed.
%grn.common.login.login.extension.Code of custom item in user profile% This is available when the custom item is added to the user profile. Displays information entered in the custom item field in the user profile of the logged-in user.

Changing HTML Portlets

Change HTML portlets.

Steps:
  1. Click User name in the header. Screenshot: User name in the header is highlighted

  2. Click Personal Settings.

  3. Click Setting of each application.

  4. Click Portal.

  5. Click HTML portlet.

  6. On "HTML portlet" screen, click the portlet name of the HTML portlet to change.

  7. On the screen for HTML portlet details, click Save.

    Image of the edit action link enclosed

  8. On the screen to edit HTML portlets, change the settings as necessary.

  9. Confirm your settings and click Save.

Checking the Appearance of HTML Portlets

Check the appearance of the HTML portlet.

Steps:
  1. Click User name in the header. Screenshot: User name in the header is highlighted

  2. Click Personal Settings.

  3. Click Setting of each application.

  4. Click Portal.

  5. Click HTML portlet.

  6. On "HTML portlet" screen, click the portlet name of the HTML portlet to preview.

  7. On the screen for HTML portlet details, click Preview.

    Image of checking appearance action link

Deleting HTML Portlets

Delete HTML portlets.
If you delete the HTML portlets that is placed in the HTML portal, the deployment is cleared.

Deleting HTML Portlets One by One

Delete each HTML portlet.

Steps:
  1. Click User name in the header. Screenshot: User name in the header is highlighted

  2. Click Personal Settings.

  3. Click Setting of each application.

  4. Click Portal.

  5. Click HTML portlet.

  6. On "HTML portlet" screen, click the portlet name of the HTML portlet to delete.

  7. On the screen for HTML portlet details, click Delete.

    Image of the delete action link

  8. Click Yes on the deleting HTML portlet screen.

Deleting Multiple HTML Portlets in Bulk

Delete multiple HTML portlets at once.

Steps:
  1. Click User name in the header. Screenshot: User name in the header is highlighted

  2. Click Personal Settings.

  3. Click Setting of each application.

  4. Click Portal.

  5. Click HTML portlet.

  6. On the "HTML portlet" screen, select the checkboxes of the HTML portlets to delete, and then click Delete.

    Image of selecting HTML portlets to delete

  7. Click Yes on the deleting all HTML portlets screen.