This blog provides the show notes for our February 3, 2022, webinar, “Create Blazor Custom Elements and 2021 Volume 4 Updates for Blazor and JavaScript.” The webinar was presented and hosted by Uma Maheswari Chandrabose, who taught the audience how to create Blazor custom elements. If you missed it, or would like to watch it again, you can find the recording on our YouTube page or following.
During this webinar, we took a look at how to build Blazor custom elements in a Blazor WebAssembly app. We saw how to add our Syncfusion Blazor components inside a Blazor custom element and render them from an Angular project template. We also looked at the new features added in the 2021 Vol. 4 release to our Blazor and Essential JS 2 components.
How do you set up the proxy file for custom elements when you use it in production and not the localhost?
We suggest you read these Angular documents on setting up proxy calls: https://angular.io/guide/build#building-and-serving-angular-apps https://angular.io/guide/deployment#production-servers
We are using Blazor WebAssembly with the Syncfusion Dropdown, Radio Button, and Checkbox controls and facing lots of delay with dropdown selections. There’s a delay seen in all the controls used.
[Ticket-365097] The Syncfusion Blazor WebAssembly Slow performance of multiple UI Controls | Syncfusion Support
We created a demo including the specific components mentioned in the above ticket, but we are not experiencing any performance issues like a delay in rendering or while interacting with those components. For your reference, we are providing you with an example here. Kindly check the example and let us know if you have any more details on this.
Is it really necessary to use two IDEs to achieve this? Or can I use only VS 2022 or 2019 and still achieve the same result? I mean, could this be achievable using only one IDE?
You need two IDEs to run this. You should run the Angular project in one IDE and the Blazor project with custom elements in another IDE like VS 2022. Leave the Blazor project to run in the background when you try to execute the Angular project so as to establish an uninterrupted communication between them.
Can we insert a saved signature image for the Signature component?
Yes, it is possible to insert an already-saved signature as base64 into our Blazor Signature component. Please look at how in this example.
Is the Signature component touch-enabled?
Yes, our Blazor Signature component is touch-enabled.
During this webinar, we took a look at how to build Blazor custom elements using Syncfusion Blazor components and render them from an Angular project template. We also looked at what’s new in the Essential Studio® 2021 Volume 4 release for the Blazor and JS 2 suites. We hope you enjoyed this webinar and please keep an eye out for our future Blazor webinars.