Using Angular Dynamic , Reactive forms to create a Kendo Controls based form

[Pavan]

I have been going through the Angular documentation and  found the Dynamic forms in Angular Reactive forms. This would be of big help to me, Since my form has to be able to dynamically set the number of  input controls and input  control types based on the business object model and change validations as per the business logic as well.  Need the kendo form controls instead of normal html form controls to be rendered dynamically.

Please find the below link to which I am referring to.

https://angular.io/guide/dynamic-form

 

Please suggest how this can be achieved through kendo Angular UI, 

 

Regards

[Ivan]

Hi Pavan,

This scenario is perfectly doable with Kendo Angular components. You just need to replace some of the native HTML elements with their kendo-angular analogues, please refer to this plunk sample for a working demo. This demo is derived from the provided link.

Please note how kendo-combobox is used in the app/dynamic-form-question.component.ts file. You can also use kendo-autocomplete with its suggestions or kendo-dateinput for field that will require date. 

You can further widen this behavior by using Kendo styling for the forms as shown here.

Hope this will help you, let us know what else we can do to solve this case.

Regards,
Ivan
Progress Telerik