diff --git a/knowledge-base/dockmanager-add-content-pane-footer.md b/knowledge-base/dockmanager-add-content-pane-footer.md
new file mode 100644
index 000000000..18f02931f
--- /dev/null
+++ b/knowledge-base/dockmanager-add-content-pane-footer.md
@@ -0,0 +1,93 @@
+---
+title: How to Add a Footer to the DockManagerContentPane
+description: Learn how to add a fixed footer to the DockManagerContentPane.
+type: how-to
+page_title: How to Add a Fixed Footer to DockManagerContentPane in UI for Blazor
+meta_title: How to Add a Fixed Footer to DockManagerContentPane in UI for Blazor
+slug: dockmanager-kb-add-content-pane-footer
+tags: dockmanager, content, pane, footer, header, fixed
+res_type: kb
+ticketid: 1700189
+---
+
+## Environment
+
+
+
+
Product
+
DockManager for Blazor
+
+
+
+
+## Description
+
+I want to add a footer below the content block in the [`DockManagerContentPane`](slug:dockmanager-pane-types) component. The footer should remain fixed while the content block is scrollable.
+
+## Solution
+
+To add a fixed footer below a scrollable content in a `DockManagerContentPane`, define a `div` container with `display: flex; flex-direction: column;` and set the scrollable content and footer as separate sections.
+
+````Razor
+
+
+
+
+
+
+
+
+
+ Custom Header for Pane 1.1
+
+
+
+
+
+
+ @for (int i = 1; i <= 30; i++)
+ {
+
Scrollable content line @i
+ }
+
+
+
+
+ Custom Footer (Fixed)
+
+
+
+
+
+
+
+ Second Content Pane in Split configuration
+
+
+
+
+
+
+
+
+
+
+
+ First Tab Content
+
+
+
+
+
+ Second Tab Content
+
+
+
+
+
+
+
+````
+
+## See Also
+- [DockManager Documentation](slug:dockmanager-overview)