From 110b6365e12765e9f881725ba5d1fab2770ac499 Mon Sep 17 00:00:00 2001 From: Serhii Pylypchuk Date: Tue, 23 Jun 2026 10:24:38 +0300 Subject: [PATCH 1/4] [update] sync API reference with new signatures - add batch and index params to data collection add/remove events - add optional position param to diagram mouseDown events - extend lineConfig with arrowsHidden and lineDirection options - add dir param to showItem and currentValue to beforeEditorEditing - document itemY margin defaults and Editbar width default - fix resize dir typo (nw) and switch pointerview arrows to combo --- docs/api/data_collection/afteradd_event.md | 10 ++++++++-- docs/api/data_collection/afterremove_event.md | 10 ++++++++-- docs/api/data_collection/beforeadd_event.md | 10 ++++++++-- docs/api/data_collection/beforeremove_event.md | 10 ++++++++-- docs/api/diagram/groupmousedown_event.md | 4 +++- docs/api/diagram/itemmousedown_event.md | 4 +++- docs/api/diagram/lineconfig_property.md | 10 ++++++++-- docs/api/diagram/linemousedown_event.md | 4 +++- docs/api/diagram/margin_property.md | 7 +++++-- docs/api/diagram/shapemousedown_event.md | 4 +++- docs/api/diagram/showitem_method.md | 6 +++++- .../editbar/complex_controls/pointerview.md | 4 ++-- .../diagram_editor/editbar/config/width_property.md | 6 ++++++ .../editor/events/afteritemresize_event.md | 2 +- .../editor/events/beforeitemresize_event.md | 2 +- docs/api/inline_editor/beforeeditorediting_event.md | 4 ++-- 16 files changed, 74 insertions(+), 23 deletions(-) diff --git a/docs/api/data_collection/afteradd_event.md b/docs/api/data_collection/afteradd_event.md index 7fcda804a..6979a66e6 100644 --- a/docs/api/data_collection/afteradd_event.md +++ b/docs/api/data_collection/afteradd_event.md @@ -13,14 +13,20 @@ description: You can learn about the afterAdd event of data collection in the do ### Usage ~~~jsx -afterAdd: (newItem: object) => void; +afterAdd: ( + newItem: object, + batch: object[], + index: number +) => void; ~~~ ### Parameters -The callback of the event takes the following parameter: +The callback of the event takes the following parameters: - `newItem` - (required) the object of an added item +- `batch` - (required) an array of all items added within the same operation +- `index` - (required) the index the item is added at ### Example diff --git a/docs/api/data_collection/afterremove_event.md b/docs/api/data_collection/afterremove_event.md index 42fda3889..86270bed6 100644 --- a/docs/api/data_collection/afterremove_event.md +++ b/docs/api/data_collection/afterremove_event.md @@ -13,14 +13,20 @@ description: You can learn about the afterRemove event of data collection in the ### Usage ~~~jsx -afterRemove: (removedItem: object) => void; +afterRemove: ( + removedItem: object, + batch: object[], + index: number +) => void; ~~~ ### Parameters -The callback of the event takes the following parameter: +The callback of the event takes the following parameters: - `removedItem` - (required) the object of a removed item +- `batch` - (required) an array of all items removed within the same operation +- `index` - (required) the index the item is removed from ### Example diff --git a/docs/api/data_collection/beforeadd_event.md b/docs/api/data_collection/beforeadd_event.md index 16bb33c67..40af99b77 100644 --- a/docs/api/data_collection/beforeadd_event.md +++ b/docs/api/data_collection/beforeadd_event.md @@ -13,14 +13,20 @@ description: You can learn about the beforeAdd event of data collection in the d ### Usage ~~~jsx -beforeAdd: (newItem: object) => boolean | void; +beforeAdd: ( + newItem: object, + batch: object[], + index: number +) => boolean | void; ~~~ ### Parameters -The callback of the event takes the following parameter: +The callback of the event takes the following parameters: - `newItem` - (required) the object of an added item +- `batch` - (required) an array of all items added within the same operation +- `index` - (required) the index the item is added at ### Returns diff --git a/docs/api/data_collection/beforeremove_event.md b/docs/api/data_collection/beforeremove_event.md index 489945038..f5327ba8e 100644 --- a/docs/api/data_collection/beforeremove_event.md +++ b/docs/api/data_collection/beforeremove_event.md @@ -13,14 +13,20 @@ description: You can learn about the beforeRemove event of data collection in th ### Usage ~~~jsx -beforeRemove: (removedItem: any) => boolean | void; +beforeRemove: ( + removedItem: object, + batch: object[], + index: number +) => boolean | void; ~~~ ### Parameters -The callback of the event takes the following parameter: +The callback of the event takes the following parameters: - `removedItem` - (required) the object of an item to remove +- `batch` - (required) an array of all items removed within the same operation +- `index` - (required) the index the item is removed from ### Returns diff --git a/docs/api/diagram/groupmousedown_event.md b/docs/api/diagram/groupmousedown_event.md index c62ed93eb..b734c34ff 100644 --- a/docs/api/diagram/groupmousedown_event.md +++ b/docs/api/diagram/groupmousedown_event.md @@ -17,7 +17,8 @@ If a pointing device button is pressed while the pointer is over a swimlane, the ~~~jsx groupMouseDown: ( id: string | number, - event: MouseEvent + event: MouseEvent, + position?: object ) => void; ~~~ @@ -27,6 +28,7 @@ The callback of the event takes the following parameters: - `id` - (required) the id of a group - `event` - (required) a native HTML event object +- `position` - (optional) an object with the `x` and `y` coordinates of the pointer relative to the diagram container ### Example diff --git a/docs/api/diagram/itemmousedown_event.md b/docs/api/diagram/itemmousedown_event.md index 2589a5fa9..3705f7488 100644 --- a/docs/api/diagram/itemmousedown_event.md +++ b/docs/api/diagram/itemmousedown_event.md @@ -17,7 +17,8 @@ If a pointing device button is pressed while the pointer is over a swimlane, the ~~~jsx itemMouseDown: ( id: string | number, - event: MouseEvent + event: MouseEvent, + position?: object ) => void; ~~~ @@ -27,6 +28,7 @@ The callback of the event takes the following parameters: - `id` - (required) the id of an item - `event` - (required) a native HTML event object +- `position` - (optional) an object with the `x` and `y` coordinates of the pointer relative to the diagram container ### Example diff --git a/docs/api/diagram/lineconfig_property.md b/docs/api/diagram/lineconfig_property.md index b30a94c55..5eb0ec391 100644 --- a/docs/api/diagram/lineconfig_property.md +++ b/docs/api/diagram/lineconfig_property.md @@ -14,7 +14,9 @@ description: You can learn about the lineConfig property in the documentation of ~~~jsx lineConfig?: { - lineType?: "dash" | "line", + lineType?: "line" | "dash" | "none", + arrowsHidden?: boolean, + lineDirection?: "forwardArrow" | "backArrow", lineGap?: number, connectType?: "elbow" | "straight" | "curved" // the "curved" type is used only in the mindmap mode }; @@ -24,7 +26,9 @@ lineConfig?: { The `lineConfig` object contains the following parameters: -- `lineType` - (optional) the default type of a connector line. The value is applied, if the line object doesn't contain the `"type"` property +- `lineType` - (optional) the default type of a connector line: `"line"` | `"dash"` | `"none"`. The value is applied, if the line object doesn't contain the `"type"` property +- `arrowsHidden` - (optional) hides the arrow heads on the connector lines +- `lineDirection` - (optional) defines which end of the line carries an arrow: `"forwardArrow"` | `"backArrow"` - `lineGap` - (optional) sets the distance to the right-angled bend of a connector line - `connectType` - (optional) sets the connection type of the lines: `"elbow"` | `"straight"` | `"curved"` (the `"curved"` type is used only in the mindmap Diagram mode). The value is applied, if the line object doesn't contain the `"connectType"` property @@ -37,6 +41,8 @@ The values of the `lineType` and `connectType` settings will be applied, if the ~~~jsx lineConfig: { lineType: "line", + lineDirection: "forwardArrow", + arrowsHidden: false, lineGap: 10 } ~~~ diff --git a/docs/api/diagram/linemousedown_event.md b/docs/api/diagram/linemousedown_event.md index 003612919..12f3e62ea 100644 --- a/docs/api/diagram/linemousedown_event.md +++ b/docs/api/diagram/linemousedown_event.md @@ -15,7 +15,8 @@ description: You can learn about the lineMouseDown event in the documentation of ~~~jsx lineMouseDown: ( id: string | number, - event: MouseEvent + event: MouseEvent, + position?: object ) => void; ~~~ @@ -25,6 +26,7 @@ The callback of the event takes the following parameters: - `id` - (required) the id of a connector line - `event` - (required) a native HTML event object +- `position` - (optional) an object with the `x` and `y` coordinates of the pointer relative to the diagram container ### Example diff --git a/docs/api/diagram/margin_property.md b/docs/api/diagram/margin_property.md index b9803eb4d..cdaaef38b 100644 --- a/docs/api/diagram/margin_property.md +++ b/docs/api/diagram/margin_property.md @@ -26,7 +26,7 @@ margin?: { The `margin` object can include the following parameters: - `itemX` - (optional) horizontal space between two shapes (only for [type: "org" | "mindmap"](api/diagram/type_property.md)) -- `itemY` - (optional) vertical space between two shapes (only for [type: "org" | "mindmap"](api/diagram/type_property.md)) +- `itemY` - (optional) vertical space between two shapes (only for [type: "org" | "mindmap"](api/diagram/type_property.md)). Defaults to `20` for the mindmap mode and to `40` for the other modes - `x` - (optional) horizontal space between the start of a diagram and the first item - `y` - (optional) vertical space between the start of a diagram and the first item @@ -35,10 +35,13 @@ The `margin` object can include the following parameters: ~~~jsx margin: { x: 40, y: 40, - itemX: 40, itemY: 40 + itemX: 40, + itemY: 40 // 20 for the mindmap mode } ~~~ +The `itemY` parameter defaults to `20` for [type: "mindmap"](api/diagram/type_property.md) and to `40` for the other Diagram modes. + ### Example ~~~jsx diff --git a/docs/api/diagram/shapemousedown_event.md b/docs/api/diagram/shapemousedown_event.md index 535d5054b..40285c73a 100644 --- a/docs/api/diagram/shapemousedown_event.md +++ b/docs/api/diagram/shapemousedown_event.md @@ -15,7 +15,8 @@ description: You can learn about the shapeMouseDown event in the documentation o ~~~jsx shapeMouseDown: ( id: string | number, - event: MouseEvent + event: MouseEvent, + position?: object ) => void; ~~~ @@ -25,6 +26,7 @@ The callback of the event takes the following parameters: - `id` - (required) the id of a shape - `event` - (required) a native HTML event object +- `position` - (optional) an object with the `x` and `y` coordinates of the pointer relative to the diagram container ### Example diff --git a/docs/api/diagram/showitem_method.md b/docs/api/diagram/showitem_method.md index 26044468e..8ccbac17d 100644 --- a/docs/api/diagram/showitem_method.md +++ b/docs/api/diagram/showitem_method.md @@ -13,12 +13,16 @@ description: You can learn about the showItem method in the documentation of the ### Usage ~~~jsx -showItem(id: string | number): void; +showItem( + id: string | number, + dir?: "left" | "right" +): void; ~~~ ### Parameters - `id` - (required) the **ID** of the target item +- `dir` - (optional) the branch direction to expand when showing an item under a collapsed mindmap root: `"left"` | `"right"` ### Example diff --git a/docs/api/diagram_editor/editbar/complex_controls/pointerview.md b/docs/api/diagram_editor/editbar/complex_controls/pointerview.md index 618ecdbcb..0db190f28 100644 --- a/docs/api/diagram_editor/editbar/complex_controls/pointerview.md +++ b/docs/api/diagram_editor/editbar/complex_controls/pointerview.md @@ -62,8 +62,8 @@ The **Pointer view** control is available only for the `line` element in the *de ### Service properties - `$properties` - (optional) allows you to override values of [basic controls](api/diagram_editor/editbar/basic_controls_overview.md) within a complex control. You can configure the following elements of the **Pointer view** control based on the basic controls: - - `backArrow` - ([toggleGroup](api/diagram_editor/editbar/basic_controls/togglegroup.md)) sets the arrow type at the end of connector - - `forwardArrow` - ([toggleGroup](api/diagram_editor/editbar/basic_controls/togglegroup.md)) sets the arrow type at the start of connector + - `backArrow` - ([combo](api/diagram_editor/editbar/basic_controls/combo.md)) sets the arrow type at the end of connector + - `forwardArrow` - ([combo](api/diagram_editor/editbar/basic_controls/combo.md)) sets the arrow type at the start of connector ## Example diff --git a/docs/api/diagram_editor/editbar/config/width_property.md b/docs/api/diagram_editor/editbar/config/width_property.md index 0d1ca3306..16c4da3cd 100644 --- a/docs/api/diagram_editor/editbar/config/width_property.md +++ b/docs/api/diagram_editor/editbar/config/width_property.md @@ -16,6 +16,12 @@ description: You can learn about the width property of Editbar in the documentat width?: number; ~~~ +### Default config + +~~~jsx +width: 300 +~~~ + ### Example ~~~jsx {9} diff --git a/docs/api/diagram_editor/editor/events/afteritemresize_event.md b/docs/api/diagram_editor/editor/events/afteritemresize_event.md index c14eb02e4..9a192219f 100644 --- a/docs/api/diagram_editor/editor/events/afteritemresize_event.md +++ b/docs/api/diagram_editor/editor/events/afteritemresize_event.md @@ -19,7 +19,7 @@ description: You can learn about the afterItemResize event of editor in the docu height: number, x: number, y: number, - dir: "n" | "ne" | "e" | "se" | "s" | "sw" | "w" | "ne" + dir: "n" | "ne" | "e" | "se" | "s" | "sw" | "w" | "nw" }) => void; ~~~ diff --git a/docs/api/diagram_editor/editor/events/beforeitemresize_event.md b/docs/api/diagram_editor/editor/events/beforeitemresize_event.md index a581881a7..73dcd9b1c 100644 --- a/docs/api/diagram_editor/editor/events/beforeitemresize_event.md +++ b/docs/api/diagram_editor/editor/events/beforeitemresize_event.md @@ -19,7 +19,7 @@ description: You can learn about the beforeItemResize event of editor in the doc height: number, x: number, y: number, - dir: "n" | "ne" | "e" | "se" | "s" | "sw" | "w" | "ne" + dir: "n" | "ne" | "e" | "se" | "s" | "sw" | "w" | "nw" }) => boolean | void; ~~~ diff --git a/docs/api/inline_editor/beforeeditorediting_event.md b/docs/api/inline_editor/beforeeditorediting_event.md index d90b8152f..9fee07dde 100644 --- a/docs/api/inline_editor/beforeeditorediting_event.md +++ b/docs/api/inline_editor/beforeeditorediting_event.md @@ -47,8 +47,8 @@ const diagram = new dhx.Diagram("diagram_container", { diagram.data.parse(data); // attaching a handler to the event -diagram.events.on("beforeEditorEditing", (value, id, key, subId) => { - console.log(value, id, key, subId); +diagram.events.on("beforeEditorEditing", (value, currentValue, id, key, subId) => { + console.log(value, currentValue, id, key, subId); return true; }); ~~~ From ce27f056af7c73491dc2b3e0a41a9e717527caa2 Mon Sep 17 00:00:00 2001 From: Serhii Pylypchuk Date: Tue, 23 Jun 2026 10:49:39 +0300 Subject: [PATCH 2/4] [update] correct group default values in docs - update group border stroke default to "#B8C6D6" - update project fill and stroke default colors - set project header height default to 64 - set project header closable default to true --- docs/groups/configuration_properties.md | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/docs/groups/configuration_properties.md b/docs/groups/configuration_properties.md index cb8aaa444..88c52fa48 100644 --- a/docs/groups/configuration_properties.md +++ b/docs/groups/configuration_properties.md @@ -27,7 +27,7 @@ const data = [ fixed?: boolean, // false by default style?: { strokeWidth?: number, // 1 by default - stroke?: string, // "#DEDEDE" by default + stroke?: string, // "#B8C6D6" by default fill?: string, overFill?: string, partiallyFill?: string @@ -78,7 +78,7 @@ The `open` property works when a `header` is initialized with the `closable` att - `fixed` - (optional) enables/disables the ability to move and resize the group; *false* by default - `style` - (optional) an object with the style settings of the group. The object can contain the following attributes: - `strokeWidth` - (optional) the width of the group border, 1 by default - - `stroke` - (optional) the color of the border of the group, "#DEDEDE" by default + - `stroke` - (optional) the color of the border of the group, "#B8C6D6" by default - `fill` - (optional) the background color of the group - `overFill` - (optional) the background color of the group when the user is holding the item and moving it into/outside the group *providing that the whole item is inside the group* - `partiallyFill` - (optional) the background color of the group when the user is holding the item and moving it into/outside the group *providing that a part of the item is out of the group and other settings are not defined via the `exitArea` attribute* @@ -162,14 +162,14 @@ const data = [ height?: number, groupChildren?: (string | number)[], style?: { - fill?: string, // "#20B56D08" by default - stroke?: string, // "#20B56D33" by default + fill?: string, // "#20B56D0F" by default + stroke?: string, // "#20B56D66" by default borderStyle?: string, // "dashed" by default }, header?: { - height?: number, // 40 by default + height?: number, // 64 by default text?: string, // generated automatically by the text property - closable?: boolean, // false by default + closable?: boolean, // true by default enable?: boolean, // true by default fill?: string // "inherit" by default } @@ -200,9 +200,9 @@ The properties below are generated automatically. They are calculated during the - `stroke` - (optional) the color of the border of the project - `borderStyle` - (optional) the style of the project border - `header` - (optional) an object with configuration attributes of the header of the project. The attributes are: - - `height` - (optional) the height of the header, 40 by default + - `height` - (optional) the height of the header, 64 by default - `text` - (optional) the text to be rendered in the header (generated automatically by the `text` property) - - `closable` - (optional) shows/hides an icon intended to expand/collapse a group; *false* by default + - `closable` - (optional) shows/hides an icon intended to expand/collapse a group; *true* by default - `enable` - (optional) shows/hides the header of the project; *true* by default - `fill` - (optional) the background color of the header From 4bdb869d064bddc126f0d1bc13746e76d7c8d622 Mon Sep 17 00:00:00 2001 From: Serhii Pylypchuk Date: Tue, 23 Jun 2026 14:42:45 +0300 Subject: [PATCH 3/4] [update] correct line title default values in docs - set autoPosition default to false - set fontWeight default to "normal" --- docs/line_titles/configuration_properties.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/docs/line_titles/configuration_properties.md b/docs/line_titles/configuration_properties.md index e70105248..ec08ba8d3 100644 --- a/docs/line_titles/configuration_properties.md +++ b/docs/line_titles/configuration_properties.md @@ -22,7 +22,7 @@ const data = [ parent: string | number, distance?: number, // 50 by default - autoPosition?: boolean, // true by default + autoPosition?: boolean, // false by default editable?: boolean, // true by default fixed?: boolean, // false by default hidden?: boolean, // false by default @@ -32,7 +32,7 @@ const data = [ lineHeight?: string | number, // 14 by default fontStyle?: "normal" | "italic" | "oblique", // "normal" by default fontColor?: string, // "#4C4C4C" by default - fontWeight?: string, // "500" by default + fontWeight?: string, // "normal" by default textAlign?: "center" | "left" | "right" // "center" by default }, // more line objects @@ -48,7 +48,7 @@ Each line title object can include the following properties: - `parent` - (required) the id of the line to display the title for - `text` - (required) the text of the line title - `distance` - (optional) specifies the distance to the point of displaying the title on the line in the range from 0 to 100, 50 by default -- `autoPosition` - (optional) defines the direction of the text, if set to *true* - the direction of the text is the same as that of the line, *false* - the direction of the text is always horizontal, *true* by default +- `autoPosition` - (optional) defines the direction of the text, if set to *true* - the direction of the text is the same as that of the line, *false* - the direction of the text is always horizontal, *false* by default - `editable` - (optional) enables/disables the ability to edit the text of the item by double-clicking on it, *true* by default - `fixed` - (optional) enables/disables the ability to fix the text of the item with the specified `distance` value, *false* by default - `hidden` - (optional) defines whether the text will be hidden, *false* by default @@ -57,7 +57,7 @@ Each line title object can include the following properties: - `lineHeight` - (optional) the height of the text line, 14 by default - `fontStyle` - (optional) the style of the text font: `"normal"` (default), `"italic"`, `"oblique"` - `fontColor` - (optional) the color of the text font, "#4C4C4C" by default -- `fontWeight` - (optional) the text font weight, possible values are: `"normal"`, `"bold"`, `"bolder"`, `"lighter"`; values `"100"`-`"900"`, where `"400"` is the same as normal, and `"600"`+ is the boldest font; `"500"` by default +- `fontWeight` - (optional) the text font weight, possible values are: `"normal"`, `"bold"`, `"bolder"`, `"lighter"`; values `"100"`-`"900"`, where `"400"` is the same as normal, and `"600"`+ is the boldest font; `"normal"` by default - `textAlign` - (optional) the alignment of the text: `"center"`(default), `"left"`, `"right"` ### Example From 9be99dc3a91a72406a5b4498677bfa49c830047e Mon Sep 17 00:00:00 2001 From: Serhii Pylypchuk Date: Tue, 23 Jun 2026 22:26:23 +0300 Subject: [PATCH 4/4] [update] correct line and swimlane defaults in docs - fix line stroke color to "#2196F3" in the default mode - set forwardArrow and backArrow defaults to "none" - mark "elbow" as the default line type in the default mode - update swimlane border stroke default to "#B8C6D6" --- docs/lines/configuration_properties.md | 10 +++++----- docs/lines/index.md | 2 +- docs/swimlanes/configuration_properties.md | 2 +- 3 files changed, 7 insertions(+), 7 deletions(-) diff --git a/docs/lines/configuration_properties.md b/docs/lines/configuration_properties.md index 463785e78..440a020d9 100644 --- a/docs/lines/configuration_properties.md +++ b/docs/lines/configuration_properties.md @@ -40,7 +40,7 @@ Each line object can include the following properties: - `to` - (optional) the id of the child shape - `connectType` - (optional) the connection type of the line: ["straight"](/lines/#lines-in-the-default-mode), ["elbow"](/lines/#lines-in-the-org-chart-mode) (the default type in the default/org chart modes), ["curved"](/lines/#lines-in-the-mindmap-mode) (the default type in the mindmap mode) - `strokeWidth` - (optional) the width of the line, 2 by default -- `stroke` - (optional) the color of the line; "#2198F3" in the default mode, and "#CCC" in the org chart/mindmap modes by default +- `stroke` - (optional) the color of the line; "#2196F3" in the default mode, and "#CCC" in the org chart/mindmap modes by default ## Properties specific for the default mode @@ -51,8 +51,8 @@ const data = [ // line object { // ... common properties - forwardArrow?: string, // "filled" by default - backArrow?: string, // "filled" by default + forwardArrow?: string, // "none" by default + backArrow?: string, // "none" by default fromSide?: "top" | "bottom" | "left" | "right" | "center", toSide?: "top" | "bottom" | "left" | "right" | "center", cornersRadius?: number, @@ -70,8 +70,8 @@ const data = [ When preparing a data set for lines to load into the diagram in the default mode, you can add the following properties to the configuration object of a line: -- `forwardArrow` - (optional) sets a forward arrow connector and defines the type of the arrow (`"filled"` by default) -- `backArrow` - (optional) sets a back arrow connector and defines the type of the arrow (`"filled"` by default) +- `forwardArrow` - (optional) sets a forward arrow connector and defines the type of the arrow (`"none"` by default) +- `backArrow` - (optional) sets a back arrow connector and defines the type of the arrow (`"none"` by default) - `fromSide` - (optional) the side of the shape from which connection will start ("*top*", "*bottom*", "*left*","*right*", "*center*") - `toSide` - (optional) the side of the shape to which a different shape will be attached ("*top*", "*bottom*", "*left*", "*right*", "*center*") - `cornersRadius` - (optional) the radius of rounding corners of a connector diff --git a/docs/lines/index.md b/docs/lines/index.md index ada3d68f1..51ced5038 100644 --- a/docs/lines/index.md +++ b/docs/lines/index.md @@ -12,7 +12,7 @@ The look and feel of the lines which connect shapes is defined by the mode you i ### Lines in the default mode -In the default mode of Diagram, various shapes can be connected by ["straight" (by default) or "elbow"](lines/configuration_properties.md) lines in the necessary sequence to make up a scheme of a particular process. +In the default mode of Diagram, various shapes can be connected by ["elbow" (by default) or "straight"](lines/configuration_properties.md) lines in the necessary sequence to make up a scheme of a particular process. To add a text for a line in the default mode of Diagram/Diagram Editor, use the `text` property of the [lineTitle](/line_titles/) object. diff --git a/docs/swimlanes/configuration_properties.md b/docs/swimlanes/configuration_properties.md index 9002cced6..8f26c851f 100644 --- a/docs/swimlanes/configuration_properties.md +++ b/docs/swimlanes/configuration_properties.md @@ -110,7 +110,7 @@ The `open` property works when a `header` is initialized with the `closable` att ::: - `style` - (optional) an object with the style settings of the swimlane. The object can contain the following attributes: - `strokeWidth` - (optional) the width of the swimlane border, 1 by default - - `stroke` - (optional) the color of the border of the swimlane, "#DEDEDE" by default + - `stroke` - (optional) the color of the border of the swimlane, "#B8C6D6" by default - `fill` - (optional) the background color for all cells of the swimlane - `header` - (optional) an object with configuration attributes of the header of the swimlane. The attributes are: - `height` - (optional) the height of the header, 40 by default