What Is a View?

Views appear as the first screen of apps when you open them. By default, all the fields of all the records are displayed in a list format.

To filter records or fields, use the View. You can show records in several formats in addition to list view such as calendar view and custom view (customize the view using HTML).

You can configure multiple views for a list. It is a good idea to preset some commonly used record lists for app users.

List View

This format displays each field in columns, and each record in rows.
"Datasource App Fields to Display" and "Fetch Criteria" can be specified. Image 1: A drop-down list for switching views
2: Fields
3: Records


In the list view, any of the following types of fields can be selected and displayed:

  • Text
  • Rich text
  • Text Area
  • Number
  • Calculated
  • Radio Button
  • Check box
  • Multi-choice
  • Drop-down
  • Date
  • Time
  • Started
  • Attachment
  • Link
  • User selection
  • Department selection
  • Group selection
  • Lookup
  • Table
  • Record number
  • Created by
  • Created datetime
  • Updated by
  • Updated datetime
  • Assignee

Calendar View

This format displays records using date columns on a calendar.
Dates where records are to be displayed can be specified by selecting either the date, or date and time field. Image 1: A drop-down list for switching views
2: Record Up to 500 records are displayed per page.
3: The date in Today appears highlighted.

In the calendar view, any of the following types of fields can be selected and displayed:

  • Record number
  • Text
  • Text Area
  • Rich text
  • Attachment
  • User selection
  • Department selection
  • Group selection
  • Created by
  • Updated by
  • Assignee
  • Number
  • Calculated
  • Link
  • Lookup

Custom View

You can customize the following part of the record list by writing HTML codes: Image In this example, the display for To-Dos is customized. Image

"Kintone Developer Program" provides examples of view customization.
Create a custom view (Kintone Developer Program)


You can use the JavaScript and CSS customization function to apply JavaScript and CSS files.
For details on the JavaScript and CSS Customization function, see the following page:
[Customizing an App with JavaScript and CSS](/k/en/user/app_settings/js_customize.html)