Hi Erik,

Thank you for the update.

I'm happy to hear that you've found an effective solution that works for you while awaiting the release of the built-in functionality.

Regards,
Hristian Stefanov
Progress Telerik

Hi Erik,

The Window’s closing action removes it from the DOM, meaning its HTML element is no longer available to apply a straightforward hide animation.

As a possible alternative, though a bit complex, you could handle the Window's VisibleChanged event to mimic hiding with CSS. You could use a CSS class that sets "display: none;" along with a CSS "transition" effect. Once the animation completes, you would then set the Visible parameter to false to actually close the Window.

Regards,
Hristian Stefanov
Progress Telerik

Hi Michael,

Please accept our sincere apologies for the situation regarding this item.

It was deprioritized in recent releases in favor of more urgent tasks. However, the item remains on the table and is highly likely to be delivered in the first half of 2025 (either the Q1 or Q2 release). It will also be included in the public roadmap.

Alternative

In the meantime, I have tested and found an alternative solution that uses only CSS for animations. Here is an example I have prepared:

<style>
    /* Keyframes for sliding in from the left */
    @@keyframes slide-in {
        from {
            transform: translateX(-100%);
        }

        to {
            transform: translateX(0);
        }
    }

    /* Keyframes for fading in */
    @@keyframes fade-in {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    /* Keyframes for bouncing in */
    @@keyframes bounce-in {
        from {
            transform: scale(0.5);
            opacity: 0;
        }

        50% {
            transform: scale(1.1);
            opacity: 1;
        }

        to {
            transform: scale(1);
        }
    }

    /* Animation classes */
    .slide-in {
        animation: slide-in 2s ease-out;
    }

    .fade-in {
        animation: fade-in 1.5s ease-in-out;
    }

    .bounce-in {
        animation: bounce-in 1.2s ease-out;
    }
</style>

<h3>Select Animation:</h3>

<TelerikRadioGroup Data="@RadioGroupData" @bind-Value="@selectedAnimation" />

<!-- Bind the CSS class dynamically based on the selected animation -->
<TelerikWindow Class="@($"animated-container {selectedAnimation}")" @bind-Visible="@WindowIsVisible">
    <WindowTitle>
        Window Title
    </WindowTitle>
    <WindowContent>
        Window Content ...
    </WindowContent>
    <WindowActions>
        <WindowAction Name="Close" />
    </WindowActions>
    <WindowFooter>
        Window Footer Content ...
    </WindowFooter>
</TelerikWindow>

@code {
    private bool WindowIsVisible { get; set; } = true;
    private string selectedAnimation = "slide-in";

    private IEnumerable<string> RadioGroupData { get; set; } = new List<string> { "slide-in", "fade-in", "bounce-in" };

    private void SetAnimation(string animation)
    {
        selectedAnimation = animation;

        InvokeAsync(async () =>
        {
            await Task.Delay(10); // Small delay to ensure visibility state change
            WindowIsVisible = true;
        });
    }
}

Regards,
Hristian Stefanov
Progress Telerik

Hi Ted, Michael, and everyone 

I am Lyubomir, the Product Manager for Telerik UI for Blazor. I would like to apologize for any inconvenience caused by the recent roadmap changes.

I understand the importance of this request to all of you, and we will very soon provide updated timelines for when we will be able to include this feature.

Your understanding and ongoing support are greatly appreciated.

Regards,
Lyubomir
Progress Telerik

Hi Michael,

I can confirm that the item was initially scheduled for inclusion in version 4.2. However, due to capacity constraints and the level of prioritization of different items on the roadmap, a re-planning was necessary.

I am pleased to inform you that the feature is now scheduled to be included in our 4.5 release.

For more information, keep tracking the item status. Thank you for your patience and understanding for the time being.

Regards,
Hristian Stefanov
Progress Telerik

Hi Brian,

You can find something like that in my post from 18 Aug 2020 in this thread.

Regards,
Marin Bratanov
Progress Telerik