blazor-docs/knowledge-base/window-align-to-right.md

title	description	type	page_title	slug	position	tags	ticketid	res_type
Align the window to the right side of the screen	How to align the window to the right side of the screen.	how-to	Align the window to the right side of the screen	window-kb-align-to-right			1452606	kb

Environment

Product

Window for Blazor

Description

How do I align the window to the right side of the screen (similar to Left = '100px')?

A popup's position is usually controlled through the Top and Left parameters (CSS rules) because you don't know how far the page will go to the right and down. This is why an explicit Right or Bottom parameter does not exist in the Window component.

Solution

Option 1: Put an [AnimationContainer]({%slug components/animationcontainer/overview%}) in an element that's positioned as desired - the AnimationContainer renders at its place of declaration and can easily have 100% width of its parent.

Option 2: Override the built-in CSS rules of the window and to put it at the right border of the page through your own class:

<style>
    .sticky-right{
        right: 0;
        transform:none;
    }
</style>

<TelerikWindow Class="sticky-right" Visible="true">
    <WindowTitle>
        <strong>The Title</strong>
    </WindowTitle>
    <WindowContent>
        This is my window <strong>popup</strong> content.
    </WindowContent>
</TelerikWindow>