Save $100 with our Black Friday deals!

Get $100 OFF with promo code BLACKFRIDAY2024 at checkout until November 30.

See Pricing

Designing custom forms with Radzen

Radzen has supported forms since its very first release. The faithful Form component also got some improvements such as multi-column support and popup lookups. Still in some cases it wasn’t enough as Radzen users needed full control over the form layout in order to add Tabs, DataGrids, Steps or any other component from the toolbox.

Today all this becomes possible in Radzen 2.7.0 via the introduction of the new TemplateForm component!

Custom forms

The main use-case of the new TemplateForm component is to allow you to create any form design you can imagine.

New validator components

To support the TemplateForm we have introduced the following brand new validator components:

  • RequiredValidator - will display an error message if the target component is empty.
  • CompareValidator - checks if the value of a component is equal to a specified value or the value of another component.
  • NumericRangeValidator - ensures the value falls within some specified numeric range.
  • LengthValidator - verifies the value of the target component is within specified string length.

Convert existing forms

We also allow you to convert existing Form components to TemplateForm with a single click. This allows you to customize your existing forms without starting from scratch.

Enjoy!

Leverage Radzen on LinkedIn

Yes, we are on LinkedIn and you should follow us!

Now, you have the opportunity to showcase your expertise by adding Radzen Blazor Studio and Radzen Blazor Components as skills to your LinkedIn profile. Present your skills to employers, collaborators, and clients.

All you have to do is go to our Products page on LinkedIn and click the + Add as skill button.

by Atanas Korchev

Read image as base64 string using file input, JavaScript, Blazor (server-side) and SignalR

While working on Blazor prototype for Radzen I’ve found a little trick how to enable quck image read as base64 string using <input type="file" />, JavaScript and SignalR.
Read more