如何在 blazor 中调整 IgbDialog 的大小？

Question

我正在尝试使用 Ignite UI 组件调整 blazor（服务器端）中的

IgbDialog

的大小。不幸的是，我无法调整元素的大小，将宽度和高度添加到默认组件。我为我的无知道歉。预先感谢！

参见代码：https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/notifications/dialog

"<div class="container vertical">
    <IgbButton @onclick="OnDialogShow" [email protected]>Show Dialog</IgbButton>
    <IgbDialog @ref="DialogRef" Title="Confirmation" Width="500px" Height="800px"> 
        <p>Are you sure you want to delete the Annual_Report_2016.pdf and Annual_Report_2017.pdf   
files?</p>
        <IgbButton slot="footer" @onclick="OnDialogHide" [email protected]>Cancel</IgbButton>
        <IgbButton slot="footer" @onclick="OnDialogHide" [email protected]>OK</IgbButton>
    </IgbDialog>
</div>"

Answer 1

您必须将对话框的内容包装在

div

中并设置其样式。

<div class="container vertical">
    <IgbButton @onclick="OnDialogShow" [email protected]>Show Dialog</IgbButton>
    <IgbDialog @ref="DialogRef" Title="Confirmation">
        <div style="width:500px;height:500px;">
            <p>Are you sure you want to delete the Annual_Report_2016.pdf and Annual_Report_2017.pdf files?</p>
            <IgbButton slot="footer" @onclick="OnDialogHide" [email protected]>Cancel</IgbButton>
            <IgbButton slot="footer" @onclick="OnDialogHide" [email protected]>OK</IgbButton>
        </div>
    </IgbDialog>
</div>