diff --git a/packages/default/scss/dock-manager/_layout.scss b/packages/default/scss/dock-manager/_layout.scss
index 2841fa8a47e..c5ceffe618c 100644
--- a/packages/default/scss/dock-manager/_layout.scss
+++ b/packages/default/scss/dock-manager/_layout.scss
@@ -157,6 +157,10 @@
z-index: 10;
}
+ .k-floating-pane:has(.k-pane) .k-window-content {
+ padding: 0;
+ }
+
}
@mixin kendo-dock-navigator--layout() {
diff --git a/packages/fluent/scss/dock-manager/_layout.scss b/packages/fluent/scss/dock-manager/_layout.scss
index 1ab4c4b383b..c2957066bb1 100644
--- a/packages/fluent/scss/dock-manager/_layout.scss
+++ b/packages/fluent/scss/dock-manager/_layout.scss
@@ -154,6 +154,10 @@
border-radius: var( --kendo-dock-manager-dock-preview-border-radius, #{$kendo-dock-manager-dock-preview-border-radius} );
}
+ .k-floating-pane:has(.k-pane) .k-window-content {
+ padding: 0;
+ }
+
}
@mixin kendo-dock-indicator--layout() {
diff --git a/packages/html/src/dock-manager/index.ts b/packages/html/src/dock-manager/index.ts
index c804025fdde..92dfac768b5 100644
--- a/packages/html/src/dock-manager/index.ts
+++ b/packages/html/src/dock-manager/index.ts
@@ -6,3 +6,6 @@ export * from './dock-navigator';
export * from './pane-scrollable';
export * from './templates/dock-manager-normal';
export * from './templates/dock-manager-unpinned-pane';
+export * from './templates/dock-manager-floating-pane';
+export * from './templates/dock-manager-floating-pane-with-tabstrip';
+export * from './templates/dock-manager-floating-pane-with-splitter';
diff --git a/packages/html/src/dock-manager/templates/dock-manager-floating-pane-with-splitter.tsx b/packages/html/src/dock-manager/templates/dock-manager-floating-pane-with-splitter.tsx
new file mode 100644
index 00000000000..913ca8907c0
--- /dev/null
+++ b/packages/html/src/dock-manager/templates/dock-manager-floating-pane-with-splitter.tsx
@@ -0,0 +1,48 @@
+import { Button } from "../../button";
+import { MenuButton } from "../../menu-button";
+import { SplitterPane } from "../../splitter";
+import { WindowNormal } from "../../window";
+import DockManagerSplitter from "../dock-manager-splitter";
+import PaneScrollable from "../pane-scrollable";
+
+export const DockManagerFloatingPaneWithSplitter = (props) => (
+
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusamus perspiciatis mollitia dicta expedita numquam reprehenderit assumenda rem eum id voluptas laborum pariatur ab alias iure accusantium blanditiis, corporis, ut maxime?
+ Ea assumenda minus debitis excepturi ipsum facere inventore aperiam delectus maxime tenetur hic vel, cum ab est voluptas in laborum deserunt. Ipsum possimus nam aspernatur quia aliquid in doloremque ex.
+
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusamus perspiciatis mollitia dicta expedita numquam reprehenderit assumenda rem eum id voluptas laborum pariatur ab alias iure accusantium blanditiis, corporis, ut maxime?
+ Ea assumenda minus debitis excepturi ipsum facere inventore aperiam delectus maxime tenetur hic vel, cum ab est voluptas in laborum deserunt. Ipsum possimus nam aspernatur quia aliquid in doloremque ex.
+