From 30a869894f9e77472f67456945150a685b34737f Mon Sep 17 00:00:00 2001
From: Dimo Dimov <961014+dimodi@users.noreply.github.com>
Date: Thu, 14 Aug 2025 10:23:29 +0300
Subject: [PATCH 1/2] docs(DockManager): Add missing UnpinnedChanged event
---
components/dockmanager/events.md | 41 +++++++++++++++++++++---------
components/dockmanager/overview.md | 38 +++++++++++++--------------
2 files changed, 48 insertions(+), 31 deletions(-)
diff --git a/components/dockmanager/events.md b/components/dockmanager/events.md
index 1ce9a6502f..66aae15398 100644
--- a/components/dockmanager/events.md
+++ b/components/dockmanager/events.md
@@ -16,6 +16,7 @@ This article explains the events available in the Telerik DockManager for Blazor
* [OnUndock](#ondock)
* [VisibleChanged](#visiblechanged)
* [SizeChanged](#sizechanged)
+* [UnpinnedChanged](#unpinnedchanged)
* [UnpinnedSizeChanged](#unpinnedsizechanged)
* [OnPaneResize](#onpaneresize)
* [State Events](#state-events)
@@ -24,7 +25,7 @@ This article explains the events available in the Telerik DockManager for Blazor
## OnDock
-The `OnDock` event is fired when any pane is docked.
+The `OnDock` event fires when any pane is docked.
The event handler receives as an argument an `DockManagerDockEventArgs` object that contains:
@@ -37,7 +38,7 @@ The event handler receives as an argument an `DockManagerDockEventArgs` object t
## OnUndock
-The `OnUndock` event is fired when any pane is undocked.
+The `OnUndock` event fires when any pane is undocked.
The event handler receives as an argument an `DockManagerUndockEventArgs` object that contains:
@@ -48,19 +49,23 @@ The event handler receives as an argument an `DockManagerUndockEventArgs` object
## VisibleChanged
-The `VisibleChanged` event is fired when the user tries to hide a given pane. You can effectively cancel the event by not propagating the new visibility state to the variable the `Visible` property is bound to. This is the way to cancel the event and keep the pane visible.
+The `VisibleChanged` event fires when the user tries to hide a given pane. You can effectively cancel the event by not propagating the new visibility state to the variable the `Visible` property is bound to. This is the way to cancel the event and keep the pane visible.
## SizeChanged
-The `SizeChanged` event is triggered when the `Size` parameter of the corresponding pane is changed.
+The `SizeChanged` event fireswhen the `Size` parameter of the corresponding pane changes.
+
+## UnpinnedChanged
+
+The `UnpinnedChanged` event fireswhen the `Unpinned` parameter of the corresponding pane changes.
## UnpinnedSizeChanged
-The `UnpinnedSizeChanged` event is triggered when the `UnpinnedSize` parameter of the corresponding pane is changed.
+The `UnpinnedSizeChanged` event fireswhen the `UnpinnedSize` parameter of the corresponding pane changes.
## OnPaneResize
-The `OnPaneResize` event is fired when a pane is resized, except unpinned panes. It lets you respond to that change if needed - for example, call the `.Refresh()` method of a chart or otherwise repaint a child component in the content. You can also use it to, for example, update the saved [state](slug:dockmanager-state) for your users.
+The `OnPaneResize` event fires when a pane is resized, except unpinned panes. It lets you respond to that change if needed - for example, call the `.Refresh()` method of a chart or otherwise repaint a child component in the content. You can also use it to, for example, update the saved [state](slug:dockmanager-state) for your users.
The event handler receives as an argument an `DockManagerPaneResizeEventArgs` object that contains:
@@ -81,7 +86,7 @@ Review the [DockManager state](slug:dockmanager-state) article for more details
## OnPin
-The `OnPin` event is fired when any pane is pinned.
+The `OnPin` event fires when any pane is pinned.
The event handler receives as an argument an `DockManagerPinEventArgs` object that contains:
@@ -92,7 +97,7 @@ The event handler receives as an argument an `DockManagerPinEventArgs` object th
## OnUnpin
-The `OnUnpin` event is fired when any pane is unpinned.
+The `OnUnpin` event fires when any pane is unpinned.
The event handler receives as an argument an `DockManagerUnpinEventArgs` object that contains:
@@ -124,13 +129,17 @@ The event handler receives as an argument an `DockManagerUnpinEventArgs` object
Pane 1. Undocking is allowed. Docking over it is cancelled.
- UnpinnedSizeChanged
is handled.
- Current UnpinnedSize
: @Pane1UnpinnedSize
+ UnpinnedChanged
and UnpinnedSizeChanged
are handled.
+ Current
+ UnpinnedSize
:
+ @Pane1UnpinnedSize
@@ -206,6 +215,7 @@ The event handler receives as an argument an `DockManagerUnpinEventArgs` object
@code {
private TelerikDockManager? DockManagerRef { get; set; }
+ private bool Pane1Unpinned { get; set; }
private string Pane1UnpinnedSize { get; set; } = "360px";
private bool Pane4Visible { get; set; } = true;
private bool FloatingPaneVisible { get; set; } = true;
@@ -247,7 +257,7 @@ The event handler receives as an argument an `DockManagerUnpinEventArgs` object
}
else
{
- DockManagetEventLog.Insert(0, $"Pane {args.PaneId} was pinned.");
+ DockManagetEventLog.Insert(0, $"[DockManager OnPanePin] Pane {args.PaneId} was pinned.");
}
}
@@ -256,6 +266,13 @@ The event handler receives as an argument an `DockManagerUnpinEventArgs` object
DockManagetEventLog.Insert(0, $"Pane {args.PaneId} was resized to {args.Size}.");
}
+ private void Pane1UnpinnedChanged(bool newUnpinned)
+ {
+ Pane1Unpinned = newUnpinned;
+
+ DockManagetEventLog.Insert(0, $"[Pane UnpinnedChanged] Pane Pane 1 was {(newUnpinned ? "unpinned" : "pinned")}.");
+ }
+
private void Pane1UnpinnedSizeChanged(string newUnpinnedSize)
{
Pane1UnpinnedSize = newUnpinnedSize;
@@ -272,7 +289,7 @@ The event handler receives as an argument an `DockManagerUnpinEventArgs` object
}
else
{
- DockManagetEventLog.Insert(0, $"Pane {args.PaneId} was unpinned.");
+ DockManagetEventLog.Insert(0, $"[DockManager OnUnpin] Pane {args.PaneId} was unpinned.");
}
}
diff --git a/components/dockmanager/overview.md b/components/dockmanager/overview.md
index 6853d7aff4..64645d8216 100644
--- a/components/dockmanager/overview.md
+++ b/components/dockmanager/overview.md
@@ -119,49 +119,49 @@ The following table lists the Dock Manager parameters. Also check the [DockManag
| Parameter | Type and Default Value | Description |
| --- | --- | --- |
-| `AllowFloat` | `bool`
(`false`) | Determines whether the pane can be dragged from the dock manager layout to create a new floating pane. |
+| `AllowFloat` | `bool` | Determines whether the pane can be dragged from the dock manager layout to create a new floating pane. |
| `Class` | `string` | The custom CSS class of the `
` element. Use it to [override theme styles](slug:themes-override). |
-| `Closeable` | `bool`
(`false`) | Determines whether the pane can be closed. |
-| `Dockable` | `bool`
(`false`) | Specifies whether the pane allows other panes to be docked to or over it. This determines if the end user can drop other panes over it or next to it, creating a DockManagerSplitPane (Splitter) or a DockManagerTabGroupPane (TabStrip). |
+| `Closeable` | `bool` | Determines whether the pane can be closed. |
+| `Dockable` | `bool` | Specifies whether the pane allows other panes to be docked to or over it. This determines if the end user can drop other panes over it or next to it, creating a DockManagerSplitPane (Splitter) or a DockManagerTabGroupPane (TabStrip). |
| `HeaderText` | `string` | The pane title, displayed in the pane header and as the button text in the DockManager toolbar when the pane is unpinned. |
| `Id` | `string`
(`Guid`) | The id of the pane. |
-| `Maximizable` | `bool`
(`false`) | Determines whether the pane can be maximized. |
-| `Size` | `string` | Determines the size of the splitter pane. |
-| `Unpinnable` | `bool`
(`false`) | Determines whether the pane can be unpinned. |
-| `Unpinned` | `bool`
(`true`) | Determines whether the pane is unpinned. |
-| `UnpinnedSize` | `string` | Determines the size of the splitter pane when it is unpinned. |
-| `Visible` | `bool`
(`true`) | Determines whether the tab/pane is rendered. |
+| `Maximizable` | `bool` | Determines whether the pane can be maximized. |
+| `Size` | `string` | Determines the size of the splitter pane. Supports two-way binding. |
+| `Unpinnable` | `bool` | Determines whether the pane can be unpinned. |
+| `Unpinned` | `bool` | Determines whether the pane is unpinned. Supports two-way binding. |
+| `UnpinnedSize` | `string` | Determines the size of the splitter pane when it is unpinned. Supports two-way binding. |
+| `Visible` | `bool`
(`true`) | Determines whether the tab/pane is rendered. Supports two-way binding. |
### DockManagerSplitPane Parameters
| Parameter | Type and Default Value | Description |
| --- | --- | --- |
-| `AllowEmpty` | `bool`
(`false`) | Determines whether a splitter pane is shown as empty when a child pane is removed (dragged out, closed, etc.). If set to false, the splitter is re-rendered without the removed child pane. |
+| `AllowEmpty` | `bool` | Determines whether a splitter pane is shown as empty when a child pane is removed (dragged out, closed, etc.). If set to false, the splitter is re-rendered without the removed child pane. |
| `Class` | `string` | The custom CSS class of the `
` element. Use it to [override theme styles](slug:themes-override). |
| `Id` | `string`
(`Guid`) | The id of the pane. |
| `Orientation` | `DockManagerPaneOrientation` enum
(`Vertical`) | Determines the orientation of the rendered splitter. |
-| `Size` | `string` | Determines the size of the splitter pane. |
-| `Visible` | `bool`
(`true`) | Determines whether the tab/pane is rendered. |
+| `Size` | `string` | Determines the size of the splitter pane. Supports two-way binding. |
+| `Visible` | `bool`
(`true`) | Determines whether the tab/pane is rendered. Supports two-way binding. |
#### DockManagerSplitPane Parameters (only when defined as a floating pane)
| Parameter | Type and Default Value | Description |
| --- | --- | --- |
-| `FloatingHeight` | `string` | The height of the rendered window. |
-| `FloatingLeft` | `string` | The CSS `left` value of the rendered window, relative to the dock manager element (`k-dockmanager`) |
+| `FloatingHeight` | `string` | The height of the rendered window. Supports two-way binding. |
+| `FloatingLeft` | `string` | The CSS `left` value of the rendered window, relative to the dock manager element (`k-dockmanager`). Supports two-way binding. |
| `FloatingResizable` | `bool`
(`true`) | Determines whether the rendered window is resizable. |
-| `FloatingTop` | `string` | The CSS `top` value of the rendered window, relative to the dock manager element (`k-dockmanager`) |
-| `FloatingWidth` | `string` | The width of the rendered window. |
+| `FloatingTop` | `string` | The CSS `top` value of the rendered window, relative to the dock manager element (`k-dockmanager`). Supports two-way binding. |
+| `FloatingWidth` | `string` | The width of the rendered window. Supports two-way binding. |
### DockManagerTabGroupPane Parameters
| Parameter | Type and Default Value | Description |
| --- | --- | --- |
-| `AllowEmpty` | `bool`
(`false`) | Determines whether an empty space is left when all tabs are removed (unpinned, closed, etc.), allowing you to drop content panes and create a new tab. |
+| `AllowEmpty` | `bool` | Determines whether an empty space is left when all tabs are removed (unpinned, closed, etc.), allowing you to drop content panes and create a new tab. |
| `Id` | `string`
(`Guid`) | The id of the pane. |
| `SelectedPaneId` | `int` | The `id` of the initially selected tab pane. |
-| `Size` | `string` | Determines the size of the splitter pane. |
-| `Visible` | `bool`
(`true`) | Determines whether the tab/pane is rendered. |
+| `Size` | `string` | Determines the size of the splitter pane. Supports two-way binding. |
+| `Visible` | `bool`
(`true`) | Determines whether the tab/pane is rendered. Supports two-way binding. |
## DockManager Reference
From 5e3cb227e632480f547f86be418395033dc89383 Mon Sep 17 00:00:00 2001
From: Dimo Dimov <961014+dimodi@users.noreply.github.com>
Date: Thu, 14 Aug 2025 10:27:51 +0300
Subject: [PATCH 2/2] Update components/dockmanager/events.md
Co-authored-by: Hristian Stefanov <72554148+xristianstefanov@users.noreply.github.com>
---
components/dockmanager/events.md | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/components/dockmanager/events.md b/components/dockmanager/events.md
index 66aae15398..7534f787bf 100644
--- a/components/dockmanager/events.md
+++ b/components/dockmanager/events.md
@@ -61,7 +61,7 @@ The `UnpinnedChanged` event fireswhen the `Unpinned` parameter of the correspond
## UnpinnedSizeChanged
-The `UnpinnedSizeChanged` event fireswhen the `UnpinnedSize` parameter of the corresponding pane changes.
+The `UnpinnedSizeChanged` event fires when the `UnpinnedSize` parameter of the corresponding pane changes.
## OnPaneResize