Blazor Dialog is missing MinWidth property

[Lowis Schwahn]

I am currently having an issue with the Blazor component, namely that the "MinWidth" property seems to be missing. MinHeight works fine.

I was wondering whether you could add it. Thanks!

[Indrajith Srinivasan]

Hi Tobias, 

 

Greetings from Syncfusion support, 

 

We have validated your reported query. We have Width property in SfDialog, using which the dialog width can be defined.  Have you faced any complexity, in using the Width property ?.  

 

Please let us know if you face any issues, 

 

Regards, 

Indrajith 

[Lowis Schwahn]

Hello,

the Width property works fine, for what it's supposed to do. However, I am able to resize the dialog to a width that is smaller than the preset width and I would like for that to not be possible.

[Indrajith Srinivasan]

Hi Tobias, 

 

Good day to you, 

 

We have validated your reported query. You can achieve your requirement, by setting the min-width CSS for the dialog(.e-dialog) class. Using this the dialog resizing behavior can be restricted, for minimum width from resizing. Check the below code blocks for reference. 

 

 

@using Syncfusion.Blazor.Popups 

@using Syncfusion.Blazor.Buttons 

 

<SfButton @onclick="@OpenDialog">Open Dialog</SfButton> 

 

<SfDialog Width="250px" ShowCloseIcon="true" IsModal="true" @bind-Visible="@IsVisible" EnableResize="true"> 

    <DialogTemplates> 

        <Header> Dialog </Header> 

        <Content> This is a Dialog with button and primary button </Content> 

    </DialogTemplates> 

    <DialogButtons> 

        <DialogButton Content="OK" IsPrimary="true" OnClick="@CloseDialog" /> 

        <DialogButton Content="Cancel" OnClick="@CloseDialog" /> 

    </DialogButtons> 

</SfDialog> 

 

<style> 

    .e-dialog { 

        min-width: 150px; 

    } 

</style> 

 

@code { 

    private bool IsVisible { get; set; } = true; 

 

    private void OpenDialog() 

    { 

        this.IsVisible = true; 

    } 

 

    private void CloseDialog() 

    { 

        this.IsVisible = false; 

    } 

} 

 

 

Since the above scenario can be achieved from application end using the CSS, do you still expect MinWidth property for dialog ? 

 

Please let us know if the solution helps, 

 

Regards, 

Indrajith 

[Matthew Paul]

Can I second this, if it's got a MinHeight property, it makes sense for ease of use to have a matching MinWidth rather than require inline css hacks.

[UdhayaKumar Duraisamy]

We have considered “Need to provide support for MinWidth property for Dialog component” as a feature from our end, but we do not have any immediate plan to implement this feature. At the planning stage for every release cycle, we review all open features and implement the features based on feature rank, customer requested count and volume wish-list.

The status of implementation can be tracked through the below portal link: 

Need to provide support for MinWidth property for Dialog component in Blazor | Feedback Portal (syncfusion.com)

We are closing this incident now. You can also communicate with us regarding the open features any time using the “Contact” option.