Pane Header and Tab in DockManager have different height.

Progress® Telerik® UI for Blazor Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Completed

Last Updated: 29 Sep 2025 14:21 by ADMIN

Release 2025 Q4 (Nov)

Bohdan

Created on: 22 Sep 2025 10:49

Category: DockManager

Type: Bug Report

Pane Header and Tab in DockManager have different height.

Hi Telerik Team,

While working with the DockManager component we encountered a few issues and want to request a minor change:

Inconsistent pane header height
- When panes are in different states (headers displayed as a Tab vs. as a PaneHeader), their heights differ.
- Feature request: please consider introducing size enums (e.g. Small / Medium / Large) so that developers can adjust the header size. At the very least, making the heights consistent by default would help.

Thanks.
Bohdan

Attached Files:

zrzut-ekranu-2025-09-22-124431.png

2 comments

ADMIN

Dimo

Posted on: 26 Sep 2025 10:30

Hi Bohdan,

It turns out that we are missing a CSS class in the DockManager markup. According to our design, DockManager tabs should have the same appearance and height as TabStrip tabs. However, the bottom of the DockManager tabs should align with the bottom of content pane headers, which is currently not the case.

Here is a workaround. The additional CSS class will not be rendered at the correct place, but the end result will be similar to the expected one. I also updated your Telerik points.

On a side note, we are gradually implementing a Size parameter for more components.

<TelerikDockManager Height="50vh">
    <DockManagerPanes>

        <DockManagerSplitPane Orientation="@DockManagerPaneOrientation.Vertical">
            <Panes>

                <DockManagerContentPane HeaderText="Pane 1">
                    <Content>
                        Content Pane 1
                    </Content>
                </DockManagerContentPane>

            </Panes>
        </DockManagerSplitPane>

        <DockManagerTabGroupPane Class="k-pane-tabbed">
            <Panes>

                <DockManagerContentPane HeaderText="Tab 2.1">
                    <Content>
                        First Tab Content
                    </Content>
                </DockManagerContentPane>
                <DockManagerContentPane HeaderText="Tab 2.2">
                    <Content>
                        Second Tab Content
                    </Content>
                </DockManagerContentPane>

            </Panes>
        </DockManagerTabGroupPane>

        <DockManagerSplitPane Orientation="@DockManagerPaneOrientation.Vertical">
            <Panes>

                <DockManagerContentPane HeaderText="Pane 3">
                    <Content>
                        Content Pane 3
                    </Content>
                </DockManagerContentPane>

            </Panes>
        </DockManagerSplitPane>

    </DockManagerPanes>
</TelerikDockManager>

Regards,
Dimo
Progress Telerik

Your perspective matters! Join other professionals in the State of Designer-Developer Collaboration 2025: Workflows, Trends and AI survey to share how AI and new workflows are impacting collaboration, and be among the first to see the key findings.
Start the 2025 Survey

Bohdan

Posted on: 22 Sep 2025 11:14

Just for more context - this issue has already been discussed in the Telerik Forum here:
DockManager Tabs Issue