Getting error message on form validation

Question

I have created sample supplier master entry form using syncfusion control but I ma getting the console error message when I run Supplier Page.Please check the below error message and attached sample project for your reference.

Error Message :-

Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]

Unhandled exception rendering component: Microsoft.AspNetCore.Components.Forms.ValidationMessage`1[System.String] requires a cascading parameter of type EditContext. For example, you can use Microsoft.AspNetCore.Components.Forms.ValidationMessage`1[System.String] inside an EditForm.

System.InvalidOperationException: Microsoft.AspNetCore.Components.Forms.ValidationMessage`1[System.String] requires a cascading parameter of type EditContext. For example, you can use Microsoft.AspNetCore.Components.Forms.ValidationMessage`1[System.String] inside an EditForm.

at Microsoft.AspNetCore.Components.Forms.ValidationMessage`1[[System.String, System.Private.CoreLib, Version=5.0.0.0, Culture=neutral, PublicKeyToken=7cec85d7bea7798e]].OnParametersSet()

at Microsoft.AspNetCore.Components.ComponentBase.CallOnParametersSetAsync()

at Microsoft.AspNetCore.Components.ComponentBase.RunInitAndSetParametersAsync()

d.printErr @ blazor.webassembly.js:1

blazor.webassembly.js:1 crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]

Unhandled exception rendering component: Could not find 'blazorise.textEdit.initialize' ('blazorise' was undefined).

Error: Could not find 'blazorise.textEdit.initialize' ('blazorise' was undefined).

Source Code :-

Attachment: Pages_8562ae46.zip

Revanth Krishnan · Accepted Answer

Hi Ismail,

Good day to you.

We have further validated your query, and we tried to reproduce the issue by running the shared sample project, but we couldn’t reproduce the issue from our end. The cards with the form validation work properly in the shared sample. We have attached the video demo of the application,

Video Illustration: https://www.syncfusion.com/downloads/support/forum/164255/ze/ScreenCapture_4-9-2021_10.31.06_AM.xesc-1337030481

Also, we found that you have referred to the style reference of the individual NuGet concept. When using the common NuGet package the style reference needs to be done as below,

Code Snippet:

wwroot/index.html

<head>

. . .

<~~link~~ ~~rel='nofollow' href="_content/Syncfusion.Blazor.Themes/bootstrap4.css"~~ ~~rel="stylesheet"~~ />

<link rel='nofollow' href="_content/Syncfusion.Blazor/styles/bootstrap4.css" rel="stylesheet" />

</head>

Documentation: https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-visual-studio-2019/#using-syncfusionblazor-nuget-package-old-standard

We have also prepared a sample for your reference,

Sample: https://www.syncfusion.com/downloads/support/forum/164255/ze/SampleProject-1561028870

Can you please do the above code changes and the clean the project and ensure the issue once in the incognito mode.

If the issue still occurs, please share us with the below details

Whether the issue occurs when rendering the ‘EditForm’ outside of the card?
The video illustration of the issue reproducing in the application.

The above details will be helpful for us to validate and reproduce the issue from our end and assist you at the earliest.

Regards,

Revanth

Revanth Krishnan · Answer

Hi Ismail, 
 
 
Greetings from Syncfusion support. 
 
 
We have validated your query “Getting an error message on form validation. Please check the below error message and attached sample project for your reference.” 
 
We have analyzed the shared sample project page. We tried to reproduce the issue in the following ways. 

Rendered the form inside the card component with validation.
Rendered the form inside the card component without validation.
Rendered the form outside of the card content.
Switched between pages to with forms.
Also ensured in all the browsers.
 
But we couldn’t reproduce the issue. We have prepared a sample for your reference, 
Sample: https://www.syncfusion.com/downloads/support/forum/164255/ze/Card_Blazor_App-2132859850 
 
Can you please share us with more following details, 

Ensure the issue by rendering the forms outside the card component on the same page and confirm the issue.
The package version of the components used in the application.
If possible please share with the issue reproducible runnable sample or please modify the shared sample with the issue reproducing steps.
 
The above details will be helpful for us to validate and reproduce the issue from our end and assist you at the earliest. 
 
Regards, 
Revanth

KINS · Answer

Thanks for reply...I have check your example code and modify in my sample project  but still I am getting the same error message.Please download my sample example code from below link and advise how to resolve this issues.https://www.dropbox.com/s/qxr8f1qfzmtbros/SampleProject.zip?dl=0Note:Please check Supplier PagePlease help ,because tomorrow support team will not be available....