In this tutorial we'll go through an example of how you can batch edit all rows of a Kendo UI Grid at the same time, effectively binding the whole grid to an Angular Reactive Forms `FormGroup` and `FormArray` to enable the validation and saving of all form data together instead of line by line, so it behaves a little more like a "normal" Reactive Form.
Let’s build an animated login page for an Angular application using Kendo UI components. We’ll learn how to use TextBox from the Input components, which provides a floating label, and also add a zoom effect from Kendo UI for jQuery.
Kendo UI has a range of components in its arsenal and the dropdown components are useful for selecting values from a list of options. We’ve seen how to pass and receive values from the AutoComplete, ComboBox and Multiselect components, we also saw how we can use the Reactive Forms approach when working with these components within forms using FormGroup and FormControl.