Merge branch 'vnext' into dmdimitrov/dockmanager-docking-section

IgniteUI · Feb 5, 2025 · a97327b · a97327b
2 parents ca4034d + 90dea0c
commit a97327b
Show file tree

Hide file tree

Showing 77 changed files with 323 additions and 57 deletions.
diff --git a/doc/en/components/charts/types/data-pie-chart.md b/doc/en/components/charts/types/data-pie-chart.md
@@ -137,6 +137,10 @@ In addition to the mouse highlighting, the `DataPieChart` exposes a highlight fi
 
 When these conditions are met, the values of the subset will be highlighted, while the remainder of the full set of data will be faded - effectively creating a highlight for the subset and allowing easier visualization of a subset of your data within the same control.
 
+The following example demonstrates highlight filtering. 
+
+`sample="/charts/data-pie-chart/highlight-filter", height="600", alt="{Platform} Data Pie Chart Highlight Filtering"`
+
 <div class="divider--half"></div>
 
 ## {Platform} Data Pie Chart Animation
@@ -149,7 +153,7 @@ If you would like to animate data changes, this can also be done by setting the
 
 The following sample demonstrates the usage of animation in the `DataPieChart`:
 
-`sample="/charts/data-pie-chart/animation", height="600", alt="{Platform} Data Pie Chart Animation"`
+`sample="/charts/data-pie-chart/animation-replay", height="600", alt="{Platform} Data Pie Chart Animation"`
 
 <div class="divider--half"></div>
 

diff --git a/doc/en/components/general-changelog-dv-blazor.md b/doc/en/components/general-changelog-dv-blazor.md
@@ -12,6 +12,15 @@ All notable changes for each version of {ProductName} are documented on this pag
 
 * As of version 2024.2, the Ignite UI for Blazor toolset supports .NET 9. For more information on .NET 9 please refer to [this article on Microsoft's site](https://learn.microsoft.com/en-us/dotnet/core/whats-new/dotnet-9/overview).
 
+## **{PackageVerChanges-24-2-JAN}**
+
+- Bug Fixes
+
+### {PackageGrids}
+
+- **All Grids** 
+  - Fixed a critical memory leak when components are opened in several duplicate browser tabs.
+
 ## **{PackageVerChanges-24-2-DEC}**
 
 ### {PackageCharts} (Charts)

diff --git a/doc/en/components/general-changelog-dv-react.md b/doc/en/components/general-changelog-dv-react.md
@@ -9,6 +9,15 @@ namespace: Infragistics.Controls.Charts
 
 All notable changes for each version of {ProductName} are documented on this page.
 
+## **{PackageVerChanges-24-2-JAN}**
+
+- Bug Fixes
+
+### {PackageGrids}
+
+- **All Grids** 
+  - Fixed a critical memory leak when components are opened in several duplicate browser tabs.
+
 ## **{PackageVerChanges-24-2-DEC}**
 
 ### {PackageCharts} (Charts)

diff --git a/doc/en/components/general-changelog-dv-wc.md b/doc/en/components/general-changelog-dv-wc.md
@@ -10,6 +10,15 @@ namespace: Infragistics.Controls
 
 All notable changes for each version of {ProductName} are documented on this page.
 
+## **{PackageVerChanges-24-2-JAN}**
+
+- Bug Fixes
+
+### {PackageGrids}
+
+- **All Grids** 
+  - Fixed a critical memory leak when components are opened in several duplicate browser tabs.
+
 ### **{PackageVerChanges-24-2-DEC}**
 
 #### {PackageCharts} (Charts)

diff --git a/doc/en/components/general-changelog-dv.md b/doc/en/components/general-changelog-dv.md
@@ -15,6 +15,10 @@ All notable changes for each version of {ProductName} are documented on this pag
 
 * [Ignite UI for Angular CHANGELOG.md at Github](https://github.com/IgniteUI/igniteui-angular/blob/master)
 
+## **{PackageVerChanges-24-2-JAN}**
+
+* Angular 19 support.
+
 ## **{PackageVerChanges-24-2-DEC}**
 
 ### {PackageCharts} (Charts)

diff --git a/doc/en/components/grids/_shared/advanced-filtering.md b/doc/en/components/grids/_shared/advanced-filtering.md
@@ -5,6 +5,7 @@ _keywords: Advanced Filtering, {Platform}, {ProductName}, Infragistics
 mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
+_canonicalLink: {CanonicalLinkToGridAdvancedFiltering}
 ---
 
 

diff --git a/doc/en/components/grids/_shared/cascading-combos.md b/doc/en/components/grids/_shared/cascading-combos.md
@@ -18,7 +18,7 @@ The sample below demonstrates how `{ComponentName}` works with nested Cascading
 <!-- ComponentStart: Grid -->
 <code-view style="height:500px"
            data-demos-base-url="{environment:demosBaseUrl}"
-           iframe-src="{environment:demosBaseUrl}/{ComponentSample}-cascading-combo"
+           iframe-src="{environment:demosBaseUrl}/{ComponentSample}/cascading-combo"
            github-src="{ComponentSample}/cascading-combo"
            alt="{Platform} {ComponentName} Cascading Combos">
 </code-view>

diff --git a/doc/en/components/grids/_shared/cell-editing.md b/doc/en/components/grids/_shared/cell-editing.md
@@ -5,6 +5,7 @@ _keywords: data manipulation, excel editing, {Platform}, {ComponentKeywords}, {P
 mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
+_canonicalLink: {CanonicalLinkToGridCellEditing}
 ---
 
 # {Platform} {ComponentTitle} Cell Editing

diff --git a/doc/en/components/grids/_shared/cell-selection.md b/doc/en/components/grids/_shared/cell-selection.md
@@ -5,6 +5,7 @@ _keywords: data select, igniteui for {Platform}, infragistics
 mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
+_canonicalLink: {CanonicalLinkToGridCellSelection}
 ---
 
 # {Platform} {ComponentTitle} Cell Selection

diff --git a/doc/en/components/grids/_shared/clipboard-interactions.md b/doc/en/components/grids/_shared/clipboard-interactions.md
@@ -5,6 +5,7 @@ _keywords: {Platform}, {ComponentKeywords}, {ProductName}, Infragistics
 mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "PivotGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
+_canonicalLink: {CanonicalLinkToGridClipboardInteractions}
 ---
 
 # {Platform} {ComponentTitle} Clipboard Overview

diff --git a/doc/en/components/grids/_shared/collapsible-column-groups.md b/doc/en/components/grids/_shared/collapsible-column-groups.md
@@ -5,6 +5,7 @@ _keywords: {Platform}, {ComponentKeywords}, {ProductName}, Infragistics
 mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
+_canonicalLink: {CanonicalLinkToGridCollapsibleColumnGroups}
 ---
 # {Platform} {ComponentTitle} Collapsible Column Groups Overview
 

diff --git a/doc/en/components/grids/_shared/column-hiding.md b/doc/en/components/grids/_shared/column-hiding.md
@@ -5,6 +5,7 @@ _keywords: {Platform}, {ComponentKeywords}, {ProductName}, Infragistics
 mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
+_canonicalLink: {CanonicalLinkToGridColumnHiding}
 ---
 
 # {Platform} {ComponentTitle} Column Hiding

diff --git a/doc/en/components/grids/_shared/column-moving.md b/doc/en/components/grids/_shared/column-moving.md
@@ -5,6 +5,7 @@ _keywords: {Platform}, {ComponentKeywords}, {ProductName}, Infragistics
 mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
+_canonicalLink: {CanonicalLinkToGridColumnMoving}
 ---
 
 # {ComponentTitle} Column Reordering & Moving

diff --git a/doc/en/components/grids/_shared/column-pinning.md b/doc/en/components/grids/_shared/column-pinning.md
@@ -5,6 +5,7 @@ _keywords: {Platform}, {ComponentKeywords}, {ProductName}, Infragistics
 mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
+_canonicalLink: {CanonicalLinkToGridColumnPinning}
 ---
 
 # {Platform} {ComponentTitle} Column Pinning

diff --git a/doc/en/components/grids/_shared/column-resizing.md b/doc/en/components/grids/_shared/column-resizing.md
@@ -5,6 +5,7 @@ _keywords: {Platform}, {ComponentKeywords}, {ProductName}, Infragistics
 mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
+_canonicalLink: {CanonicalLinkToGridColumnResizing}
 ---
 
 # {Platform}  {ComponentTitle} Column Resizing Overview

diff --git a/doc/en/components/grids/_shared/column-selection.md b/doc/en/components/grids/_shared/column-selection.md
@@ -5,6 +5,7 @@ _keywords: {Platform}, {ComponentKeywords}, {ProductName}, Infragistics, column
 mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
+_canonicalLink: {CanonicalLinkToGridColumnSelection}
 ---
 
 # {Platform} {ComponentTitle} Column Selection Overview

diff --git a/doc/en/components/grids/_shared/column-types.md b/doc/en/components/grids/_shared/column-types.md
@@ -5,6 +5,7 @@ _keywords: Column Data Type , {Platform}, {ComponentKeywords}, {ProductName}, In
 mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
+_canonicalLink: {CanonicalLinkToGridColumnTypes}
 ---
 
 # {Platform} {ComponentTitle} Column Types Overview

diff --git a/doc/en/components/grids/_shared/conditional-cell-styling.md b/doc/en/components/grids/_shared/conditional-cell-styling.md
@@ -5,6 +5,7 @@ _keywords: conditional styling, {Platform}, {ProductName}, Infragistics
 mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
+_canonicalLink: {CanonicalLinkToGridConditionalCellStyling}
 ---
 
 # {Platform} {ComponentTitle} Conditional Styling

diff --git a/doc/en/components/grids/_shared/editing.md b/doc/en/components/grids/_shared/editing.md
@@ -5,6 +5,7 @@ _keywords: data manipulation, {Platform}, {ProductName}, Infragistics
 mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
+_canonicalLink: {CanonicalLinkToGridEditing}
 ---
 
 # {Platform} {ComponentTitle} Editing

diff --git a/doc/en/components/grids/_shared/export-excel.md b/doc/en/components/grids/_shared/export-excel.md
@@ -5,6 +5,7 @@ _keywords: {Platform}, {ComponentTitle}, {ComponentTitle}, {ProductName}, Infrag
 mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
+_canonicalLink: {CanonicalLinkToGridExportExcel}
 ---
 
 # {Platform} {ComponentTitle} Export to Excel Service

diff --git a/doc/en/components/grids/_shared/filtering.md b/doc/en/components/grids/_shared/filtering.md
@@ -5,6 +5,7 @@ _keywords: filter, {Platform}, {ComponentKeywords}, {ProductName}, Infragistics
 mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
+_canonicalLink: {CanonicalLinkToGridFiltering}
 ---
 
 # {Platform} {ComponentTitle} Filtering

diff --git a/doc/en/components/grids/_shared/multi-column-headers.md b/doc/en/components/grids/_shared/multi-column-headers.md
@@ -4,6 +4,7 @@ _description: Start grouping column headers by placing them under a common hiera
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 _keywords: Multi-Column Headers, {Platform}, {ComponentKeywords}, {ProductName}, Infragistics
 namespace: Infragistics.Controls
+_canonicalLink: {CanonicalLinkToGridMultiColumnHeaders}
 ---
 
 # {Platform} {ComponentTitle} Multi-Column Headers Overview

diff --git a/doc/en/components/grids/_shared/paging.md b/doc/en/components/grids/_shared/paging.md
@@ -4,6 +4,7 @@ _description: Configure {Platform} pagination and create custom pages in the {Pl
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 _keywords: Paging, {Platform}, {ComponentKeywords}, {ProductName}, Infragistics
 namespace: Infragistics.Controls
+_canonicalLink: {CanonicalLinkToGridPaging}
 ---
 
 # {Platform} {ComponentTitle} Pagination Overview

diff --git a/doc/en/components/grids/_shared/row-actions.md b/doc/en/components/grids/_shared/row-actions.md
@@ -5,6 +5,7 @@ _keywords: {Platform}, {ComponentKeywords}, {ProductName}, Infragistics
 mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
+_canonicalLink: {CanonicalLinkToGridRowActions}
 ---
 
 # Row Actions in {Platform} {ComponentTitle}

diff --git a/doc/en/components/grids/_shared/row-adding.md b/doc/en/components/grids/_shared/row-adding.md
@@ -5,6 +5,7 @@ _keywords: {Platform}, {ComponentKeywords}, {ProductName}, Infragistics
 mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
+_canonicalLink: {CanonicalLinkToGridRowAdding}
 ---
 
 # {Platform} {ComponentTitle} Row Adding

diff --git a/doc/en/components/grids/_shared/row-drag.md b/doc/en/components/grids/_shared/row-drag.md
@@ -5,6 +5,7 @@ _keywords: {Platform}, {ComponentKeywords}, {ProductName}, Infragistics
 mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
+_canonicalLink: {CanonicalLinkToGridRowDrag}
 ---
 
 # Row Dragging in {Platform} {ComponentTitle}

diff --git a/doc/en/components/grids/_shared/row-editing.md b/doc/en/components/grids/_shared/row-editing.md
@@ -5,6 +5,7 @@ _keywords: {Platform}, {ComponentKeywords}, {ProductName}, Infragistics
 mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "PivotGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
+_canonicalLink: {CanonicalLinkToGridRowEditing}
 ---
 
 # {Platform} {ComponentTitle} Row Editing

diff --git a/doc/en/components/grids/_shared/row-pinning.md b/doc/en/components/grids/_shared/row-pinning.md
@@ -5,6 +5,7 @@ _keywords: {Platform}, {ComponentKeywords}, {ProductName}, Infragistics
 mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
+_canonicalLink: {CanonicalLinkToGridRowPinning}
 ---
 
 # {Platform} {ComponentTitle} Row Pinning

diff --git a/doc/en/components/grids/_shared/row-selection.md b/doc/en/components/grids/_shared/row-selection.md
@@ -5,6 +5,7 @@ _keywords: {Platform}, {ComponentKeywords}, {ProductName}, Infragistics
 mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "PivotGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
+_canonicalLink: {CanonicalLinkToGridRowSelection}
 ---
 
 # {Platform} {ComponentTitle} Row Selection

diff --git a/doc/en/components/grids/_shared/selection.md b/doc/en/components/grids/_shared/selection.md
@@ -5,6 +5,7 @@ _keywords: {Platform}, {ComponentKeywords}, {ProductName}, Infragistics
 mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "PivotGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
+_canonicalLink: {CanonicalLinkToGridSelection}
 ---
 
 # {Platform} {ComponentTitle} Selection Overview

diff --git a/doc/en/components/grids/_shared/size.md b/doc/en/components/grids/_shared/size.md
@@ -5,6 +5,7 @@ _keywords:  material size, {Platform}, {ProductName}, Infragistics
 mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
+_canonicalLink: {CanonicalLinkToGridSize}
 ---
 
 # {Platform} {ComponentTitle} Size

diff --git a/doc/en/components/grids/_shared/sorting.md b/doc/en/components/grids/_shared/sorting.md
@@ -5,6 +5,7 @@ _keywords: {Platform} sort, {Platform}, {ProductName}, Infragistics
 mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
+_canonicalLink: {CanonicalLinkToGridSorting}
 ---
 
 # {Platform} {ComponentTitle} Sorting

diff --git a/doc/en/components/grids/_shared/state-persistence.md b/doc/en/components/grids/_shared/state-persistence.md
@@ -5,6 +5,7 @@ _keywords: state persistence, {Platform}, {ProductName}, Infragistics
 mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "PivotGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
+_canonicalLink: {CanonicalLinkToGridStatePersistence}
 ---
 
 # {Platform} {ComponentTitle} State Persistence

diff --git a/doc/en/components/grids/_shared/summaries.md b/doc/en/components/grids/_shared/summaries.md
@@ -5,6 +5,7 @@ _keywords: {Platform} {ComponentTitle} summaries, {Platform}, {ProductName}, Inf
 mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
+_canonicalLink: {CanonicalLinkToGridSummaries}
 ---
 
 # {Platform} {ComponentTitle} Summaries

diff --git a/doc/en/components/grids/_shared/toolbar.md b/doc/en/components/grids/_shared/toolbar.md
@@ -5,6 +5,7 @@ _keywords: {Platform}, {ComponentTitle}, {ComponentTitle}, {ProductName}, Infrag
 mentionedTypes: [{ComponentApiMembers}]
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 namespace: Infragistics.Controls
+_canonicalLink: {CanonicalLinkToGridToolbar}
 ---
 
 # {Platform} {ComponentTitle} Toolbar

diff --git a/doc/en/components/grids/_shared/virtualization.md b/doc/en/components/grids/_shared/virtualization.md
@@ -5,6 +5,7 @@ _keywords: {Platform} {ComponentTitle}, {ComponentTitle} performance, data table
 sharedComponents: ["Grid", "TreeGrid", "HierarchicalGrid"]
 mentionedTypes: [{ComponentApiMembers}]
 namespace: Infragistics.Controls
+_canonicalLink: {CanonicalLinkToGridVirtualization}
 ---
 
 # {Platform} {ComponentTitle} Virtualization and Performance

diff --git a/doc/en/components/layouts/dock-manager-customization.md b/doc/en/components/layouts/dock-manager-customization.md
@@ -98,6 +98,60 @@ Try it in the example below:
 
 `sample="/layouts/dock-manager/contained-in-boundaries", height="600", alt="{Platform} Dock Manager Contained in Boundaries Example"`
 
+## Split Panes Fixed Size Mode
+
+By default, the size of a pane is relative to the sizes of its sibling panes and defaults to 100. If you have two sibling panes, where the first one has its size set to 400 and the second one - to 200, the first will be twice the size of the second one and these two panes would fill up all the available space.
+
+If, for certain panes, you want to specify their sizes in pixels, instead of relying on the relative distribution of all the available space, you should set the `useFixedSize` of the parent split pane. When this property is set to **true** all children are sized in pixels, based on their `size` property. With that modification, the first pane will span across 400 pixels and the second one - 200 pixels. Further resizing via the splitter would change only the size of the current content pane without affecting the sizes of its siblings. Once the sum of the child panes' sizes exceeds their parent's size, a scrollbar will appear making the parent split pane scrollable.
+
+
+```ts
+const splitPaneRelativeSize: IgcSplitPane = {
+    type: IgcDockManagerPaneType.splitPane,
+    orientation: IgcSplitPaneOrientation.horizontal,
+    panes: [
+        {
+            type: IgcDockManagerPaneType.contentPane,
+            contentId: 'content1',
+            header: 'Pane 1',
+            size: 400 // Size will be relative to siblings
+        },
+        {
+            type: IgcDockManagerPaneType.contentPane,
+            contentId: 'content2',
+            header: 'Pane 2',
+            size: 200 // Size will be relative to siblings
+        }
+    ]
+}
+
+const splitPaneFixedSize: IgcSplitPane = {
+    type: IgcDockManagerPaneType.splitPane,
+    orientation: IgcSplitPaneOrientation.horizontal,
+    useFixedSize: true,
+    panes: [
+        {
+            type: IgcDockManagerPaneType.contentPane,
+            contentId: 'content3',
+            header: 'Pane 3',
+            size: 400 // Size will be applied in pixels
+        },
+        {
+            type: IgcDockManagerPaneType.contentPane,
+            contentId: 'content4',
+            header: 'Pane 4',
+            size: 200 // Size will be applied in pixels
+        }
+    ]
+}
+```
+
+Please note that when you dock a pane inside a split pane that has `useFixedSize` set to **true** the docked pane will then have the same width/height (depending on the split pane orientation) as the floating pane.
+
+Try it for yourself in the sample below:
+
+`sample="/layouts/dock-manager/split-pane-fixed-size", height="600", alt="{Platform} Dock Manager Split Pane Fixed Size Example"`
+
 ## API References
 
  - `DockManager`

diff --git a/doc/en/components/layouts/dock-manager.md b/doc/en/components/layouts/dock-manager.md
@@ -88,7 +88,7 @@ The Dock Manager defines several pane types:
 * `TabGroupPane`
 * `DocumentHost`
 
-Each type of pane has a `Size` property. Depending on the parent orientation the size may affect either the width or the height of the pane. The size of a pane is relative to the sizes of its sibling panes and defaults to 100. If you have two sibling panes, where the first one has size set to 200 and the second one - size set to 100, the first will be twice the size of the second one. If the absolute size of their parent is 900px, they will be sized to 600px and 300px respectively.
+Each type of pane has a `Size` property. Depending on the parent orientation the size may affect either the width or the height of the pane. By default, the size of a pane is relative to the sizes of its sibling panes and defaults to 100. If you have two sibling panes, where the first one has its size set to 200 and the second one - size set to 100, the first will be twice the size of the second one and these two panes would fill up all the available space. If the absolute size of their parent is 900px, they will be sized to 600px and 300px respectively. If, for certain panes, you want to specify their sizes in pixels, instead of relying on the relative distribution of all the available space, you should set the `useFixedSize` of the parent split pane. For more information on this refer to [Split Panes Fixed Size Mode](dock-manager-customization.md#split-panes-fixed-size-mode) topic.
 
 The end-user can perform the following actions to customize the layout at runtime:
 * Pin/unpin a pane