Form for DevExtreme - How to customize form items

This example illustrates how to use the template property to customize form items.

Implementation Details

1. Implement a template function for the "LastName" data field. In this template:

   • Create a TextBox editor.
   • Implement editor validation based on the synchronized Form.validationGroup and Validator.validationGroup settings.

2. Implement a template function with a static image for the "Photo" data field.

Files to Review

• jQuery
  • index.html
  • index.js
• Angular
  • app.component.html
  • app.component.ts
• Vue
  • Home.vue
• React
  • App.tsx
• ASP.NET Core
  • Index.cshtml

Documentation

• Getting Started with Form
• Form - API Reference
• Data Validation
• Validate and Submit the Form

More Examples

• DataGrid - How to implement a custom editing form using Form and Popup

Does This Example Address Your Development Requirements/Objectives?

(you will be redirected to DevExpress.com to submit your response)