Draggable Window with Telerik UI for Blazor

Telerik UI for Blazor has a beautiful implementation of a draggable Window.

When Telerik UI for Blazor was in development, I asked it to be draggable, so the incredible team of Telefik implemented it.

<TelerikWindow @bind-Visible="@WindowIsVisible" Width="600px" Height="400px">
    <WindowTitle>
        This is a Window
    </WindowTitle>
    <WindowContent>
        <h2>
            Content (use any html tag)
        </h2>
        <p>Add your own content to the Window.</p>
        <p>
            Visit my home page:
            <a href="https://jsmotta.com.br">jsmotta.com.br</a>
        </p>
    </WindowContent>
    <WindowActions>
        <WindowAction Name="Close" />
    </WindowActions>
    <WindowFooter>
        This is a footer content of the Window
    </WindowFooter>
</TelerikWindow>

<TelerikButton OnClick="@( () => WindowIsVisible = !WindowIsVisible )">Toggle Window</TelerikButton>

So the Window can be dragged by the title!

Draggable Window with Telerik UI

Have a nice coding.


Similar Articles