Data Annotations Validator in dialog box

[Devarajan]

How to Use DataAnnotationsValidator , ValidationSummary   in Popup Dialog box 

[Revanth Krishnan]

Hi Devarajan, 

 

 

Greetings from Syncfusion support. 

 

 

We have validated your query “How to use data annotation validator and validation summary in the popup dialog box?” 

 

Your requirement can be achieved by rendering the Edit Forms with ‘DataAnnotationsValidator’ and ‘ValidationSummary’ in the content template of the Dialog. We have prepared a sample for your reference, 

 

Code Snippet: 

<SfDialog @ref="dialogObj" Height="85%" MinHeight="450px" Width="800px" ShowCloseIcon="true" IsModal="true" Visible="true"> 

    <DialogTemplates> 

        <Header>Dialog with DataAnnotationsValidator, ValidationSummary</Header> 

        <Content> 

            <EditForm Model="@employee" OnValidSubmit="HandleValidSubmit"> 

                <DataAnnotationsValidator /> 

                <ValidationSummary /> 

                <div class="container mx-2"> 

                    <div class="form-row"> 

                        <div class="form-group col-md-12"> 

                            <SfTextBox ID="username" @bind-Value="@employee.Name" Placeholder="Name" FloatLabelType="FloatLabelType.Auto" Width="50" /> 

                        </div> 

                    </div> 

                    . . . 

            </EditForm> 

        </Content> 

    </DialogTemplates> 

</SfDialog> 

 

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/Dialog_Blazor_Application1712061485  

 

Please check the above code snippet and the sample and let us know if it resolves the issue. 

 

Regards, 

Revanth