NG Dynamic Forms Kendo UI

Installation

``
npm i @ng-dynamic-forms/ui-kendo -S
`

Import

`ts
@NgModule({

imports: [DynamicFormsKendoUIModule]
})

export class AppModule {}
`

Usage

with DynamicKendoFormComponent:
`ts


[model]="myFormModel">

`

with DynamicKendoFormControlComponent:
`ts


[group]="myFormGroup"
[model]="controlModel">

`

Form Controls

| Control | Model | Required Property |
|:-----------------------------------------------------------------------------------------------: |:---------------------------: |:---------------------: |
| AutoComplete | DynamicInputModel | list |
| Calendar | DynamicDatepickerModel | inline: true |
| Checkbox | DynamicCheckboxModel | – |
| Checkbox Group | DynamicCheckboxGroupModel | – |
| DateInput | DynamicInputModel | inputType: "date" |
| DatePicker | DynamicDatepickerModel | – |
| DropDownList | DynamicSelectModel | – |
| MaskedTextBox | DynamicInputModel | mask |
| MultiSelect | DynamicSelectModel | multiple: true |
| NumericTextBox | DynamicInputModel | inputType: "number" |
| Radio Button | DynamicRadioGroupModel | – |
| Slider | DynamicSliderModel | – |
| Switch | DynamicSwitchModel | – |
| TextArea | DynamicTextAreaModel | – |
| TextBox | DynamicInputModel | – |
| TimePicker | DynamicTimePickerModel | – |
| Upload | DynamicFileUploadModel | – |

Custom UI Events


`ts

[model]="myFormModel"
(kendoEvent)="onKendoEvent($event)">

``

Resources

* API Documentation
* Live Sample