Skip to content

Commit f57e7ac

Browse files
Toast: update 'position' table (DevExpress#6967)
1 parent 336fa0f commit f57e7ac

File tree

2 files changed

+16
-12
lines changed

2 files changed

+16
-12
lines changed

api-reference/50 Common/utils/ui/notify(message_stack).md

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -24,19 +24,15 @@ The initial toast position.
2424
href: "https://js.devexpress.com/Demos//WidgetsGallery/Demo/Toast/Stack/"
2525
}
2626

27-
To stack toast messages, specify the `position` field in the **stack** object.
27+
To stack toast messages, specify the `position` field in the **stack** object. You can set the position field to a predefined string or object with coordinates. Note that if you use coordinates for the position field, you need to specify one horizontal and one vertical coordinate only.
2828

29-
The `position` field can be one of the following:
29+
The following table lists all predefined strings and their values:
3030

3131
<table class="dx-table">
3232
<tr>
3333
<th>String</th>
34-
<th>Object</th>
35-
</tr>
36-
<tr>
37-
<td>Cannot specify coordinates</td>
38-
<td><code>{x, y}</code>, e.g. <code>{100, 50}</code></td>
39-
</tr>
34+
<th>Coordinate Representation</th>
35+
</tr>
4036
<tr>
4137
<td><code>'top left'</code></td>
4238
<td><code>{left, top}</code></td>
@@ -73,6 +69,10 @@ The `position` field can be one of the following:
7369
<td><code>'bottom right'</code></td>
7470
<td><code>{right, bottom}</code></td>
7571
</tr>
72+
<tr>
73+
<td>A custom value</td>
74+
<td>Use <code>{x, y}</code> coordinate object, e.g. <code>{100, 50}</code>. The start of coordinates is the left bottom corner of the window.</td>
75+
</tr>
7676
</table>
7777

7878
[note] You can specify the starting [position](/api-reference/10%20UI%20Components/dxToast/1%20Configuration/position.md '/Documentation/ApiReference/UI_Components/dxToast/Configuration/#position') for a non-stackable [notify message](/api-reference/50%20Common/utils/ui/notify(options_type_displayTime).md '/Documentation/ApiReference/Common/Utils/ui/#notifyoptions_type_displayTime') in the `options` configuration object.

api-reference/50 Common/utils/ui/notify(options_stack).md

Lines changed: 8 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -24,15 +24,15 @@ The initial toast position.
2424
href: "https://js.devexpress.com/Demos//WidgetsGallery/Demo/Toast/Stack/"
2525
}
2626

27-
To stack toast messages, specify the `position` field in the **stack** object.
27+
To stack toast messages, specify the `position` field in the **stack** object. You can set the position field to a predefined string or object with coordinates. Note that if you use coordinates for the position field, you need to specify one horizontal and one vertical coordinate only.
2828

29-
The `position` field can be one of the following:
29+
The following table lists all predefined strings and their values:
3030

3131
<table class="dx-table">
3232
<tr>
3333
<th>String</th>
34-
<th>Object</th>
35-
</tr>
34+
<th>Coordinate Representation</th>
35+
</tr>
3636
<tr>
3737
<td><code>'top left'</code></td>
3838
<td><code>{left, top}</code></td>
@@ -69,6 +69,10 @@ The `position` field can be one of the following:
6969
<td><code>'bottom right'</code></td>
7070
<td><code>{right, bottom}</code></td>
7171
</tr>
72+
<tr>
73+
<td>A custom value</td>
74+
<td>Use <code>{x, y}</code> coordinate object, e.g. <code>{100, 50}</code>. The start of coordinates is the left bottom corner of the window.</td>
75+
</tr>
7276
</table>
7377

7478
[note] You can specify the starting [position](/api-reference/10%20UI%20Components/dxToast/1%20Configuration/position.md '/Documentation/ApiReference/UI_Components/dxToast/Configuration/#position') for a non-stackable [notify message](/api-reference/50%20Common/utils/ui/notify(options_type_displayTime).md '/Documentation/ApiReference/Common/Utils/ui/#notifyoptions_type_displayTime') in the `options` configuration object.

0 commit comments

Comments
 (0)