Is it possible to add a footer to a DockManagerContentPane

[Martin]

The DockManagerContentPane provides a HeaderTemplate for interface components that appear above the Content. Is it possible to add a footer component below the Content block.

I have scrollable content in the Content block and need to insert a paging control beneath the Content block that does not scroll with the text.

Thanks

[Hristian Stefanov]

Hi Martin,

You can easily keep a custom footer fixed below the scrollable content. Here is an example I have prepared for you:

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

        <DockManagerSplitPane Orientation="@DockManagerPaneOrientation.Vertical" Size="40%">
            <Panes>

                <DockManagerContentPane Size="55%" HeaderText="Pane 1.1">
                    <HeaderTemplate>
                        <div style="color: darkblue; font-weight: bold;">
                            Custom Header for Pane 1.1
                        </div>
                    </HeaderTemplate>
                    <Content>
                        <div style="display: flex; flex-direction: column; height: 100%;">
                            <!-- Scrollable content -->
                            <div style="flex: 1; overflow-y: auto; padding: 0.5rem;">
                                @for (int i = 1; i <= 30; i++)
                                {
                                    <div>Scrollable content line @i</div>
                                }
                            </div>

                            <!-- Fixed footer -->
                            <div style="background: #f0f0f0; padding: 0.5rem; border-top: 1px solid #ccc;">
                                <strong>Custom Footer (Fixed)</strong>
                            </div>
                        </div>
                    </Content>
                </DockManagerContentPane>

                <DockManagerContentPane HeaderText="Pane 1.2">
                    <Content>
                        Second Content Pane in Split configuration
                    </Content>
                </DockManagerContentPane>

            </Panes>
        </DockManagerSplitPane>

        <DockManagerTabGroupPane>
            <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>
    </DockManagerPanes>

    <DockManagerFloatingPanes>
        <DockManagerSplitPane>
            <Panes>
                <DockManagerContentPane HeaderText="Floating Pane">
                    <Content>
                        Floating Pane Content
                    </Content>
                </DockManagerContentPane>
            </Panes>
        </DockManagerSplitPane>
    </DockManagerFloatingPanes>
</TelerikDockManager>

Regards,
Hristian Stefanov
Progress Telerik