You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: components/window/position.md
+10-9Lines changed: 10 additions & 9 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -17,7 +17,9 @@ The Window offers several ways to control its position:
17
17
*[Centered Window](#center)
18
18
*[Positions Example](#example)
19
19
20
-
The Window renders [in the root of the application](slug:window-overview#important-notes) or in its [containment element](#containmentselector). If the application is using special CSS positioning, margins, or other offsets on the Window ancestors, these CSS styles may [affect the position of the Window](slug:troubleshooting-general-issues#wrong-popup-position). However, if `Top` and `Left` parameters are not defined or equal to `string.Empty`, the Telerik Window will be positioned at the center of the viewport by default.
20
+
The Window renders [in the root of the application](slug:window-overview#important-notes) or in its [containment element](#containmentselector). However, if the `Top` and `Left` parameters are not defined or equal to `string.Empty`, the Telerik Window will be positioned at the center of the viewport by default.
21
+
22
+
If the application is using special CSS positioning, margins, or other offsets on the Window ancestors, these CSS styles may [affect the position of the Window](slug:troubleshooting-general-issues#wrong-popup-position).
21
23
22
24
## ContainmentSelector
23
25
@@ -68,7 +70,7 @@ When the [Window `ContainmentSelector` parameter is set](#containmentselector),
68
70
69
71
## Center
70
72
71
-
The Telerik Window is automatically centered when the `Top` and `Left` parameters are not set or are explicitly set to `string.Empty`. This ensures the Window appears in the middle of the viewport by default. To see this behavior in action, refer to the [example](#example) below.
73
+
The Telerik Window is automatically centered when the `Top` and `Left` parameters are not set or are explicitly set to `string.Empty`. To see this behavior in action, refer to the [example](#example) below.
72
74
73
75
## Example
74
76
@@ -81,34 +83,33 @@ When the [Window `ContainmentSelector` parameter is set](#containmentselector),
81
83
<code>WindowTop</code>: @WindowTop
82
84
</p>
83
85
84
-
<TelerikWindow @bind-Left="@WindowLeft"
86
+
<TelerikWindow @ref="@WindowRef"
87
+
@bind-Left="@WindowLeft"
85
88
@bind-Top="@WindowTop"
86
89
Visible="true"
87
-
Width="300px"
88
-
@ref="@WindowRef">
90
+
Width="300px">
89
91
<WindowTitle>Window</WindowTitle>
90
92
<WindowContent>
91
-
The values of <code>WindowLeft</code> and <code>WindowTop</code> change after the user ends dragging, resizing or centering the window.
93
+
The values of <code>WindowLeft</code> and <code>WindowTop</code> change after the user ends draggingor resizing.
0 commit comments