|
1 | 1 | # Position strategies |
2 | 2 |
|
3 | 3 | Position strategies determine where to display the component in the provided IgxOverlayService. There are three position strategies: |
4 | | -1) **Global** - Positions the element based on the directions passed in trough PositionSettings. These are Top/Middle/Bottom for verticalDirection and Left/Center/Right for horizontalDirection. Defaults to: |
| 4 | +1) **Global** - Positions the element based on the directions passed in through PositionSettings. These are Top/Middle/Bottom for verticalDirection and Left/Center/Right for horizontalDirection. Defaults to: |
5 | 5 |
|
6 | 6 | | horizontalDirection | verticalDirection | |
7 | 7 | |:---------------------------|:-------------------------| |
8 | 8 | | HorizontalAlignment.Center | VerticalAlignment.Middle | |
9 | 9 |
|
10 | | -2) **Container** - Positions the element inside the containing outlet based on the directions passed in trough PositionSettings. These are Top/Middle/Bottom for verticalDirection and Left/Center/Right for horizontalDirection. **Note:** The `outlet` property in `OverlaySettings` is deprecated; use `keepInPlace` to keep overlays in their original DOM position instead. Defaults to: |
| 10 | +2) **Container** - Positions the element inside the containing outlet based on the directions passed in through PositionSettings. These are Top/Middle/Bottom for verticalDirection and Left/Center/Right for horizontalDirection. **Note:** The `outlet` property in `OverlaySettings` is deprecated; use `keepInPlace` to keep overlays in their original DOM position instead. Defaults to: |
11 | 11 |
|
12 | 12 | | horizontalDirection | verticalDirection | |
13 | 13 | |:---------------------------|:-------------------------| |
14 | 14 | | HorizontalAlignment.Center | VerticalAlignment.Middle | |
15 | 15 |
|
16 | 16 |
|
17 | | -3) **Connected** - Positions the element based on the directions and start point passed in trough PositionSettings. It is possible to either pass a start point or an HTMLElement as a positioning base. Defaults to: |
| 17 | +3) **Connected** - Positions the element based on the directions and start point passed in through PositionSettings. It is possible to either pass a start point or an HTMLElement as a positioning base. Defaults to: |
18 | 18 |
|
19 | 19 | | target | horizontalDirection | verticalDirection | horizontalStartPoint | verticalStartPoint | |
20 | 20 | |:----------------|:--------------------------|:-------------------------|:-------------------------|:-------------------------| |
@@ -64,7 +64,7 @@ import {AutoPositionStrategy, GlobalPositionStrategy, ConnectedPositioningStrate |
64 | 64 | | Position Strategy | Name | Description | |
65 | 65 | |:------------------|:-------------------------------------------------------|:----------------------------------------------------------------------------------| |
66 | 66 | | Global | `position(contentElement)` | Positions the element, based on the horizontal and vertical directions. | |
67 | | -| Container | `position(contentElement)` | Positions the element inside the containing outlet based on the directions passed in trough PositionSettings. | |
| 67 | +| Container | `position(contentElement)` | Positions the element inside the containing outlet based on the directions passed in through PositionSettings. | |
68 | 68 | | Connected | `position(contentElement, size{})` | Positions the element, based on the position strategy used and the size passed in.| |
69 | 69 | | Auto | `position(contentElement, size{}, document?)` | Positions the element, based on the position strategy used and the size passed in.| |
70 | 70 | | Elastic | `position(contentElement, size{}, document?, minSize?)`| Positions the element, based on the position strategy used and the size passed in.| |
|
0 commit comments