TemplateForm

Demonstration and configuration of the Radzen Blazor TemplateForm component.

In this demo a comprehensive order form demonstrates RadzenTemplateForm with three fieldsets (Purchase Info, Contact Info with tabs for Billing/Shipping Address, Store/POS Info), using dropdowns for credit cards and countries, date pickers, numeric inputs, and responsive grid layout with Save and Cancel buttons.

Example
Edit Source

Purchase Info

Credit Card

Card #

Expiry Date

Sun	Mon	Tue	Wed	Thu	Fri	Sat
25	26	27	28	29	30	1
2	3	4	5	6	7	8
9	10	11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28	29
30	31	1	2	3	4	5

Cardholder

Contact Info

Name

Billing Address
Shipping Address

Country

City

Address Line 1

Address Line 2

State / Province / Region

Zip / Postal Code

Store Info

Store #

Name

Region

System

POS Info

Trans #

Clerk

Order Date

Sun	Mon	Tue	Wed	Thu	Fri	Sat
28	29	30	1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30	31	1
2	3	4	5	6	7	8

Ship Date

Sun	Mon	Tue	Wed	Thu	Fri	Sat
28	29	30	1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30	31	1
2	3	4	5	6	7	8

Amount

Tax

All the tools in one place

Save Hours on Every Project

With Radzen Blazor subscription you get the full toolkit, including:

support

Dedicated support backed by proven expertise

palette

Premium themes and theme editor

widgets

Ready-to-use UI blocks

dashboard_customize

Complete app templates

format_shapes

Visual design-time-experience

Start Free See Subscription Plans

CRUD Operations and Data Management

Seamless Integration

Digital Transformation and Modernization

Design Systems and Consistency

From Prototyping to Production

Time to Market Reduced

Empower the Next Generation

TemplateForm

Save Hours on Every Project

Demos Configuration