Footer on Window Control

Progress® Telerik® UI for Blazor Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Completed

Last Updated: 31 May 2023 16:32 by ADMIN

Release 4.3.0 (06/07/2023) (R2 2023)

Rob

Created on: 13 Apr 2020 15:34

Category: Window

Type: Feature Request

Footer on Window Control

When using the Window control as a modal, it would be nice to have the ability to define a Footer, similar to the Window Title / Header.

Duplicated Items

Blazor Window Footer

3 comments

Thomas

Posted on: 14 Mar 2023 23:36

Another problem with the suggested solution is that it does not work with dragging and resizing of he window. So a Footer render fragment that works like the WindowTitle render fragment would be really helpfull.

Thomas

Posted on: 14 Mar 2023 21:49

A RenderFragment for a WindowFooter would be realy nice. The probem with the solution from Marin is that the footer will be located inside the Content. I want to have a footer where I place my buttons and that footer should allways be located at the bottom of the window. When the content of the window does not fit in the height i would like to be able to scroll the content and keep the footer at the bottom.

The solition from Marin works by placing the footer on top the content, the problem with soltion is that the scrollbar is going all way down to the botton of the window, not only for the content.

To be able to create a good footer it must be located OUTSIDE the content, just as the Windot Title (header).

So please add a render fragment for a footer that is located outside the content.

ADMIN

Marin Bratanov

Posted on: 14 Apr 2020 06:43

Hi Rob,

In the meantime, you could use something like this:

<TelerikWindow Visible="true" Width="400px" Height="300px;" Class="specialFooterWindow">
    <WindowTitle>Lorem ipsum</WindowTitle>
    <WindowContent>
        <div class="contentWrapper">
            <div class="WindowFooter">
                The footer, its height matches the bottom padding of the content
            </div>
            <div class="WindowContent">
                a lot of content
            </div>
        </div>
    </WindowContent>
</TelerikWindow>

<style>
    .specialFooterWindow .k-window-content {
        overflow-y: hidden !important;
    }

    .contentWrapper {
        position: absolute;
        border: 1px solid red;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        overflow: auto;
    }

    .WindowFooter {
        position: fixed;
        bottom: 0;
        background: red;
        height: 40px;
        right: 16px; /*scrollbar*/
    }

    .WindowContent {
        height: 2000px;
        background: yellow;
        padding-bottom: 40px;
    }
</style>

Regards,
Marin Bratanov
Progress Telerik

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.