Customizing the Portal

The top page of Kintone is referred to as the "portal". The portal is the entry point to Kintone and is usually the most visited page.

The following describes what information the portal displays by default and how to customize the portal.

Information Displayed on the Portal

By default, the portal displays the following information areas:

Portal image
Area Description
1. Announcement

Displays any information that needs to be shared to Kintone users. You can add apps and graphs to this area.

Announcement can easily attract users' attention. This is a good place for information that you strongly want to present to users. For example, you can present important notices and links to commonly used apps and spaces. For details, see Using Announcements.
2. Notifications Displays update notifications from apps, spaces, and People. Displayed information depends on the user.
3. Assigned to Me Displays the user’s tasks (that is, records where the assignee is set to the user in apps with Process Management). Displayed information depends on the user. Nothing is displayed when the user has no tasks assigned.
4. Spaces Displays spaces of which the user is a member. Different spaces appear depending on the user.
5. Apps Lists apps from the user's Favorites list. Different apps appear depending on the user.

Customizing the Portal

Kintone Administrators can customize the portal in the following ways:

  • Change the name of the portal.
  • Change the cover photo of the portal.
  • Show or hide Announcement, Apps, and other areas as needed.
  • Edit contents to be displayed in Announcement.

The portal name, its cover photo, and the contents to be displayed on portal can be configured via Options menu in the upper right side of the portal screen.
The contents to be displayed in "Announcement" can be edited by clicking Paste icon on the upper right side of Announcement.
Using Announcements

This section describes how to configure portal by using Options menu in the upper right side of the portal.

Procedure

  1. Click Option menu in the upper right of the screen and select Portal Settings.
    Login screen image
  2. Fill in the fields as needed.
    Login screen image
  3. Click "Save".

Advanced Customization

You can use HTML and CSS to fully customize the portal design.

Portal design example 1 Portal design example 2

We provide various templates as well as Chrome extensions that can help you to easily customize the templates. You can design the portal suited to your preferences and needs just with basic knowledge of HTML and CSS.
Chrome web store (English)
Chrome web store (Japanese)

Of course, you can design the portal from scratch. You can also use JavaScript to add more advanced functionality than HTML or CSS.