Skip to content

Commit 8f38ea1

Browse files
committed
docs(dialog): Updating changelog and readme files
1 parent 69cd5bb commit 8f38ea1

File tree

2 files changed

+21
-0
lines changed

2 files changed

+21
-0
lines changed

CHANGELOG.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -36,6 +36,7 @@ All notable changes for each version of this project will be documented in this
3636
### New Features
3737
- `IgxDatePicker`
3838
- `valueChange` event is added.
39+
- `IgxDialog` new @Input `positionSettings` is now available. It provides the ability to get/set both position and animation settings of the Dialog component.
3940

4041
## 8.1.0
4142

projects/igniteui-angular/src/lib/dialog/README.md

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -93,3 +93,23 @@ or
9393
<div igxDialogActions>BUTTONS</div>
9494
</igx-dialog>
9595
```
96+
97+
You can now set set the position and animation settings used by the dialog by using `positionSettings` @Input
98+
99+
```typescript
100+
import { slideInLeft, slideOutRight } from 'igniteui-angular';
101+
...
102+
@ViewChild('alert', { static: true }) public alert: IgxDialogComponent;
103+
public newPositionSettings: PositionSettings = {
104+
openAnimation: useAnimation(slideInTop, { params: { duration: '2000ms' } }),
105+
closeAnimation: useAnimation(slideOutBottom, { params: { duration: '2000ms'} }),
106+
horizontalDirection: HorizontalAlignment.Left,
107+
verticalDirection: VerticalAlignment.Middle,
108+
horizontalStartPoint: HorizontalAlignment.Left,
109+
verticalStartPoint: VerticalAlignment.Middle,
110+
minSize: { height: 100, width: 100 }
111+
};
112+
113+
this.alert.positionSettings = this.newPositionSettings;
114+
```
115+

0 commit comments

Comments
 (0)