Boost!for kintone
Home / Gantt
PLUGIN

Gantt

This plugin creates a Gantt chart view using Frappe Gantt. You can set tasks and subtasks and adjust the start date, end date and progress by dragging. Fields in a table are used for subtasks.

See the features

By using this product, you are deemed to have agreed to the Terms of Service.

SETTING

Setup

01

Create a custom view

This plugin requires a custom view. Create a custom view in the app that uses the plugin, and enter the following in the HTML code field.

Custom view settings

HTML
<div id="bst-gantt"></div>

Clear the "Show pagination" checkbox.

02

Specify the settings

Open the plugin settings screen and specify the following items.

Settings

View
Specify the view in which this plugin is enabled. You cannot specify the same view in different tabs.
Task: Title
Specify the field to use as the task title.
Task: Start Date
Specify the field to use as the task start date.
Task: End Date
Specify the field to use as the task end date.
Task: Progress
Specify the field to use as the task progress. If omitted, the progress is not shown.
Subtask: Title
Specify the field to use as the subtask title.
Subtask: Start Date
Specify the field to use as the subtask start date.
Subtask: End Date
Specify the field to use as the subtask end date.
Subtask: Progress
Specify the field to use as the subtask progress.
Initial Gantt Chart Display
Specify the display format used when the Gantt chart is opened.
Transition to the editing page
Select this to open the detail screen when a task bar is double-clicked.

The fields specified for tasks must be outside tables, and the fields specified for subtasks must all be in the same table.

Only number fields with 0 as the minimum and 100 as the maximum in "Limits of Value" can be specified for progress.

If you set "Transition to the editing page" to open the detail screen, you cannot return to the Gantt chart after finishing or canceling the edit.

Subtasks are shown under the task for each table row and are connected by arrows in row order. Rows with an empty start date or end date are not shown. If you do not use subtasks, the subtask items can be omitted.

HOW TO USE

How to use

01

Show the Gantt chart

When you open the custom view specified on the settings screen, the Gantt chart is shown. To change the period shown, select a date in area A of the image and click the magnifier button. The default period is one month from today. Switch the display format of the Gantt chart in area B between "Day", "Week", "Month", "Half Day" and "Quarter Day".

This plugin alone cannot change the background and text colors of task bars. To change them, you need Boost! Style.

On the event page of Boost! Style, select "Record Detail Page".

The filter conditions and sorting set for the view are also applied to the Gantt chart.

02

Edit a record

Double-click a task bar, and after a confirmation message, the record edit screen opens.

If you select "Transition to the editing page" on the settings screen, the detail screen opens.

03

Move a task

Drag a task bar to move the task.

04

Change the start and end dates

Hover over either end of a task bar and drag to change the start date or end date.

If a field that cannot be edited, such as a calculated field or the created or updated datetime, is specified for the start date or end date, that date cannot be changed.

05

Change the progress

Hover over the handle of the progress part and drag to change the progress.