You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
@short: adjusts the padding around task bars in the timeline when `bar_height` is set to "full"
5
+
6
+
@type: number
7
+
@default: 9
8
+
@example:
9
+
gantt.config.bar_height_padding = 5;
10
+
gantt.init("gantt_here");
11
+
12
+
@template: api_config
13
+
@descr:
14
+
The `bar_height_padding` config defines the vertical padding for task bars in the timeline when `gantt.config.bar_height` is set to "full". The height of a task bar is calculated as `gantt.config.row_height - gantt.config.bar_height_padding`.
15
+
16
+
- Setting this config to `0` will make the task bars occupy the full height of the row.
17
+
- Increasing the value adds more space above and below the bars.
18
+
19
+
The example below shows a smaller padding value, which leaves less space around the task bars:
20
+
21
+
~~~js
22
+
gantt.config.bar_height_padding=3;
23
+
~~~
24
+
25
+
<imgsrc="api/bar_height_padding_small.png">
26
+
27
+
In this example, a larger padding value leaves more empty space above and below the task bars:
Copy file name to clipboardExpand all lines: data/api/refs/gantt.md
+6-9Lines changed: 6 additions & 9 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -15,7 +15,7 @@ Gantt API
15
15
- api/gantt_addshortcut.md - adds a new keyboard shortcut
16
16
- api/gantt_addtask.md - adds a new task
17
17
- api/gantt_addtasklayer.md - displays an additional layer with custom elements for a task in the timeline area
18
-
- api/gantt_adjusttaskheightforbaselines.md -
18
+
- api/gantt_adjusttaskheightforbaselines.md - adjusts the task's row height for proper display of baseline elements
19
19
- api/gantt_alert.md - calls an alert message box
20
20
- api/gantt_assert.md - if the specified expression is false, an errorMessage is shown in the red popup at the top right corner of the screen
21
21
- api/gantt_attachevent.md - attaches the handler to an inner event of dhtmlxGantt
@@ -227,7 +227,6 @@ Gantt API
227
227
- api/gantt_onafterquickinfo_event.md - fires after the pop-up edit form is closed
228
228
- api/gantt_onafterredo_event.md - fires after the redo() method was called
229
229
- api/gantt_onafterrowresize_event.md - fires after resizing of the row height is finished
230
-
- api/gantt_onafterselect_event.md -
231
230
- api/gantt_onaftersort_event.md - fires after tasks are sorted in the grid
232
231
- api/gantt_onaftertaskadd_event.md - fires after the user adds a task to the Gantt chart
233
232
- api/gantt_onaftertaskautoschedule_event.md - fires for each task which has been autoscheduled
@@ -236,7 +235,6 @@ Gantt API
236
235
- api/gantt_onaftertaskmove_event.md - fires after a task was moved to a new vertical position
237
236
- api/gantt_onaftertaskupdate_event.md - fires after the user updates a task
238
237
- api/gantt_onafterundo_event.md - fires after the undo() method was called
239
-
- api/gantt_onafterunselect_event.md -
240
238
- api/gantt_onajaxerror_event.md - fires if the server returns an error
241
239
- api/gantt_onautoschedulecircularlink_event.md - fires if some dependency loops were found during auto scheduling
242
240
- api/gantt_onbeforeautoschedule_event.md - fires before auto scheduling
@@ -261,7 +259,6 @@ Gantt API
261
259
- api/gantt_onbeforerowdragmove_event.md - fires before a row of the grid is dragged vertically to a different position
262
260
- api/gantt_onbeforerowresize_event.md - fires before the user starts to resize the row height by drag-and-drop
263
261
- api/gantt_onbeforerowresizeend_event.md - fires before resizing of the row height is completed
264
-
- api/gantt_onbeforeselect_event.md -
265
262
- api/gantt_onbeforesplittaskdisplay_event.md - fires before a part of the split task is displayed on the Gantt chart
266
263
- api/gantt_onbeforetaskadd_event.md - fires before a new task is added to the Gantt chart
267
264
- api/gantt_onbeforetaskautoschedule_event.md - fires for each task which is rescheduled
@@ -353,7 +350,8 @@ Gantt API
353
350
- api/gantt_autosize_config.md - forces the Gantt chart to automatically change its size to show all tasks without scrolling
354
351
- api/gantt_autosize_min_width_config.md - sets the minimum width (in pixels) that the Gantt chart can take in the horizontal 'autosize' mode
355
352
- api/gantt_bar_height_config.md - sets the height of task bars in the timeline area
356
-
- api/gantt_baselines_config.md -
353
+
- api/gantt_bar_height_padding_config.md - adjusts the padding around task bars in the timeline when `bar_height` is set to "full"
354
+
- api/gantt_baselines_config.md - configures the functionality of baselines in the Gantt chart
357
355
- api/gantt_branch_loading_config.md - enables dynamic loading in the Gantt chart
358
356
- api/gantt_branch_loading_property_config.md - specifies that the task has children that are not yet loaded from the backend
359
357
- api/gantt_buttons_left_config.md - stores a collection of buttons resided in the left bottom corner of the lightbox
@@ -370,7 +368,7 @@ Gantt API
370
368
- api/gantt_date_format_config.md - sets the date format that is used to parse data from a data set and to send dates back to the server
371
369
- api/gantt_date_grid_config.md - sets the format of dates in the "Start time" column of the table
372
370
- api/gantt_date_scale_config.md - sets the format of the time scale (X-Axis)
373
-
- api/gantt_deadlines_config.md -
371
+
- api/gantt_deadlines_config.md - enables or disables the display of deadline elements for tasks
374
372
- api/gantt_deepcopy_on_parse_config.md - defines whether gantt will perform a deep copy of data objects passed into the gantt.parse() method
375
373
- api/gantt_details_on_create_config.md - 'says' to open the lightbox while creating new events by clicking the '+' button
376
374
- api/gantt_details_on_dblclick_config.md - 'says' to open the lightbox after double clicking on a task
@@ -414,7 +412,7 @@ Gantt API
414
412
- api/gantt_link_arrow_size_config.md - sets the size of the link arrow
415
413
- api/gantt_link_attribute_config.md - sets the name of the attribute that will specify the id of the link's HTML element
416
414
- api/gantt_link_line_width_config.md - sets the width of dependency links in the timeline area
417
-
- api/gantt_link_radius_config.md -
415
+
- api/gantt_link_radius_config.md - sets the radius for rounding corners of link lines in the timeline
418
416
- api/gantt_link_wrapper_width_config.md - sets the width of the area (over the link) sensitive to clicks
419
417
- api/gantt_links_config.md - stores the types of links dependencies
420
418
- api/gantt_min_column_width_config.md - sets the minimum width for a column in the timeline area
@@ -485,7 +483,6 @@ Gantt API
485
483
- api/gantt_task_date_config.md - sets the format of the date label in the 'Time period' section of the lightbox
486
484
- api/gantt_task_grid_row_resizer_attribute_config.md - sets the name of the attribute of the resizer's DOM element of the grid row. The attribute presents the row's index
487
485
- api/gantt_task_height_config.md - sets the height of task bars in the timeline area
488
-
- api/gantt_task_height_offset_config.md -
489
486
- api/gantt_task_scroll_offset_config.md - sets the offset (in pixels) of the nearest task from the left border in the timeline
490
487
- api/gantt_time_picker_config.md - sets the format of the time drop-down selector in the lightbox
491
488
- api/gantt_time_step_config.md - sets the minimum step (in minutes) for the task's time values
@@ -516,7 +513,7 @@ Gantt API
516
513
<divclass='h2'>Templates</div>
517
514
518
515
{{api
519
-
- api/gantt_baseline_text_template.md -
516
+
- api/gantt_baseline_text_template.md - specifies the text displayed inside the baseline element
520
517
- api/gantt_date_grid_template.md - specifies the content of columns that show dates (return `Date` values) in grid
521
518
- api/gantt_drag_link_template.md - specifies the text of tooltips that are displayed when the user creates a new dependency link
522
519
- api/gantt_drag_link_class_template.md - specifies the CSS class that will be applied to the pop-up that appears when a user drags a link
Copy file name to clipboardExpand all lines: data/api/refs/gantt_props.md
+5-5Lines changed: 5 additions & 5 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -18,7 +18,8 @@ Properties
18
18
- api/gantt_autosize_config.md - forces the Gantt chart to automatically change its size to show all tasks without scrolling
19
19
- api/gantt_autosize_min_width_config.md - sets the minimum width (in pixels) that the Gantt chart can take in the horizontal 'autosize' mode
20
20
- api/gantt_bar_height_config.md - sets the height of task bars in the timeline area
21
-
- api/gantt_baselines_config.md -
21
+
- api/gantt_bar_height_padding_config.md - adjusts the padding around task bars in the timeline when `bar_height` is set to "full"
22
+
- api/gantt_baselines_config.md - configures the functionality of baselines in the Gantt chart
22
23
- api/gantt_branch_loading_config.md - enables dynamic loading in the Gantt chart
23
24
- api/gantt_branch_loading_property_config.md - specifies that the task has children that are not yet loaded from the backend
24
25
- api/gantt_buttons_left_config.md - stores a collection of buttons resided in the left bottom corner of the lightbox
@@ -35,7 +36,7 @@ Properties
35
36
- api/gantt_date_format_config.md - sets the date format that is used to parse data from a data set and to send dates back to the server
36
37
- api/gantt_date_grid_config.md - sets the format of dates in the "Start time" column of the table
37
38
- api/gantt_date_scale_config.md - sets the format of the time scale (X-Axis)
38
-
- api/gantt_deadlines_config.md -
39
+
- api/gantt_deadlines_config.md - enables or disables the display of deadline elements for tasks
39
40
- api/gantt_deepcopy_on_parse_config.md - defines whether gantt will perform a deep copy of data objects passed into the gantt.parse() method
40
41
- api/gantt_details_on_create_config.md - 'says' to open the lightbox while creating new events by clicking the '+' button
41
42
- api/gantt_details_on_dblclick_config.md - 'says' to open the lightbox after double clicking on a task
@@ -79,7 +80,7 @@ Properties
79
80
- api/gantt_link_arrow_size_config.md - sets the size of the link arrow
80
81
- api/gantt_link_attribute_config.md - sets the name of the attribute that will specify the id of the link's HTML element
81
82
- api/gantt_link_line_width_config.md - sets the width of dependency links in the timeline area
82
-
- api/gantt_link_radius_config.md -
83
+
- api/gantt_link_radius_config.md - sets the radius for rounding corners of link lines in the timeline
83
84
- api/gantt_link_wrapper_width_config.md - sets the width of the area (over the link) sensitive to clicks
84
85
- api/gantt_links_config.md - stores the types of links dependencies
85
86
- api/gantt_min_column_width_config.md - sets the minimum width for a column in the timeline area
@@ -150,7 +151,6 @@ Properties
150
151
- api/gantt_task_date_config.md - sets the format of the date label in the 'Time period' section of the lightbox
151
152
- api/gantt_task_grid_row_resizer_attribute_config.md - sets the name of the attribute of the resizer's DOM element of the grid row. The attribute presents the row's index
152
153
- api/gantt_task_height_config.md - sets the height of task bars in the timeline area
153
-
- api/gantt_task_height_offset_config.md -
154
154
- api/gantt_task_scroll_offset_config.md - sets the offset (in pixels) of the nearest task from the left border in the timeline
155
155
- api/gantt_time_picker_config.md - sets the format of the time drop-down selector in the lightbox
156
156
- api/gantt_time_step_config.md - sets the minimum step (in minutes) for the task's time values
0 commit comments