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
• Angular
  • app.component.html
  • app.component.ts
• Angularjs
  • index.html
• Vue
  • App.vue
• React
  • App.js
• Mvc
  • 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)