• All Demos
  • Grid SDK
  • Chart SDK
  • Scheduler SDK
  • Gantt SDK
  • Rich Text Editor SDK
  • Diagram SDK
  • File Manager SDK
  • Document SDK
  • PDF Viewer SDK
  • DOCX Editor SDK
  • Spreadsheet Editor SDK
  • Material 3
  • Bootstrap 5
  • Fluent 2
  • Tailwind CSS
  • Fluent 2 High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Theme Mode
Localization
*Translated by Google Translator.
Currency

Example of Default Functionalities in ASP.NET Core Form Builder Control

The Form Builder is an intuitive visual form designer that enables you to create, build, and customize forms interactively by dragging and dropping form fields, without writing any code.
This sample showcases the Form Builder control, allowing you to visually design forms and preview the generated form in real time as you make changes.

DEMO
SOURCE

In this sample, you can visually create custom forms by dragging and dropping fields onto the design canvas, arranging their layout, and configuring their properties through an interactive design experience.

The left pane of the Form Builder control displays all supported form fields, which can be dragged and dropped onto the central design canvas to construct the form. After a field is added, its configurable settings are displayed in the right pane, allowing you to customize its properties and behavior. Once the form design is complete, you can use the built-in preview option to view and interact with the generated form in real time.

The Form Builder simplifies form creation by providing a visual, code-free design experience. It also allows you to export the generated form schema, which can be used with the Form Renderer control to render and display the form in other applications.

Transform your ASP.NET Core web apps today with Syncfusion® ASP.NET Core components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab