Customize

Add Tabs to Tab Group

Summary

Add tabs to the specified tab group.

Tab group with four tabs

How to use

Create a tab group in advance by “Create Tab Group in Space Field.”

Set an action to “Add Tabs to Tab Group” for each tab. To set up three tabs, create three actions, each assigned to “Add Tabs to Tab Group.”

In one tab group, the first tab added by “Add Tabs to Tab Group,” will be selected by default.

“Add Tabs to Tab Group” will make the tabs appear on the Kintone app. Clicking this tab selects it, shows the fields within it, and hides other fields in the same tab group.

Parameters

Set Tab Group,Label, and Field.

Tab Group

Select a tab group to include the tabs in. Select an action from which “Create Tab Group in Space Field” has been set.

Label

Specify the label to show on the tab.

Field

Select all fields to be included in the tab.

You can also select tables, groups, and spaces. To select a space, first assign an element ID to it in the Kintone field settings.

You can also select fields in other tabs within the same tab group. In that case, those fields will be shown regardless of the selected tab.

This parameter does not accept fields that are inside tables. You cannot switch the display of table columns by tabs.

Information for advanced users

The tabs that will be placed will be assigned the following CSS class names:

  • customine-button
  • customine-tab-button

Also, as an ID

  • customine-tab-action number (such as customine-tab-2)

will be assigned.

With this ID, you can customize the tab style by registering a CSS file in the app.

Restrictions

  • Cannot be used in the record list view. An error occurs when executed on the record list view.

  • When used in the print screen, it does not cause an error, but the tabs will not be displayed.

  • You cannot put labels or borders in tabs.

  • To put a group in a tab, you cannot place the individual fields within that group in a different tab from the one that contains the group. For example, consider a group G and a field F within that group. If you set group G to “Tab A” and field F to “Tab B”. Then, regardless of whether Tab A or Tab B is selected, field F will no longer be displayed. Please note that the “group” mentioned here refers to the group field in Kintone, not a tab group.

  • Additionally, if you set a field within another tab group to “Field”, that field will be influenced by both tab groups, leading to unexpected behavior. It is advisable to avoid such settings to prevent these issues.