Customize

Create Composite View of List and Detail

Summary

Customize the list page to create a composite page that combines the record list on the left side and the record detail page on the right side.

How to Use

This action will create a customized record list page.

As preparation, create a “View” in the Kintone app settings for creating a “Create Composite View of List and Detail”. Configure the setting in the app as described below:

  • View Name: Optional
  • Visible fields and column order: Be sure to select “Custom view.”
  • Use This View in: Select “Desktop view only.”
  • View ID: Cannot be changed. Please copy this value as it will be set on the Customine settings.
  • Enable pagination: Be sure to enabled.
  • HTML: Leave it empty. Anything put in will be ignored.
  • Filtering: Optional.

The fields to be displayed are set in the Customine action, not on the Kintone app settings.

In the action of “Create Composite View of List and Detail”, set the condition to “When Record List Page Displayed”. The condition of “If the current list is specified” is not required.

When you execute the action of “Create Composite View of List and Detail”, if the record list page is the one specified by the “View ID”, it will display the combined page customized by that action. If it is a view other than the one specified by “View ID”, it will be displayed as a standard view.

When you click a record row on the list, the details of that record will be displayed on the right side.

Unlike the standard list, the following elements do not exist.

  • Button to move to the details page
  • Pencil button to edit records in the list page
  • Button to delete the record

The record details displayed on this page differ from the standard Kintone record detail page, and the following buttons and menu items will be hidden:

  • App description
  • Menu to return to a space or an app (breadcrumb menu)
  • New record button
  • App settings button
  • Delete record button

When displaying record details, buttons such as ‘»’ and ‘×’ will be displayed on the list. These have the following functions:

  • : Close the record details and display the record list.

  • ×: Close the record list and move to the Kintone’s standard record detail page.

The Attachment field will be displayed in the link format. Images and PDFs will be displayed in a gallery format (preview) when clicked. Other files will be downloaded when clicked.

Parameters

Set View ID, Fixed Fields, Non-Fixed Fields, and Fixed Column Width(px).

View ID

Specify the ID from the list prepared. You can check it on the View settings page on the Kintone app settings.

You cannot specify it with the name of the view.

Fixed Fields

Select the fields to display on the record list while showing the record details on the composite screen.

When you rearrange the selected fields, they will be displayed in that order in the list.

The selectable field types are anything other than the followings:

  • Table
  • Related records
  • Field group
  • Blank space

This parameter does not accept fields that are inside tables.

Non-Fixed Fields

Select fields that are displayed in the list while the record details are not displayed, and hidden while the record details are displayed.

These fields will be displayed to the right of the “Fixed Fields”.

When you rearrange the selected fields, they will be displayed in that order in the list.

The selectable field types are anything other than the followings:

  • Table
  • Related records
  • Field group
  • Blank space

You cannot select the table itself, but you can select the fields within the table. When selecting fields within a table, one row of the table becomes one row in the list, and fields outside the table are displayed with vertical cell merging for the number of table rows.

Fixed Column Width(px)

Specify the display width of the “Fixed Fields” on the list when displaying record details.

Combining with the “Change Field Background Color” action

The actions to change field appearance such as the “Change Field Background Color " action can work when combined with this “Create Composite View of List and Detail.”

However, actions such as “Change Field Background Color” need to be executed after “Create Composite View of List and Detail.” For example, when executing the action “Change Field Background Color” with the condition of “When Record List Page Displayed”, the background color will not change because the composite screen view not yet been created. To operate correctly, set actions such as “Change Field Background Color” at the point connected from the “Create Composite View of List and Detail” action, using the “When Another Action Complete” condition.

Known issues

  • When displaying a composite view, there is a problem where the display position of the dialog, such as “Display Information Dialog” on the record detail, is incorrect.

Precautions

  • If access permissions for the “Display Field” are missing, the field name will appear in the list column, but the field value will not be shown.

  • When the field code of the field set in the “Display Field” is changed later, the field name will appear in the list column, but the field value will not appear.

Restrictions

  • The mobile view is not supported.

  • There is no function to change the width of the column.