ng2 Dynamic Forms Kendo UI

Installation


npm install @ng2-dynamic-forms/ui-kendo -S


Import

ts
@NgModule({
    imports: [
        // ...
        ReactiveFormsModule,
        DynamicFormsCoreModule.forRoot(),
        DynamicFormsKendoUIModule
    ]
})

export class AppModule {}`

`Usage`

with DynamicKendoFormComponent:`ts

with DynamicKendoFormControlComponent:`ts

`Form Controls`

Sample

Live Demo

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` | – |