Skip to content

Latest commit

 

History

History
54 lines (42 loc) · 1.45 KB

window-align-to-right.md

File metadata and controls

54 lines (42 loc) · 1.45 KB
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 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>