# 2022 Releases

This article lists the breaking or important changes in the 2022 releases of Telerik UI for ASP.NET MVC.

## Telerik UI for ASP.NET MVC R3 2022

**Selectable**

As of the 2022 R3 release, the `Selectable` events mechanism is altered for a variety of the components. The `Change` event will now be fired only when Selection/Deselection is performed. Invoking the client-side API methods would not fire the event as well.

Below you can find a list of the impacted components:

* `Grid`
* `Calendar`
* `MultiViewCalendar`
* `ListBox`
* `ListView`
* `TreeList`
* `FileManager`
* `Gantt`

**Badge**

`Shape` property is replaced with `Rounded` and `Fill` property is now called `FillMode`.

## Telerik UI for ASP.NET MVC R2 2022 SP2

The Size, FillMode and Rounded properties now provide the None option instead of Null.

`.Size(ComponentSize.None)`

## Telerik UI for ASP.NET MVC R1 2022 SP2

**Button**

As of the 2022 R1 SP2 release the `Shape` configuration option of the Button component is no longer available. The Button height is determined by the specified `Size` and font-size, while the width depends on the `Size`, font-size, and text length.

## Telerik UI for ASP.NET MVC R1 2022 SP1

**Scheduler**

As of the 2022 R1 SP1 release the Scheduler exposes a modified keyboard navigation behavior. The main reason behind the change is to make the widget a single Tab stop element on the page. This would allow easier navigation to and away from the Scheduler. Further details on the new keyboard navigation behavior could be found on the [Keyboard Navigation demo](https://demos.telerik.com/aspnet-mvc/scheduler/keyboard-navigation).

## Telerik UI for ASP.NET MVC 2022 R1

With R1 2022 Telerik UI for ASP.NET MVC starts to introduce a concept of sizing capabilities with the components from the suite. The components will be able to be configured via:

* \[`ThemeColor`]
* \[`Size`]
* \[`Shape`]
* \[`Rounded`]
* \[`FillMode`]

Here you can find more information regarding the concept and reasoning [Components Rendering Overview](https://www.telerik.com/aspnet-mvc/documentation/styles-and-layout/components-rendering-overview)
Below you can find the list of first portion of updated components with R1 2022.

### Updated Components

| Component              | Appearance Documentation                                                                                                                                  |
| :--------------------- | :-------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `AutoComplete`         | [AutoComplete Appearance Documentation](https://www.telerik.com/aspnet-mvc/documentation/html-helpers/editors/autocomplete/appearance)                    |
| `Button`               | [Button Appearance Documentation](https://www.telerik.com/aspnet-mvc/documentation/html-helpers/navigation/button/appearance)                             |
| `ColorPicker`          | [ColorPicker Appearance Documentation](https://www.telerik.com/aspnet-mvc/documentation/html-helpers/editors/colorpicker/appearance)                      |
| `ComboBox`             | [ComboBox Appearance Documentation](https://www.telerik.com/aspnet-mvc/documentation/html-helpers/editors/combobox/appearance)                            |
| `DateInput`            | [DateInput Appearance Documentation](https://www.telerik.com/aspnet-mvc/documentation/html-helpers/editors/dateinput/appearance)                          |
| `DatePicker`           | [DatePicker Appearance Documentation](https://www.telerik.com/aspnet-mvc/documentation/html-helpers/editors/datepicker/appearance)                        |
| `DateRangePicker`      | [DateRangePicker Appearance Documentation](https://www.telerik.com/aspnet-mvc/documentation/html-helpers/editors/daterangepicker/appearance)              |
| `DateTimePicker`       | [DateTimePicker Appearance Documentation](https://www.telerik.com/aspnet-mvc/documentation/html-helpers/editors/datetimepicker/appearance)                |
| `DropDownList`         | [DropDownList Appearance Documentation](https://www.telerik.com/aspnet-mvc/documentation/html-helpers/editors/dropdownlist/appearance)                    |
| `DropDownTree`         | [DropDownTree Appearance Documentation](https://www.telerik.com/aspnet-mvc/documentation/html-helpers/editors/dropdowntree/appearance)                    |
| `FloatingActionButton` | [FloatingActionButton Appearance Documentation](https://www.telerik.com/aspnet-mvc/documentation/html-helpers/navigation/floatingactionbutton/appearance) |
| `MaskedTextBox`        | [MaskedTextBox Appearance Documentation](https://www.telerik.com/aspnet-mvc/documentation/html-helpers/editors/maskedtextbox/appearance)                  |
| `Menu`                 | [MaskedTextBox Appearance Documentation](https://www.telerik.com/aspnet-mvc/documentation/html-helpers/navigation/menu/appearance)                        |
| `MultiColumnComboBox`  | [MultiColumnComboBox Appearance Documentation](https://www.telerik.com/aspnet-mvc/documentation/html-helpers/editors/multicolumncombobox/appearance)      |
| `MultiSelect`          | [MultiSelect Appearance Documentation](https://www.telerik.com/aspnet-mvc/documentation/html-helpers/editors/multiselect/appearance)                      |
| `NumericTextBox`       | [NumericTextBox Appearance Documentation](https://www.telerik.com/aspnet-mvc/documentation/html-helpers/editors/numerictextbox/appearance)                |
| `Slider`               | [Slider Appearance Documentation](https://www.telerik.com/aspnet-mvc/documentation/html-helpers/editors/slider/appearance)                                |
| `Switch`               | [Switch Appearance Documentation](https://www.telerik.com/aspnet-mvc/documentation/html-helpers/editors/switch/appearance)                                |
| `TextArea`             | [TextArea Appearance Documentation](https://www.telerik.com/aspnet-mvc/documentation/html-helpers/editors/textarea/appearance)                            |
| `TextBox`              | [TextBox Appearance Documentation](https://www.telerik.com/aspnet-mvc/documentation/html-helpers/editors/textbox/appearance)                              |
| `TimePicker`           | [TimePicker Appearance Documentation](https://www.telerik.com/aspnet-mvc/documentation/html-helpers/editors/timepicker/appearance)                        |
| `TreeView`             | [TreeView Appearance Documentation](https://www.telerik.com/aspnet-mvc/documentation/html-helpers/navigation/treeview/appearance)\`                       |

**Button**

As of the 2022 R1 release the `type` attribute of the Button is set to `button` by default. Previously, the Button rendered a `<button>` element without an explicitly set `type`. The main reason behind this change is to ensure the Button behaves as the Kendo UI for jQuery Button widget. As a result of this change, a Button with a default configuration nested in a form does not submit the form. If you want the Button to submit the form, set its `type` to `submit` in the `HtmlAttributes` configuration, as demonstrated in the example below.

```
@(Html.Kendo().Button()
	.Name("button1")
	.ThemeColor(ThemeColor.Primary)
	.Content("Button1")
	.HtmlAttributes(new { type = "submit" })
)
```