如何设置igxDialog的宽高？
How to set the width and height of igxDialog?
我正在尝试创建模态对话框，但宽度应用不正确。
<igx-dialog
#alert
title="Notification"
message="Your email has been sent successfully!"
leftButtonLabel="OK"
(onLeftButtonSelect)="alert.close()"
style="width:1000px"
></igx-dialog>
根据 documentation there is a [positionSettings] where you can customize the property minSize. This will allow you to create a custom width and height for the dialog but this only works for what they call Elastic Positioning Strategy.
据我所知，没有 属性 可以绑定 width 或 height 中的更改。似乎也无法通过输入 属性.
传递样式
请检查 here 一个示例，我已经更改以通过 CSS 设置样式来更改对话框的宽度。基本代码取自文档中的示例，但我认为它可能很有用，因为它是关于如何为组件创建自定义样式的示例。我只是将 width 添加到样式中进行测试，我相信它可以实现您的目标
您可以将 IgxDialogComponent 置于自定义 div 中，然后应用所需的样式。为此，您应该使用 IgxDialogComponent 使用的 IgxToggleDirective 的 IgxOverlayService。
可以找到可以看到的示例 here
我正在尝试创建模态对话框，但宽度应用不正确。
<igx-dialog
#alert
title="Notification"
message="Your email has been sent successfully!"
leftButtonLabel="OK"
(onLeftButtonSelect)="alert.close()"
style="width:1000px"
></igx-dialog>
根据 documentation there is a [positionSettings] where you can customize the property minSize. This will allow you to create a custom width and height for the dialog but this only works for what they call Elastic Positioning Strategy.
据我所知，没有 属性 可以绑定 width 或 height 中的更改。似乎也无法通过输入 属性.
请检查 here 一个示例，我已经更改以通过 CSS 设置样式来更改对话框的宽度。基本代码取自文档中的示例，但我认为它可能很有用，因为它是关于如何为组件创建自定义样式的示例。我只是将 width 添加到样式中进行测试，我相信它可以实现您的目标
您可以将 IgxDialogComponent 置于自定义 div 中，然后应用所需的样式。为此，您应该使用 IgxDialogComponent 使用的 IgxToggleDirective 的 IgxOverlayService。
可以找到可以看到的示例 here