How fix size of dialog with not passed validation

[Tomasz S.]

How fix this type of dialog?

Annotaion is not visible, and scroll is shows.

[Sarveswaran Palani]

Hi Tomasz,

Greetings from Syncfusion.

We would like to inform that we can change the Height of the rendered dialog by modifying the Height property from DialogSettings. Kindly check the below attached code snippet and sample reference for additional information.

Reference: Class DialogSettings - API Reference (syncfusion.com)

Sample: https://blazorplayground.syncfusion.com/embed/VDBTjBhPRUgJmUPg?appbar=true&editor=true&result=true&errorlist=true&theme=bootstrap5

By using the below suggestion you can modify the dialog popup height as per your screen size.

 

    <SfGrid DataSource="@Orders" AllowSorting="true" AllowFiltering="true" EnableAdaptiveUI="true" AdaptiveUIMode="AdaptiveMode.Mobile" Toolbar="@(new List<string>() { "Add", "Edit", "Delete", "Cancel", "Update", "Search" })" Height="100%" Width="100%" AllowPaging="true">

        <GridEditSettings AllowAdding="true" AllowEditing="true" AllowDeleting="true" Mode="EditMode.Dialog" Dialog="@dialogParams" ></GridEditSettings>

        ...

   </SfGrid>

</div>

 

@code {

    public List<Order> Orders { get; set; }

    public DialogSettings dialogParams = new DialogSettings {Height="450px", ShowCloseIcon=true };

 

 

Please let us know if you have further queries.

Regards,

Sarvesh

[Tomasz S.]

Thank you very much - it works.

[Getsy Edwin]

Hi Tomas,

Please get back to us if you need any other assistance.