Kendo.Mvc Provides extension methods to process TreeDataSourceRequest. Get the Application root path. The instance. Determines whether this instance can compress the specified instance. The instance. true if this instance can compress the specified instance; otherwise, false. Initializes a new instance of the class. The source. Executes the provided delegate for each item. The instance. The action to be applied. index is out of range. Provides extension methods to process DataSourceRequest. Applies paging, sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty resullt. An instance of . An instance of . A object, which contains the processed data after paging, sorting, filtering and grouping are applied. Applies paging, sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty resullt. An instance of . An instance of . A Task of object, which contains the processed data after paging, sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies paging, sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty resullt. An instance of . An instance of . An instance of . A Task of object, which contains the processed data after paging, sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies paging, sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . A object, which contains the processed data after paging, sorting, filtering and grouping are applied. Applies paging, sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . A Task of object, which contains the processed data after paging, sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies paging, sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . An instance of . A Task of object, which contains the processed data after paging, sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies paging, sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . An instance of . A object, which contains the processed data after paging, sorting, filtering and grouping are applied. Applies paging, sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . An instance of . A Task of object, which contains the processed data after paging, sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies paging, sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . An instance of . An instance of . A Task of object, which contains the processed data after paging, sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies paging, sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . A object, which contains the processed data after paging, sorting, filtering and grouping are applied. Applies paging, sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . A Task of object, which contains the processed data after paging, sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies paging, sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . An instance of . A Task of object, which contains the processed data after paging, sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies paging, sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . A projection function to apply to each element. A object, which contains the processed data after paging, sorting, filtering and grouping are applied. Applies paging, sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . A projection function to apply to each element. A Task of object, which contains the processed data after paging, sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies paging, sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . A projection function to apply to each element. An instance of . A Task of object, which contains the processed data after paging, sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies paging, sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . An instance of . A projection function to apply to each element. A object, which contains the processed data after paging, sorting, filtering and grouping are applied. Applies paging, sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . An instance of . A projection function to apply to each element. A Task of object, which contains the processed data after paging, sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies paging, sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . An instance of . A projection function to apply to each element. An instance of . A Task of object, which contains the processed data after paging, sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies paging, sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . A projection function to apply to each element. A object, which contains the processed data after paging, sorting, filtering and grouping are applied. Applies paging, sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . A projection function to apply to each element. A Task of object, which contains the processed data after paging, sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies paging, sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . A projection function to apply to each element. An instance of . A Task of object, which contains the processed data after paging, sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies paging, sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . An instance of . A projection function to apply to each element. A object, which contains the processed data after paging, sorting, filtering and grouping are applied. Applies paging, sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . An instance of . A projection function to apply to each element. A Task of object, which contains the processed data after paging, sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies paging, sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . An instance of . A projection function to apply to each element. An instance of . A Task of object, which contains the processed data after paging, sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies paging, sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . An instance of . A object, which contains the processed data after paging, sorting, filtering and grouping are applied. Applies paging, sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . An instance of . A Task of object, which contains the processed data after paging, sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies paging, sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . An instance of . An instance of . A Task of object, which contains the processed data after paging, sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Sorts the elements of a sequence using the specified sort descriptors. A sequence of values to sort. The sort descriptors used for sorting. An whose elements are sorted according to a . Pages through the elements of a sequence until the specified using . A sequence of values to page. Index of the page. Size of the page. An whose elements are at the specified . Projects each element of a sequence into a new form. An whose elements are the result of invoking a projection selector on each element of . A sequence of values to project. A projection function to apply to each element. Groups the elements of a sequence according to a specified key selector function. An whose elements to group. A function to extract the key for each element. An with items, whose elements contains a sequence of objects and a key. Sorts the elements of a sequence in ascending order according to a key. An whose elements are sorted according to a key. A sequence of values to order. A function to extract a key from an element. Sorts the elements of a sequence in descending order according to a key. An whose elements are sorted in descending order according to a key. A sequence of values to order. A function to extract a key from an element. Calls or depending on the . The source. The key selector. The sort direction. An whose elements are sorted according to a key. Groups the elements of a sequence according to a specified . An whose elements to group. The group descriptors used for grouping. An with items, whose elements contains a sequence of objects and a key. Calculates the results of given aggregates functions on a sequence of elements. An whose elements will be used for aggregate calculation. The aggregate functions. Collection of s calculated for each function. Filters a sequence of values based on a predicate. An that contains elements from the input sequence that satisfy the condition specified by . An to filter. A function to test each element for a condition. Filters a sequence of values based on a collection of . The source. The filter descriptors. An that contains elements from the input sequence that satisfy the conditions specified by each filter descriptor in . Returns a specified number of contiguous elements from the start of a sequence. An that contains the specified number of elements from the start of . The sequence to return elements from. The number of elements to return. is null. Bypasses a specified number of elements in a sequence and then returns the remaining elements. An that contains elements that occur after the specified index in the input sequence. An to return elements from. The number of elements to skip before returning the remaining elements. is null. Returns the number of elements in a sequence. The number of elements in the input sequence. The that contains the elements to be counted. is null. Returns the element at a specified index in a sequence. The element at the specified position in . An to return an element from. The zero-based index of the element to retrieve. is null. is less than zero. Produces the set union of two sequences by using the default equality comparer. An that contains the elements from both input sequences, excluding duplicates. An whose distinct elements form the first set for the union. An whose distinct elements form the first set for the union. is null. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . A object, which contains the processed data after sorting, filtering and grouping are applied. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . A Task of object, which contains the processed data after sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . An instance of . A Task of object, which contains the processed data after sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . An instance of . A object, which contains the processed data after sorting, filtering and grouping are applied. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . An instance of . A Task of object, which contains the processed data after sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . An instance of . An instance of . A Task of object, which contains the processed data after sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . A projection function to apply to each element. A object, which contains the processed data after sorting, filtering and grouping are applied. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . A projection function to apply to each element. A Task of object, which contains the processed data after sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . A projection function to apply to each element. An instance of . A Task of object, which contains the processed data after sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . A projection function to apply to each element. A object, which contains the processed data after sorting, filtering and grouping are applied. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . A projection function to apply to each element. A Task of object, which contains the processed data after sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . A projection function to apply to each element. An instance of . A Task of object, which contains the processed data after sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . The lambda which configures the selector of the ID field. The lambda which configures the parent selector. A object, which contains the processed data after sorting, filtering and grouping are applied. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . The lambda which configures the selector of the ID field. The lambda which configures the parent selector. A Task of object, which contains the processed data after sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . The lambda which configures the selector of the ID field. The lambda which configures the parent selector. An instance of . A Task of object, which contains the processed data after sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . The lambda which configures the selector of the ID field. The lambda which configures the parent selector. The lambda which configures the root selector. A object, which contains the processed data after sorting, filtering and grouping are applied. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . The lambda which configures the selector of the ID field. The lambda which configures the parent selector. The lambda which configures the root selector. A Task of object, which contains the processed data after sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . The lambda which configures the selector of the ID field. The lambda which configures the parent selector. The lambda which configures the root selector. An instance of . A Task of object, which contains the processed data after sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . The lambda which configures the selector of the ID field. The lambda which configures the parent selector. The lambda which configures the root selector. A projection function to apply to each element. A object, which contains the processed data after sorting, filtering and grouping are applied. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . The lambda which configures the selector of the ID field. The lambda which configures the parent selector. The lambda which configures the root selector. A projection function to apply to each element. A Task of object, which contains the processed data after sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . The lambda which configures the selector of the ID field. The lambda which configures the parent selector. The lambda which configures the root selector. A projection function to apply to each element. An instance of . A Task of object, which contains the processed data after sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . The lambda which configures the selector of the ID field. The lambda which configures the parent selector. An instance of . A object, which contains the processed data after sorting, filtering and grouping are applied. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . The lambda which configures the selector of the ID field. The lambda which configures the parent selector. An instance of . A Task of object, which contains the processed data after sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . The lambda which configures the selector of the ID field. The lambda which configures the parent selector. An instance of . An instance of . A Task of object, which contains the processed data after sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . The lambda which configures the selector of the ID field. The lambda which configures the parent selector. The lambda which configures the root selector. An instance of . A object, which contains the processed data after sorting, filtering and grouping are applied. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . The lambda which configures the selector of the ID field. The lambda which configures the parent selector. The lambda which configures the root selector. An instance of . A Task of object, which contains the processed data after sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . The lambda which configures the selector of the ID field. The lambda which configures the parent selector. The lambda which configures the root selector. An instance of . An instance of . A Task of object, which contains the processed data after sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . The lambda which configures the selector of the ID field. The lambda which configures the parent selector. A projection function to apply to each element. A object, which contains the processed data after sorting, filtering and grouping are applied. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . The lambda which configures the selector of the ID field. The lambda which configures the parent selector. A projection function to apply to each element. A Task of object, which contains the processed data after sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . The lambda which configures the selector of the ID field. The lambda which configures the parent selector. A projection function to apply to each element. An instance of . A Task of object, which contains the processed data after sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . The lambda which configures the selector of the ID field. The lambda which configures the parent selector. An instance of . A projection function to apply to each element. A object, which contains the processed data after sorting, filtering and grouping are applied. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . The lambda which configures the selector of the ID field. The lambda which configures the parent selector. An instance of . A projection function to apply to each element. A Task of object, which contains the processed data after sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . The lambda which configures the selector of the ID field. The lambda which configures the parent selector. An instance of . A projection function to apply to each element. An instance of . A Task of object, which contains the processed data after sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . The lambda which configures the selector of the ID field. The lambda which configures the parent selector. The lambda which configures the root selector. An instance of . A projection function to apply to each element. A object, which contains the processed data after sorting, filtering and grouping are applied. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . The lambda which configures the selector of the ID field. The lambda which configures the parent selector. The lambda which configures the root selector. An instance of . A projection function to apply to each element. A Task of object, which contains the processed data after sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . The lambda which configures the selector of the ID field. The lambda which configures the parent selector. The lambda which configures the root selector. An instance of . A projection function to apply to each element. An instance of . A Task of object, which contains the processed data after sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . The lambda which configures the selector of the ID field. The lambda which configures the parent selector. A object, which contains the processed data after sorting, filtering and grouping are applied. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . The lambda which configures the selector of the ID field. The lambda which configures the parent selector. A Task of object, which contains the processed data after sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . The lambda which configures the selector of the ID field. The lambda which configures the parent selector. An instance of . A Task of object, which contains the processed data after sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . The lambda which configures the selector of the ID field. The lambda which configures the parent selector. The lambda which configures the root selector. A object, which contains the processed data after sorting, filtering and grouping are applied. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . The lambda which configures the selector of the ID field. The lambda which configures the parent selector. The lambda which configures the root selector. A Task of object, which contains the processed data after sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . The lambda which configures the selector of the ID field. The lambda which configures the parent selector. The lambda which configures the root selector. An instance of . A Task of object, which contains the processed data after sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . The lambda which configures the selector of the ID field. The lambda which configures the parent selector. The lambda which configures the root selector. A projection function to apply to each element. A object, which contains the processed data after sorting, filtering and grouping are applied. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . The lambda which configures the selector of the ID field. The lambda which configures the parent selector. The lambda which configures the root selector. A projection function to apply to each element. A Task of object, which contains the processed data after sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . The lambda which configures the selector of the ID field. The lambda which configures the parent selector. The lambda which configures the root selector. A projection function to apply to each element. An instance of . A Task of object, which contains the processed data after sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . The lambda which configures the selector of the ID field. The lambda which configures the parent selector. An instance of . A object, which contains the processed data after sorting, filtering and grouping are applied. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . The lambda which configures the selector of the ID field. The lambda which configures the parent selector. An instance of . A Task of object, which contains the processed data after sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . The lambda which configures the selector of the ID field. The lambda which configures the parent selector. An instance of . An instance of . A Task of object, which contains the processed data after sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . The lambda which configures the selector of the ID field. The lambda which configures the parent selector. The lambda which configures the root selector. An instance of . A object, which contains the processed data after sorting, filtering and grouping are applied. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . The lambda which configures the selector of the ID field. The lambda which configures the parent selector. The lambda which configures the root selector. An instance of . A Task of object, which contains the processed data after sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . The lambda which configures the selector of the ID field. The lambda which configures the parent selector. The lambda which configures the root selector. An instance of . An instance of . A Task of object, which contains the processed data after sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . The lambda which configures the selector of the ID field. The lambda which configures the parent selector. A projection function to apply to each element. A object, which contains the processed data after sorting, filtering and grouping are applied. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . The lambda which configures the selector of the ID field. The lambda which configures the parent selector. A projection function to apply to each element. A Task of object, which contains the processed data after sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . The lambda which configures the selector of the ID field. The lambda which configures the parent selector. A projection function to apply to each element. An instance of . A Task of object, which contains the processed data after sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . The lambda which configures the selector of the ID field. The lambda which configures the parent selector. An instance of . A projection function to apply to each element. A object, which contains the processed data after sorting, filtering and grouping are applied. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . The lambda which configures the selector of the ID field. The lambda which configures the parent selector. An instance of . A projection function to apply to each element. A Task of object, which contains the processed data after sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . The lambda which configures the selector of the ID field. The lambda which configures the parent selector. An instance of . A projection function to apply to each element. An instance of . A Task of object, which contains the processed data after sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . The lambda which configures the selector of the ID field. The lambda which configures the parent selector. The lambda which configures the root selector. An instance of . A projection function to apply to each element. A object, which contains the processed data after sorting, filtering and grouping are applied. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . The lambda which configures the selector of the ID field. The lambda which configures the parent selector. The lambda which configures the root selector. An instance of . A projection function to apply to each element. A Task of object, which contains the processed data after sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Applies sorting, filtering and grouping using the information from the DataSourceRequest object. If the collection is already paged, the method returns an empty result. An instance of . An instance of . The lambda which configures the selector of the ID field. The lambda which configures the parent selector. The lambda which configures the root selector. An instance of . A projection function to apply to each element. An instance of . A Task of object, which contains the processed data after sorting, filtering and grouping are applied. It can be called with the "await" keyword for asynchronous operation. Merges the specified instance. The instance. The key. The value. if set to true [replace existing]. Appends the in value. The instance. The key. The separator. The value. Appends the specified value at the beginning of the existing value Toes the attribute string. The instance. Merges the specified instance. The instance. From. if set to true [replace existing]. Merges the specified instance. The instance. From. Merges the specified instance. The instance. The values. if set to true [replace existing]. Merges the specified instance. The instance. The values. Requests the context. The instance. Gets a value indicating whether we're running under Mono. true if Mono; otherwise, false. Gets a value indicating whether we're running under Linux or a Unix variant. true if Linux/Unix; otherwise, false. Starts thread safe read write code block. The instance. Starts thread safe read code block. The instance. Starts thread safe write code block. The instance. Replaces the format item in a specified System.String with the text equivalent of the value of a corresponding System.Object instance in a specified array. A string to format. An System.Object array containing zero or more objects to format. A copy of format in which the format items have been replaced by the System.String equivalent of the corresponding instances of System.Object in args. Determines whether this instance and another specified System.String object have the same value. The string to check equality. The comparing with string. true if the value of the comparing parameter is the same as this string; otherwise, false. Determines whether this instance and another specified System.String object have the same value. The string to check equality. The comparing with string. true if the value of the comparing parameter is the same as this string; otherwise, false. Constructs a style string attribute by extracting style values that match a valid condition. Constructs a style string attribute by extracting style values that match a valid condition. Contains global configuration for the Kendo UI library. Indicates whether scripts should be diferred to a script file globally. Indicates the type of icons to be used by Kendo. Gets or sets a value indicating whether member access expression used by this builder should be lifted to null. The default value is true; true if member access should be lifted to null; otherwise, false. Provided expression should have string type ArgumentException. ArgumentException. Provided 's is not Provided type is not Provided 's is not Provided 's is not ArgumentException. did not implement . Invalid name for property or field; or indexer with the specified arguments. InvalidOperationException. InvalidCastException. Child element with name specified by does not exists. InvalidOperationException. The method checks whether the passed parameter satisfies filter criteria. If false will not execute. Creates a predicate filter expression that calls . The parameter expression, which parameter will be passed to method. Represents collection of . Gets the with the specified function name. First with the specified function name if any, otherwise null. Gets the type of the extension methods that holds the extension methods for aggregation. For example or . The type of that holds the extension methods. The default value is . Returns the physical path for the specified virtual path. The virtual path. Returns the relative path for the specified virtual path. The URL. API for configuring global Kendo settings. Configures global Kendo settings. The Kendo options to configure global settings. Contains global configuration for the Kendo UI library. Indicates whether scripts should be diferred to a script file globally. Indicates the type of icons to be used by Kendo. Gets or sets the aggregate functions projection for this group. This projection is used to generate aggregate functions results for this group. The aggregate functions projection. Gets the aggregate results generated for the given aggregate functions. The aggregate results for the provided aggregate functions. functions is null. Initializes a new instance of the class. The value of the result. The number of arguments used for the calculation of the result. Function that generated the result. function is null. Initializes a new instance of the class. that generated the result. function is null. Initializes a new instance of the class. The value of the result. that generated the result. Gets or sets the value of the result. The value of the result. Gets the formatted value of the result. The formatted value of the result. Gets or sets the number of arguments used for the calulation of the result. The number of arguments used for the calulation of the result. Gets or sets the text which serves as a caption for the result in a user interface.. The text which serves as a caption for the result in a user interface. Gets the name of the function. The name of the function. Returns a that represents the current . A that represents the current . Gets the first which is equal to . The for the specified function if any, otherwise null. Gets a value indicating whether this instance has any sub groups. true if this instance has sub groups; otherwise, false. Gets the number of items in this group. The items count. Gets the subgroups, if is true, otherwise empty collection. The subgroups. Gets the items in this groups. The items in this group. Gets the key for this group. The key for this group. Calculates unique int for given group in a group sequence, taking into account groups order, each group key and groups' count. Gets the key for this group. The key for this group. Gets the items in this groups. The items in this group. Gets a value indicating whether this instance has sub groups. true if this instance has sub groups; otherwise, false. Gets the count. The count. Gets the subgroups, if is true, otherwise empty collection. The subgroups. Returns the physical path for the specified virtual path. The virtual path. Returns the relative path for the specified virtual path. The URL. Defines the types of icons used by Kendo. A strongly-typed resource class, for looking up localized strings, etc. Returns the cached ResourceManager instance used by this class. Overrides the current thread's CurrentUICulture property for all resource lookups using this strongly typed resource class. Looks up a localized string similar to End. Looks up a localized string similar to Start. Looks up a localized string similar to Add column on the left. Looks up a localized string similar to Add column on the right. Looks up a localized string similar to Add row above. Looks up a localized string similar to Add row below. Looks up a localized string similar to Background color. Looks up a localized string similar to Bold. Looks up a localized string similar to Clean formatting. Looks up a localized string similar to Insert hyperlink. Looks up a localized string similar to Create table. Looks up a localized string similar to Delete column. Looks up a localized string similar to Are you sure you want to delete "{0}"?. Looks up a localized string similar to Delete row. Looks up a localized string similar to or. Looks up a localized string similar to Cancel. Looks up a localized string similar to Insert. Looks up a localized string similar to Update. Looks up a localized string similar to A directory with this name was not found.. Looks up a localized string similar to drop files here to upload. Looks up a localized string similar to Empty Folder. Looks up a localized string similar to Export As. Looks up a localized string similar to Select font family. Looks up a localized string similar to (inherited font). Looks up a localized string similar to Select font size. Looks up a localized string similar to (inherited size). Looks up a localized string similar to Color. Looks up a localized string similar to Format. Looks up a localized string similar to Format. Looks up a localized string similar to Alternate text. Looks up a localized string similar to Web address. Looks up a localized string similar to Import. Looks up a localized string similar to Indent. Looks up a localized string similar to Insert file. Looks up a localized string similar to Insert HTML. Looks up a localized string similar to Insert image. Looks up a localized string similar to Insert ordered list. Looks up a localized string similar to Insert unordered list. Looks up a localized string similar to The selected file "{0}" is not valid. Supported file types are {1}.. Looks up a localized string similar to Italic. Looks up a localized string similar to Center text. Looks up a localized string similar to Justify. Looks up a localized string similar to Align text left. Looks up a localized string similar to Align text right. Looks up a localized string similar to Open link in new window. Looks up a localized string similar to Text. Looks up a localized string similar to ToolTip. Looks up a localized string similar to Web address. Looks up a localized string similar to Arrange by:. Looks up a localized string similar to Name. Looks up a localized string similar to Size. Looks up a localized string similar to Outdent. Looks up a localized string similar to 'A file with name "{0}" already exists in the current directory. Do you want to overwrite it?. Looks up a localized string similar to Print. Looks up a localized string similar to Search. Looks up a localized string similar to Strikethrough. Looks up a localized string similar to Styles. Looks up a localized string similar to Subscript. Looks up a localized string similar to Superscript. Looks up a localized string similar to Underline. Looks up a localized string similar to Remove hyperlink. Looks up a localized string similar to Upload. Looks up a localized string similar to View HTML. Looks up a localized string similar to Additional operator. Looks up a localized string similar to Additional value. Looks up a localized string similar to And. Looks up a localized string similar to {0} edit column settings. Looks up a localized string similar to Cancel. Looks up a localized string similar to Clear. Looks up a localized string similar to Is equal to. Looks up a localized string similar to Is after. Looks up a localized string similar to Is after or equal to. Looks up a localized string similar to Is before. Looks up a localized string similar to Is before or equal to. Looks up a localized string similar to Is not equal to. Looks up a localized string similar to Is not null. Looks up a localized string similar to Is null. Looks up a localized string similar to Is equal to. Looks up a localized string similar to Is not equal to. Looks up a localized string similar to Is not null. Looks up a localized string similar to Is null. Looks up a localized string similar to Filter. Looks up a localized string similar to Show items with value that:. Looks up a localized string similar to is false. Looks up a localized string similar to is true. Looks up a localized string similar to Filters logic. Looks up a localized string similar to Is equal to. Looks up a localized string similar to Is greater than. Looks up a localized string similar to Is greater than or equal to. Looks up a localized string similar to Is less than. Looks up a localized string similar to Is less than or equal to. Looks up a localized string similar to Is not equal to. Looks up a localized string similar to Is not null. Looks up a localized string similar to Is null. Looks up a localized string similar to Operator. Looks up a localized string similar to Or. Looks up a localized string similar to Search. Looks up a localized string similar to {0} selected items. Looks up a localized string similar to -Select value-. Looks up a localized string similar to Contains. Looks up a localized string similar to Does not contain. Looks up a localized string similar to Ends with. Looks up a localized string similar to Is empty. Looks up a localized string similar to Is equal to. Looks up a localized string similar to Is not empty. Looks up a localized string similar to Is not equal to. Looks up a localized string similar to Is not null. Looks up a localized string similar to Has value. Looks up a localized string similar to Is null. Looks up a localized string similar to Has no value. Looks up a localized string similar to Starts with. Looks up a localized string similar to Show items with value that:. Looks up a localized string similar to Value. Looks up a localized string similar to Apply. Looks up a localized string similar to Cancel. Looks up a localized string similar to Cancel changes. Looks up a localized string similar to Cancel. Looks up a localized string similar to Select All. Looks up a localized string similar to Columns. Looks up a localized string similar to Column Settings. Looks up a localized string similar to Are you sure you want to delete this record?. Looks up a localized string similar to Delete. Looks up a localized string similar to Add new record. Looks up a localized string similar to Delete. Looks up a localized string similar to Done. Looks up a localized string similar to Edit . Looks up a localized string similar to Export to Excel. Looks up a localized string similar to {0} filter column settings. Looks up a localized string similar to Lock Column. Looks up a localized string similar to No records available.. Looks up a localized string similar to Export to PDF. Looks up a localized string similar to Reset. Looks up a localized string similar to Save changes. Looks up a localized string similar to Search.... Looks up a localized string similar to Select. Looks up a localized string similar to Set Column Position. Looks up a localized string similar to Sort Ascending. Looks up a localized string similar to Sort Descending. Looks up a localized string similar to Stick Column. Looks up a localized string similar to Unlock Column. Looks up a localized string similar to Unstick Column. Looks up a localized string similar to Update. Looks up a localized string similar to Drag a column header and drop it here to group by that column. Looks up a localized string similar to Press ctrl + space to group. Looks up a localized string similar to Move Down. Looks up a localized string similar to Move Up. Looks up a localized string similar to Delete. Looks up a localized string similar to Transfer All From. Looks up a localized string similar to Transfer All To. Looks up a localized string similar to Transfer From. Looks up a localized string similar to Transfer To. Looks up a localized string similar to Full Screen. Looks up a localized string similar to Mute. Looks up a localized string similar to Pause. Looks up a localized string similar to Play. Looks up a localized string similar to Quality. Looks up a localized string similar to Unmute. Looks up a localized string similar to Select. Looks up a localized string similar to All. Looks up a localized string similar to {0} - {1} of {2} items. Looks up a localized string similar to No items to display. Looks up a localized string similar to Go to the first page. Looks up a localized string similar to items per page. Looks up a localized string similar to Go to the last page. Looks up a localized string similar to More pages. Looks up a localized string similar to Go to the next page. Looks up a localized string similar to Page select. Looks up a localized string similar to of {0}. Looks up a localized string similar to Page. Looks up a localized string similar to Page {0}. Looks up a localized string similar to Page sizes drop down. Looks up a localized string similar to Go to the previous page. Looks up a localized string similar to Refresh. Looks up a localized string similar to Drop Column Fields Here. Looks up a localized string similar to Columns. Looks up a localized string similar to Fields. Looks up a localized string similar to Drop Data Fields Here. Looks up a localized string similar to Measures. Looks up a localized string similar to Drop Rows Fields Here. Looks up a localized string similar to Rows. Looks up a localized string similar to Cancel. Looks up a localized string similar to Clear. Looks up a localized string similar to Filter. Looks up a localized string similar to Fields Filter. Looks up a localized string similar to Include Fields.... Looks up a localized string similar to Show items with value that:. Looks up a localized string similar to Ok. Looks up a localized string similar to Fields to include. Looks up a localized string similar to all day. Looks up a localized string similar to Cancel. Looks up a localized string similar to Are you sure you want to delete this event?. Looks up a localized string similar to Date. Looks up a localized string similar to All events. Looks up a localized string similar to Delete event. Looks up a localized string similar to Delete. Looks up a localized string similar to All day event. Looks up a localized string similar to Description. Looks up a localized string similar to Event. Looks up a localized string similar to End. Looks up a localized string similar to End timezone. Looks up a localized string similar to No timezone. Looks up a localized string similar to Repeat. Looks up a localized string similar to Use separate start and end time zones. Looks up a localized string similar to Start. Looks up a localized string similar to Start timezone. Looks up a localized string similar to . Looks up a localized string similar to Time zone. Looks up a localized string similar to Timezones. Looks up a localized string similar to Title. Looks up a localized string similar to Event. Looks up a localized string similar to Next. Looks up a localized string similar to No events on this date.. Looks up a localized string similar to Previous. Looks up a localized string similar to Cancel. Looks up a localized string similar to Do you want to delete only this event occurrence or the whole series?. Looks up a localized string similar to Delete current occurrence. Looks up a localized string similar to Delete the series. Looks up a localized string similar to Delete Recurring Item. Looks up a localized string similar to days(s). Looks up a localized string similar to Repeat every: . Looks up a localized string similar to After . Looks up a localized string similar to End:. Looks up a localized string similar to Ends. Looks up a localized string similar to Never. Looks up a localized string similar to occurrence(s). Looks up a localized string similar to On . Looks up a localized string similar to Daily. Looks up a localized string similar to Monthly. Looks up a localized string similar to Never. Looks up a localized string similar to Weekly. Looks up a localized string similar to Yearly. Looks up a localized string similar to Date. Looks up a localized string similar to Day . Looks up a localized string similar to month(s). Looks up a localized string similar to Repeat every: . Looks up a localized string similar to Repeat on: . Looks up a localized string similar to first. Looks up a localized string similar to fourth. Looks up a localized string similar to last. Looks up a localized string similar to second. Looks up a localized string similar to third. Looks up a localized string similar to Recurrence editor. Looks up a localized string similar to day. Looks up a localized string similar to weekday. Looks up a localized string similar to weekend day. Looks up a localized string similar to week(s). Looks up a localized string similar to Repeat every: . Looks up a localized string similar to Repeat on: . Looks up a localized string similar to day. Looks up a localized string similar to year(s). Looks up a localized string similar to month. Looks up a localized string similar to of . Looks up a localized string similar to Repeat every: . Looks up a localized string similar to Repeat on: . Looks up a localized string similar to Do you want to edit only this event occurrence or the whole series?. Looks up a localized string similar to Edit current occurrence. Looks up a localized string similar to Edit the series. Looks up a localized string similar to Edit Recurring Item. Looks up a localized string similar to Repeat ends. Looks up a localized string similar to Repeat event. Looks up a localized string similar to Repeat pattern. Looks up a localized string similar to Reset Series. Looks up a localized string similar to Save. Looks up a localized string similar to Refresh. Looks up a localized string similar to Reset Series. Looks up a localized string similar to Save. Looks up a localized string similar to Search.... Looks up a localized string similar to Select View. Looks up a localized string similar to Show full day. Looks up a localized string similar to Show business hours. Looks up a localized string similar to Time. Looks up a localized string similar to Today. Looks up a localized string similar to Agenda. Looks up a localized string similar to Day. Looks up a localized string similar to Month. Looks up a localized string similar to Timeline. Looks up a localized string similar to Timeline Month. Looks up a localized string similar to Timeline Week. Looks up a localized string similar to Timeline Work Week. Looks up a localized string similar to Week. Looks up a localized string similar to Work Week. Looks up a localized string similar to Year. Looks up a localized string similar to ON. Looks up a localized string similar to OFF. Looks up a localized string similar to Cancel. Looks up a localized string similar to Cancel changes. Looks up a localized string similar to Columns. Looks up a localized string similar to Column Settings. Looks up a localized string similar to Add new record. Looks up a localized string similar to Add child. Looks up a localized string similar to Delete. Looks up a localized string similar to Edit . Looks up a localized string similar to Export to Excel. Looks up a localized string similar to Loading. Looks up a localized string similar to Lock Column. Looks up a localized string similar to No records available.. Looks up a localized string similar to Export to PDF. Looks up a localized string similar to Request failed.. Looks up a localized string similar to Retry. Looks up a localized string similar to Save changes. Looks up a localized string similar to Sort Ascending. Looks up a localized string similar to Sort Descending. Looks up a localized string similar to Unlock Column. Looks up a localized string similar to Update. Looks up a localized string similar to Press ctrl + space to ungroup. Looks up a localized string similar to Cancel. Looks up a localized string similar to Clear. Looks up a localized string similar to drop files here to upload. Looks up a localized string similar to Paused. Looks up a localized string similar to Done. Looks up a localized string similar to Uploading.... Looks up a localized string similar to File type not allowed.. Looks up a localized string similar to Invalid file(s). Please check file upload requirements.. Looks up a localized string similar to File size too large.. Looks up a localized string similar to File size too small.. Looks up a localized string similar to Remove. Looks up a localized string similar to Retry. Looks up a localized string similar to Select.... Looks up a localized string similar to failed. Looks up a localized string similar to uploaded. Looks up a localized string similar to uploading. Looks up a localized string similar to File(s) failed to upload.. Looks up a localized string similar to Upload files. Looks up a localized string similar to File(s) uploaded successfully.. A strongly-typed resource class, for looking up localized strings, etc. Returns the cached ResourceManager instance used by this class. Overrides the current thread's CurrentUICulture property for all resource lookups using this strongly typed resource class. Looks up a localized string similar to AllowCopy requires any Selectable mode to be enabled. Looks up a localized string similar to "{0}" array cannot be empty.. Looks up a localized string similar to You must use InCell edit mode for batch updates.. Looks up a localized string similar to The Update data binding setting is required for batch updates. Please specify the Update action or url in the DataBinding configuration.. Looks up a localized string similar to "{0}" cannot be negative.. Looks up a localized string similar to "{0}" cannot be negative or zero.. Looks up a localized string similar to "{0}" cannot be null.. Looks up a localized string similar to "{0}" cannot be null or empty.. Looks up a localized string similar to Cannot find a public property of primitive type to sort by.. Looks up a localized string similar to Cannot have more one column in order when sort mode is set to single column.. Looks up a localized string similar to Cannot route to class named 'Controller'.. Looks up a localized string similar to Cannot set AutoBind if widget is populated during initialization. Looks up a localized string similar to Cannot use Ajax and WebService binding at the same time.. Looks up a localized string similar to Cannot use both Detail template and locked columns. Looks up a localized string similar to Locked columns are not supported in server binding mode. Looks up a localized string similar to Cannot use PushState with server navigation.. Looks up a localized string similar to Cannot use both Row template and locked columns. Looks up a localized string similar to Cannot use only server templates in Ajax or WebService binding mode. Please specify a client template as well.. Looks up a localized string similar to Cannot use Virtual Scroll with Server binding.. Looks up a localized string similar to "{0}" collection cannot be empty.. Looks up a localized string similar to Multiple types were found that match the controller named '{0}'. This can happen if the route that services this request does not specify namespaces to search for a controller that matches the request. If this is the case, register this route by calling an overload of the 'MapRoute' method that takes a 'namespaces' parameter. The request for '{0}' has found the following matching controllers:{1}. Looks up a localized string similar to Multiple types were found that match the controller named '{0}'. This can happen if the route that services this request ('{1}') does not specify namespaces to search for a controller that matches the request. If this is the case, register this route by calling an overload of the 'MapRoute' method that takes a 'namespaces' parameter. The request for '{0}' has found the following matching controllers:{2}. Looks up a localized string similar to Controller name must end with 'Controller'.. Looks up a localized string similar to Custom command routes is available only for server binding.. Looks up a localized string similar to There is no DataSource Model Id property specified.. Looks up a localized string similar to DataTable InLine editing and custom EditorTemplate per column is not supported. Looks up a localized string similar to You must specify TemplateName when PopUp edit mode is enabled with DataTable binding. Looks up a localized string similar to The Delete data binding setting is required by the delete command. Please specify the Delete action or url in the DataBinding configuration.. Looks up a localized string similar to The Update data binding setting is required by the edit command. Please specify the Update action or url in the DataBinding configuration.. Looks up a localized string similar to Excel export is not supported in server binding mode.. Looks up a localized string similar to {0} should not be bigger then {1}.. Looks up a localized string similar to Group with specified name already exists.. Looks up a localized string similar to Group with specified name "{0}" already exists. Please specify a different name.. Looks up a localized string similar to Group with "{0}" does not exist in {1} SharedWebAssets.. Looks up a localized string similar to Group with specified name "{0}" does not exist. Please make sure you have specified a correct name.. Looks up a localized string similar to InCell editing mode is not supported in server binding mode. Looks up a localized string similar to InCell editing mode is not supported when ClientRowTemplate is used. Looks up a localized string similar to Provided index is out of range.. Looks up a localized string similar to The Insert data binding setting is required by the insert command. Please specify the Insert action or url in the DataBinding configuration.. Looks up a localized string similar to Item with specified source already exists.. Looks up a localized string similar to Local group with name "{0}" already exists.. Looks up a localized string similar to The key with the following name "{0}" was not found. Please update all localization files.. Looks up a localized string similar to Bound columns require a field or property access expression.. Looks up a localized string similar to {0} should be less than {1}.. Looks up a localized string similar to Name cannot be blank.. Looks up a localized string similar to Name cannot contain spaces.. Looks up a localized string similar to "None" is only used for internal purpose.. Looks up a localized string similar to Only one ScriptRegistrar is allowed in a single request.. Looks up a localized string similar to Only one StyleSheetRegistrar is allowed in a single request.. Looks up a localized string similar to Only property and field expressions are supported. Looks up a localized string similar to of {0}. Looks up a localized string similar to Paging must be enabled to use PageOnScroll.. Looks up a localized string similar to The {0} must be bigger then 0.. Looks up a localized string similar to {0} must be positive number.. Looks up a localized string similar to {0} should be bigger than {1} and less then {2}. Looks up a localized string similar to The "{0}" class is no longer supported. To enable RTL support you must include telerik.rtl.css and apply the "t-rtl" class to a parent HTML element or the <body>.. Looks up a localized string similar to Scrolling must be enabled to use PageOnScroll.. Looks up a localized string similar to You must have SiteMap defined with key "{0}" in ViewData dictionary.. Looks up a localized string similar to Source must be a virtual path which should starts with "~/". Looks up a localized string similar to Specified file does not exist: "{0}".. Looks up a localized string similar to Passed string cannot be parsed to DateTime object.. Looks up a localized string similar to Passed string cannot be parsed to TimeSpan object.. Looks up a localized string similar to There should be at least one button. Looks up a localized string similar to The specified method is not an action method.. Looks up a localized string similar to Time should be bigger than MinTime and less than MaxTime.. Looks up a localized string similar to You should set Tooltip container. Tooltip.For(container). Looks up a localized string similar to You cannot set Url and ContentUrl at the same time.. Looks up a localized string similar to The value '{0}' is invalid.. Looks up a localized string similar to The Url of the WebService must be set. Looks up a localized string similar to You cannot add more than once column when sort mode is set to single column.. Looks up a localized string similar to You cannot use non generic BindTo overload without EnableCustomBinding set to true. Looks up a localized string similar to You cannot call render more than once.. Looks up a localized string similar to You cannot call Start more than once.. Looks up a localized string similar to You cannot configure a shared web asset group.. Looks up a localized string similar to You must have to call Start prior calling this method.. Sets a value controlling how the color is applied. Sets the type of the avatar. Defines the alignment of the badge Defines the color of the badge Defines how theme colors are applied to a badge Defines the position of the badge Defines the shape of the badge Defines the size of the badge Kendo UI ButtonGroupItemBadgeSettings class Defines the alignment of the badge Defines how theme colors are applied to a badge Specifies the color of the component. Valid options are inherit, default, primary, secondary, tertiary, info, success, warning, error, dark, light, inverted. Specifies wether or not to render additional "cutout" border around the badge. Defines the name for an existing icon in a Kendo UI theme or SVG content. The icon is rendered inside the badge by a span.k-icon or span.k-svg-icon element. If text is a number, it will cap that number. Specifies position of the badge relative to button. Valid position options are: inline, top start, top end, bottom start, bottom end. works in conjunction with badge.placement. Specifies the shape of the badge. Valid options are: rectangle, rounded, pill, circle, dot. Specifies the size of the badge. Valid options are small, medium and large. The text of the badge. Valid input includes string, number or object with toString method. Default is empty string. The template which renders the content of the badge The id of the script element used for Template If set to false the badge will not be displayed. If set to true a default overlay badge will be displayed. If set to a string, an ovelay with content set to the specified string will be displayed. Can be set to a JavaScript object which represents the configuration of the Badge widget. Serialize current instance to Dictionary Defines the fluent API for configuring ButtonGroupItemBadgeBuilder Specifies the color of the component. Valid options are inherit, default, primary, secondary, tertiary, info, success, warning, error, dark, light, inverted. The value for Color Specifies wether or not to render additional "cutout" border around the badge. The value for CutoutBorder Specifies wether or not to render additional "cutout" border around the badge. Defines the name for an existing icon in a Kendo UI theme or SVG content. The icon is rendered inside the badge by a span.k-icon or span.k-svg-icon element. The value for Icon If text is a number, it will cap that number. The value for Max Specifies position of the badge relative to button. Valid position options are: inline, top start, top end, bottom start, bottom end. works in conjunction with items.badge.placement. The value for Position Specifies the shape of the badge. Valid options are: rectangle, rounded, pill, circle, dot. The value for Shape Specifies the size of the badge. Valid options are small, medium and large. The value for Shape The text of the badge. Valid input includes string, number or object with toString method. Default is empty string. The value for Text The template which renders the content of the badge The value for Template The template which renders the content of the badge The ID of the template element for Template The template which renders the content of the badge The name of the view for the Template value If set to false the badge will not be displayed. The value for Visible Defines the alignment of the badge The value that configures the align. Defines how theme colors are applied to a badge The value that configures the fill. Defines the fluent API for configuring ButtonBadgeSettings Defines the alignment of the badge The value that configures the align. Defines how theme colors are applied to a badge The value that configures the fill. Specifies the color of the component. Valid options are inherit, default, primary, secondary, tertiary, info, success, warning, error, dark, light, inverted. The value for Color Specifies wether or not to render additional "cutout" border around the badge. The value for CutoutBorder Specifies wether or not to render additional "cutout" border around the badge. Defines the name for an existing icon in a Kendo UI theme or SVG content. The icon is rendered inside the badge by a span.k-icon or span.k-svg-icon element. The value for Icon If text is a number, it will cap that number. The value for Max Specifies position of the badge relative to button. Valid position options are: inline, top start, top end, bottom start, bottom end. works in conjunction with badge.placement. The value for Position Specifies the shape of the badge. Valid options are: rectangle, rounded, pill, circle, dot. The value for Shape Specifies the size of the badge. Valid options are small, medium and large. The value for Shape The text of the badge. Valid input includes string, number or object with toString method. Default is empty string. The value for Text The template which renders the content of the badge The value for Template The template which renders the content of the badge The ID of the template element for Template The template which renders the content of the badge The name of the view for the Template value If set to false the badge will not be displayed. The value for Visible Defines the fluent interface for configuring the chart labels. Initializes a new instance of the class. The labels configuration. Renders the axis labels on the other side. A value indicating whether to render the axis labels on the other side. @(Html.Kendo().Chart() .Name("Chart") .ValueAxis(axis => axis .Numeric().RangeLabels(labels => labels.Mirror(true)) ) .CategoryAxis(axis => axis .Categories(s => s.DateString) // Move the value axis to the right side .AxisCrossingValue(5) ) ) Specifies the labels rotation angle. The rotation angle of the labels. @(Html.Kendo().Chart() .Name("Chart") .ValueAxis(axis => axis .Numeric() .Min(0).Max(100) .RanngeLabels(lbl=>lbl.Rotation(-45)) ) ) Specifies the labels rotation. The labels rotation configurator. @(Html.Kendo().Chart() .Name("Chart") .ValueAxis(axis => axis .Numeric() .Min(0).Max(100) .RangeLabels(lbl=>lbl.Rotation(rotate=>rotate.Angle(-45))) ) ) Defines the fluent interface for configuring the chart data labels. Initializes a new instance of the class. The data labels configuration. Gets or sets the series. The series. Sets the name of the series. Sets the opacity of the series. Configure the series tooltip. Sets the tooltip visibility. A value indicating if the tooltip should be displayed. Sets the xField. Sets the yField. Sets the yField. Configures the heatmap chart markers. The configuration action. Configures the heatmap chart labels. The configuration action. Sets the color. Sets the color handler. Defines the fluent API for configuring ChartPaneDefaultsSettings The background color of all chart panes. Accepts a valid CSS color string, including hex and rgb. The value for Background The border of all chart panes. The configurator for the border setting. Specifies whether the charts in the panes should be clipped. By default all charts except radar, polar and 100% stacked charts are clipped. The value for Clip The default pane height in pixels. The value for Height The margin of the panes. A numeric value will set all margins. The title top margin. The title right margin. The title bottom margin. The title left margin. The margin of the panes. A numeric value will set all margins. The title margin. The padding of the panes. A numeric value will set all paddings. The title top padding. The title right padding. The title bottom padding. The title left padding. The padding of the panes. A numeric value will set all paddings. The title padding. The title configuration of the all panes. The configuration action. Defines the fluent API for configuring ChartCategoryAxisPlotBandLabelMarginSettings The bottom margin of the label. The value for Bottom The left margin of the label. The value for Left The right margin of the label. The value for Right The top margin of the label. The value for Top Defines the fluent API for configuring ChartCategoryAxisPlotBandLabelSettings The position of the plotband label.The supported values are: "left" - the plotband label is positioned on the left; "right" - the plotband label is positioned on the right or "center" - the plotband label is positioned in the center. The value for Align The background color of the label. Accepts a valid CSS color string, including hex and rgb. The value for Background The border of the label. The configurator for the border setting. The text color of the label. Accepts a valid CSS color string, including hex and rgb. The value for Color The font style of the label. The value for Font The margin of the label. A numeric value will set all margins. The configurator for the margin setting. The padding of the label. A numeric value will set all paddings. The configurator for the padding setting. The position of the label.The supported values are: "top" - the axis label is positioned on the top; "bottom" - the axis label is positioned on the bottom or "center" - the axis label is positioned in the center. The value for Position The rotation angle of the label. By default the label is not rotated. The value for Rotation The text of the label. The value for Text If set to false the chart will not display the label. The value for Visible A function that can be used to create a custom visual for the label. The available argument fields are: text - the label text.; rect - the kendo.geometry.Rect that defines where the visual should be rendered.; sender - the chart instance (may be undefined).; options - the label options. or createVisual - a function that can be used to get the default visual.. The name of the JavaScript function that will be evaluated. A function that can be used to create a custom visual for the label. The available argument fields are: text - the label text.; rect - the kendo.geometry.Rect that defines where the visual should be rendered.; sender - the chart instance (may be undefined).; options - the label options. or createVisual - a function that can be used to get the default visual.. The handler code wrapped in a text tag. Defines the fluent API for configuring ChartCategoryAxisPlotBandLabelBorderSettings The color of the border. Accepts a valid CSS color string, including hex and rgb. The value for Color The dash type of the border.The following dash types are supported: "dash" - a line consisting of dashes; "dashDot" - a line consisting of a repeating pattern of dash-dot; "dot" - a line consisting of dots; "longDash" - a line consisting of a repeating pattern of long-dash; "longDashDot" - a line consisting of a repeating pattern of long-dash-dot; "longDashDotDot" - a line consisting of a repeating pattern of long-dash-dot-dot or "solid" - a solid line. The value for DashType The width of the border in pixels. By default the border width is set to zero which means that the border will not appear. The value for Width Defines the fluent API for configuring ChartSeriesMeanSettings The color of the mean visual. Accepts a valid CSS color string, including hex and rgb. The value for Color The dash type of the mean visual.The following dash types are supported: "dash" - a line consisting of dashes; "dashDot" - a line consisting of a repeating pattern of dash-dot; "dot" - a line consisting of dots; "longDash" - a line consisting of a repeating pattern of long-dash; "longDashDot" - a line consisting of a repeating pattern of long-dash-dot; "longDashDotDot" - a line consisting of a repeating pattern of long-dash-dot-dot or "solid" - a solid line. The value for DashType The opacity of the mean visual. By default the border is opaque. The value for Opacity The width of the mean visual in pixels. The value for Width Defines the fluent API for configuring ChartSeriesMedianSettings The color of the mean visual. Accepts a valid CSS color string, including hex and rgb. The value for Color The dash type of the mean visual.The following dash types are supported: "dash" - a line consisting of dashes; "dashDot" - a line consisting of a repeating pattern of dash-dot; "dot" - a line consisting of dots; "longDash" - a line consisting of a repeating pattern of long-dash; "longDashDot" - a line consisting of a repeating pattern of long-dash-dot; "longDashDotDot" - a line consisting of a repeating pattern of long-dash-dot-dot or "solid" - a solid line. The value for DashType The opacity of the mean visual. By default the border is opaque. The value for Opacity The width of the mean visual in pixels. The value for Width Defines the fluent API for configuring ChartSeriesWhiskersSettings The color of the whiskers. The value for Color The dash type of the whiskers.The following dash types are supported: "dash" - a line consisting of dashes; "dashDot" - a line consisting of a repeating pattern of dash-dot; "dot" - a line consisting of dots; "longDash" - a line consisting of a repeating pattern of long-dash; "longDashDot" - a line consisting of a repeating pattern of long-dash-dot; "longDashDotDot" - a line consisting of a repeating pattern of long-dash-dot-dot or "solid" - a solid line. The value for DashType The opacity of the whiskers. The value for Opacity The width of the whiskers. The value for Width Kendo UI ChartSeriesWhiskersSettings class The color of the whiskers. The dash type of the whiskers.The following dash types are supported: "dash" - a line consisting of dashes; "dashDot" - a line consisting of a repeating pattern of dash-dot; "dot" - a line consisting of dots; "longDash" - a line consisting of a repeating pattern of long-dash; "longDashDot" - a line consisting of a repeating pattern of long-dash-dot; "longDashDotDot" - a line consisting of a repeating pattern of long-dash-dot-dot or "solid" - a solid line. The opacity of the whiskers. The width of the whiskers. Serialize current instance to Dictionary Defines the fluent API for configuring the ColorPickerContrastToolSettings settings. Initialize the The Sets the background color for the contrast tool in the ColorGradient. The value that configures the backgroundcolor. Defines the fluent interface for configuring the Model definition. Type of the model Specify the member used for the parentId field. Member access expression which describes the member @(Html.Kendo().OrgChart<OrgChartEmployeeViewModel>() .Name("orgchart") .DataSource(dataSource => dataSource .Read(read => read.Action("RemoteDataBindingData", "OrgChart")) .Model(m => { m.Avatar(f => f.Avatar); }) ) ) Specify the member used for the parentId field. The member name. Type of the field @(Html.Kendo().OrgChart<OrgChartEmployeeViewModel>() .Name("orgchart") .DataSource(dataSource => dataSource .Read(read => read.Action("RemoteDataBindingData", "OrgChart")) .Model(m => { m.Avatar("Avatar"); }) ) ) Specify the member used for the expanded field. Member access expression which describes the member @(Html.Kendo().OrgChart<OrgChartEmployeeViewModel>() .Name("orgchart") .DataSource(dataSource => dataSource .Read(read => read.Action("RemoteDataBindingData", "OrgChart")) .Model(m => { m.Expanded(f=>f.Expanded); }) ) ) Specify the member used for the expanded field. The member name. Type of the field @(Html.Kendo().OrgChart<OrgChartEmployeeViewModel>() .Name("orgchart") .DataSource(dataSource => dataSource .Read(read => read.Action("RemoteDataBindingData", "OrgChart")) .Model(m => { m.Expanded("Expanded"); }) ) ) Specify the default value of the expanded field. The member name. @(Html.Kendo().OrgChart<OrgChartEmployeeViewModel>() .Name("orgchart") .DataSource(dataSource => dataSource .Read(read => read.Action("RemoteDataBindingData", "OrgChart")) .Model(m => { m.Expanded(true); }) ) ) Specify the member used for the name field. Member access expression which describes the member @(Html.Kendo().OrgChart<OrgChartEmployeeViewModel>() .Name("orgchart") .DataSource(dataSource => dataSource .Read(read => read.Action("RemoteDataBindingData", "OrgChart")) .Model(m => { m.HasChildren(f=>f.HasChildren); }) ) ) Specify the member used for the parentId field. The member name. Type of the field @(Html.Kendo().OrgChart<OrgChartEmployeeViewModel>() .Name("orgchart") .DataSource(dataSource => dataSource .Read(read => read.Action("RemoteDataBindingData", "OrgChart")) .Model(m => { m.HasChildren("HasChildren"); }) ) ) Specify the member used to identify an unique Model instance. The member name. @(Html.Kendo().OrgChart<OrgChartEmployeeViewModel>() .Name("orgchart") .DataSource(dataSource => dataSource .Read(read => read.Action("RemoteDataBindingData", "OrgChart")) .Model(m => { m.Id("Id"); }) ) ) Specify the member used to identify an unique Model instance. Type of the field Member access expression which describes the member @(Html.Kendo().OrgChart<OrgChartEmployeeViewModel>() .Name("orgchart") .DataSource(dataSource => dataSource .Read(read => read.Action("RemoteDataBindingData", "OrgChart")) .Model(m => { m.Id(f => f.ID); }) ) ) Specify the member used for the name field. Member access expression which describes the member @(Html.Kendo().OrgChart<OrgChartEmployeeViewModel>() .Name("orgchart") .DataSource(dataSource => dataSource .Read(read => read.Action("RemoteDataBindingData", "OrgChart")) .Model(m => { m.Name(f => f.Name); }) ) ) Specify the member used for the parentId field. The member name. Type of the field @(Html.Kendo().OrgChart<OrgChartEmployeeViewModel>() .Name("orgchart") .DataSource(dataSource => dataSource .Read(read => read.Action("RemoteDataBindingData", "OrgChart")) .Model(m => { m.Name("Name"); }) ) ) Specify the member used for the parentId field. Member access expression which describes the member @(Html.Kendo().OrgChart<OrgChartEmployeeViewModel>() .Name("orgchart") .DataSource(dataSource => dataSource .Read(read => read.Action("RemoteDataBindingData", "OrgChart")) .Model(m => { m.ParentId(f => f.ParentId); }) ) ) Specify the member used for the parentId field. The member name. Type of the field @(Html.Kendo().OrgChart<OrgChartEmployeeViewModel>() .Name("orgchart") .DataSource(dataSource => dataSource .Read(read => read.Action("RemoteDataBindingData", "OrgChart")) .Model(m => { m.ParentId("ParentId"); }) ) ) Specify the member used for the parentId field. Member access expression which describes the member @(Html.Kendo().OrgChart<OrgChartEmployeeViewModel>() .Name("orgchart") .DataSource(dataSource => dataSource .Read(read => read.Action("RemoteDataBindingData", "OrgChart")) .Model(m => { m.Title(f => f.Title); }) ) ) Specify the member used for the parentId field. The member name. Type of the field @(Html.Kendo().OrgChart<OrgChartEmployeeViewModel>() .Name("orgchart") .DataSource(dataSource => dataSource .Read(read => read.Action("RemoteDataBindingData", "OrgChart")) .Model(m => { m.Title("Title"); }) ) ) Describes a Model field Field type Member access expression which describes the field @(Html.Kendo().OrgChart<OrgChartEmployeeViewModel>() .Name("orgchart") .DataSource(dataSource => dataSource .Read(read => read.Action("RemoteDataBindingData", "OrgChart")) .Model(m => { m.Field(f => f.Name); }) ) ) Describes a Model field Field name Field type @(Html.Kendo().OrgChart<OrgChartEmployeeViewModel>() .Name("orgchart") .DataSource(dataSource => dataSource .Read(read => read.Action("RemoteDataBindingData", "OrgChart")) .Model(m => { m.Field("Title", typeof(string)); }) ) ) Describes a Model field Field type Member name @(Html.Kendo().OrgChart<OrgChartEmployeeViewModel>() .Name("orgchart") .DataSource(dataSource => dataSource .Read(read => read.Action("RemoteDataBindingData", "OrgChart")) .Model(m => { m.Field("Title"); }) ) ) Defines the fluent interface for configuring the . Specifies if the defaultValue setting should be used. The default is false. The value @(Html.Kendo().OrgChart<OrgChartEmployeeViewModel>() .Name("orgchart") .DataSource(dataSource => dataSource .Read(read => read.Action("RemoteDataBindingData", "OrgChart")) .Model(m => { m.Field(f => f.Name).Nullable(false); }) ) ) Defines the fluent interface for configuring the when in read-only mode. Initializes a new instance of the class. The instance The view context A url generator instance Configures the URL for Read operation. The read action configuration. @(Html.Kendo().Timeline<OrderViewModel>() .Name("tl") .DataSource(ds => { ds.Read(r => r.Action("Action", "Controller")); }); ) Sets controller and action for Read operation. Action name Controller Name Route values @(Html.Kendo().Timeline<OrderViewModel>() .Name("tl") .DataSource(ds => { ds.Read("Action", "Controller", new { value="myvalue"}); }); ) Sets controller, action and routeValues for Read operation. Action name Controller Name @(Html.Kendo().Timeline<OrderViewModel>() .Name("tl") .DataSource(ds => { ds.Read("Action", "Controller"); }); ) Configures the client-side events The events configuration. @(Html.Kendo().Timeline<OrderViewModel>() .Name("tl") .DataSource(ds => { ds.Events(ev => ev.Change("onChange")); }); ) Use it to configure Custom binding. @(Html.Kendo().Timeline<OrderViewModel>() .Name("tl") .DataSource(ds => { ds.Custom(); }); ) Allows customization of the week column header text in the Calendar. Set the value to make the widget compliant with web accessibility standards. The value for WeekColumnHeader Defines the fluent API for configuring the Kendo DateRangePicker for ASP.NET MVC. Initializes a new instance of the class. The component. Specifies a template used to populate value of the aria-label attribute of the currently focused cell of the calendar..The parameters available for the template are: current - The current focused date.; valueType - The focused item value type - month, year and etc. or text - A text representing the focused value.. The value that configures the ariatemplate. @(Html.Kendo().DateRangePicker() .Name("DateRangePicker") .ARIATemplate("Date: #=kendo.toString(data.current, 'G')#") ) Specifies a template used to populate value of the aria-label attribute of the currently focused cell of the calendar..The parameters available for the template are: current - The current focused date.; valueType - The focused item value type - month, year and etc. or text - A text representing the focused value.. The value that configures the ariatemplate. @(Html.Kendo().DateRangePicker() .Name("DateRangePicker") .ARIATemplateId("ariaTemplate") ) Specifies a template used to populate value of the aria-label attribute of the currently focused cell of the calendar..The parameters available for the template are: current - The current focused date.; valueType - The focused item value type - month, year and etc. or text - A text representing the focused value.. The value that configures the ariatemplate. @(Html.Kendo().DateRangePicker() .Name("DateRangePicker") .ARIATemplateView(Html.Partial("AriaViewTemplate")) ) Specifies the culture info used by the widget. The value that configures the culture. @(Html.Kendo().DateRangePicker() .Name("DateRangePicker") .Culture("de-DE") ) Specifies a list of dates, which will be passed to the month template. The value that configures the dates. @(Html.Kendo().DateRangePicker() .Name("DateRangePicker") .Dates(new DateTime(2000,10,10), new DateTime(2000,10,30)) ) Specifies the navigation depth. The following settings are available for the depth value: "month" - Shows the days of the month. (default value); "year" - Shows the months of the year.; "decade" - Shows the years of the decade. or "century" - Shows the decades from the century.. The value that configures the depth. @(Html.Kendo().DateRangePicker() .Name("DateRangePicker") .Depth("month") ) Specifies the end field name for model binding. The value that configures the endfield. @(Html.Kendo().DateRangePicker() .Name("DateRangePicker") .EndField("endField") ) The template which renders the footer of the calendar. If false, the footer will not be rendered. The value that configures the footer. @(Html.Kendo().DateRangePicker() .Name("DateRangePicker") .Footer("Today - #: kendo.toString(data, 'd') #") ) Specifies the format, which is used to format the value of the DateRangePicker displayed in the input. The format also will be used to parse the input.For more information on date and time formats please refer to Date Formatting. The value that configures the format. @(Html.Kendo().DateRangePicker() .Name("DateRangePicker") .Format("yyyy/MM/dd") ) Specifies the maximum date, which the calendar can show. The value that configures the max. @(Html.Kendo().DateRangePicker() .Name("DateRangePicker") .Max(DateTime.Now) ) Allows localization of the strings that are used in the widget. The action that configures the messages. @(Html.Kendo().DateRangePicker() .Name("DateRangePicker") .Messages(m => { m.StartLabel("Start"); m.EndLabel("End"); }) ) Specifies the minimum date that the calendar can show. The value that configures the min. @(Html.Kendo().DateRangePicker() .Name("DateRangePicker") .Min(DateTime.Now) ) Templates for the cells rendered in the calendar "month" view. The action that configures the month. @(Html.Kendo().DateRangePicker() .Name("DateRangePicker") .Month(m => { m.Content("#=data.value#") m.WeekNumber("#= data.weekNumber #"); m.Empty("-"); }) ) Determines if the labels for the inputs will be visible. The value that configures the labels. @(Html.Kendo().DateRangePicker() .Name("DateRangePicker") .Labels(false) ) If set to true a week of the year will be shown on the left side of the calendar. It is possible to define a template in order to customize what will be displayed. The value that configures the weeknumber. @(Html.Kendo().DateRangePicker() .Name("DateRangePicker") .WeekNumber(true) ) Configures the Kendo UI DateRangePicker range settings. The action that configures the range. @(Html.Kendo().DateRangePicker() .Name("DateRangePicker") .Range(r => r.Start(DateTime.Now).End(DateTime.Now.AddDays(10))) ) Specifies the start view. The following settings are available for the start value: "month" - Shows the days of the month.; "year" - Shows the months of the year.; "decade" - Shows the years of the decade. or "century" - Shows the decades from the century.. The value that configures the start. @(Html.Kendo().DateRangePicker() .Name("DateRangePicker") .Range(r => r.Start(DateTime.Now)) ) Specifies the start field name for model binding. The value that configures the startfield. @(Html.Kendo().DateRangePicker() .Name("DateRangePicker") .StartField("startField") ) Sets the size of the component. The value that configures the size. @(Html.Kendo().DateRangePicker() .Name("DateRangePicker") .Size(ComponentSize.Medium) ) Sets a value controlling the border radius. The value that configures the rounded. @(Html.Kendo().DateRangePicker() .Name("DateRangePicker") .Rounded(Rounded.Medium) ) Sets a value controlling how the color is applied. The value that configures the fillmode. @(Html.Kendo().DateRangePicker() .Name("DateRangePicker") .FillMode(FillMode.Outline) ) Specifies the disabled dates in the DateRangePicker widget. @(Html.Kendo().DateRangePicker() .Name("DateRangePicker") .DisableDates(new string[] { "we", "th" }) ) Specifies the disabled dates in the DateRangePicker widget. @(Html.Kendo().DateRangePicker() .Name("DateRangePicker") .DisableDates(DayofWeek.Saturday, DayOfWeek.Sunday) ) Specifies the disabled dates handler in the DateRangePicker widget using a function. @(Html.Kendo().DateRangePicker() .Name("DateRangePicker") .DisableDates("disableDates") ) Configures the client-side events. The client events action. @(Html.Kendo().DateRangePicker() .Name("DateRangePicker") .Events(events => events .Change("onChange") ) ) Defines the fluent API for configuring the Kendo DateRangePicker for ASP.NET MVC events. Initializes a new instance of the class. The client events. Fires when the selected date is changed The name of the JavaScript function that will handle the change event. @(Html.Kendo().DateRangePicker() .Name("DateRangePicker") .Events(e => e.Change("onChange")) ) Fires when the calendar is closed The name of the JavaScript function that will handle the close event. @(Html.Kendo().DateRangePicker() .Name("DateRangePicker") .Events(e => e.Close("onClose")) ) Fires when the calendar is opened The name of the JavaScript function that will handle the open event. @(Html.Kendo().DateRangePicker() .Name("DateRangePicker") .Events(e => e.Open("onOpen")) ) Defines the fluent API for configuring the DateRangePickerMessagesSettings settings. Initialize the The Allows customization of the start label text. The value that configures the startlabel. @(Html.Kendo().DateRangePicker() .Name("DateRangePicker") .Messages(m => { m.StartLabel("Start"); }) ) Allows customization of the end label text. The value that configures the endlabel. @(Html.Kendo().DateRangePicker() .Name("DateRangePicker") .Messages(m => { m.EndLabel("End"); }) ) Defines the fluent API for configuring the DateRangePickerMonthSettings settings. Initialize the The The template to be used for rendering the cells in "month" view, which are between the min/max range. The value that configures the content. @(Html.Kendo().DateRangePicker() .Name("DateRangePicker") .Month(m => m.Content("#=data.value#")) ) The template to be used for rendering the cells in "week" column. By default, the widget renders the calculated week of the year. The properties available in the data object are: currentDate - returns the first date of the current week. or weekNumber - calculated week number.. These properties can be used in the template to make additional calculations. The value that configures the weeknumber. @(Html.Kendo().DateRangePicker() .Name("DateRangePicker") .Month(m => m.WeekNumber("#= data.weekNumber #")) ) The template used for rendering cells in the "month" view, which are outside the min/max range. The value that configures the empty. @(Html.Kendo().DateRangePicker() .Name("DateRangePicker") .Month(m => m.Empty("-")) ) Defines the fluent API for configuring the DateRangePickerRangeSettings settings. Initialize the The This sets the start date of the range selection. The value that configures the start. @(Html.Kendo().DateRangePicker() .Name("DateRangePicker") .Range(r => r.Start(DateTime.Now)) ) This sets the end date of the range selection. The value that configures the end. @(Html.Kendo().DateRangePicker() .Name("DateRangePicker") .Range(r => r.End(DateTime.Now)) ) This sets the start date of the range selection. The value that configures the start. @(Html.Kendo().DateRangePicker() .Name("DateRangePicker") .Range(r => r.Start(DateTime.Now)) ) This sets the end date of the range selection. The value that configures the end. @(Html.Kendo().DateRangePicker() .Name("DateRangePicker") .Range(r => r.End(DateTime.Now)) ) Defines the fluent API for configuring the LabelSettings settings. Initialize the The Sets the inner HTML of the label. The value that configures the content. If set to true, the widget will be wrapped in a container that will allow the floating label functionality. The value that configures the floating. The text message shown when hovering the clear button. The value that configures the clear message. The text that would be displayed in the NoDataTemplate. The value that configures the NoDataTemplate message. Defines the fluent API for configuring the LabelSettings settings. Initialize the The Sets the inner HTML of the label. The value that configures the content. If set to true, the widget will be wrapped in a container that will allow the floating label functionality. The value that configures the floating. Defines the fluent interface for configuring the component. Initializes a new instance of the class. The component. Use to enable or disable clear button functionality. The boolean value. @( Html.Kendo().AutoComplete() .Name("AutoComplete") .ClearButton(false) //disable clear button ) Controls whether to adjust the popup width @( Html.Kendo().AutoComplete() .Name("AutoComplete") .AutoWidth(false) ) If set to true the widget will not show all items when the text of the search input cleared. By default the widget shows all items when the text of the search input is cleared. Works in conjunction with minLength. @( Html.Kendo().AutoComplete() .Name("AutoComplete") .MinLength(3) .Filter("contains") .EnforceMinLength(true) ) Configures the client-side events. The client events action. @( Html.Kendo().AutoComplete() .Name("AutoComplete") .Events(events => events.Change("change") ) ) Use it to enable filtering of items. @( Html.Kendo().AutoComplete() .Name("AutoComplete") .Filter("startswith"); ) Use it to enable filtering of items. @( Html.Kendo().AutoComplete() .Name("AutoComplete") .Filter(FilterType.Contains); ) Use it to enable highlighting of first matched item. @( Html.Kendo().AutoComplete() .Name("AutoComplete") .HighlightFirst(true) ) The text messages displayed in the widget. Use it to customize or localize the messages. The action that configures the messages. Specifies the minimum number of characters that should be typed before the widget queries the dataSource. @( Html.Kendo().AutoComplete() .Name("AutoComplete") .MinLength(3) ) A string that appears in the textbox when it has no value. @( Html.Kendo().AutoComplete() .Name("AutoComplete") .MinLength(3) ) Sets the separator for completion. Empty by default, allowing for only one completion. @( Html.Kendo().AutoComplete() .Name("AutoComplete") .Separator(", ") ) Sets the separator for completion. Empty by default, allowing for multiple separators. @( Html.Kendo().AutoComplete() .Name("AutoComplete") .Separator(new string[2] {", ", ": " }) ) Controls whether the AutoComplete should automatically auto-type the rest of text. @( Html.Kendo().AutoComplete() .Name("AutoComplete") .Suggest(true) ) Sets the size of the component. The value for Size Sets a value controlling the border radius. The value for Rounded Sets a value controlling how the color is applied. The value for FillMode The fluent API for subscribing to Kendo UI AutoComplete events. Initializes a new instance of the class. The client events. Defines the inline handler of the Select client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().AutoComplete() .Name("AutoComplete") .Events(events => events.Select( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Select client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().AutoComplete() .Name("AutoComplete") .Events(events => events.Select("select")) ) Defines the inline handler of the Change client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().AutoComplete() .Name("AutoComplete") .Events(events => events.Change( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Change client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().AutoComplete() .Name("AutoComplete") .Events(events => events.Change("change")) ) Defines the inline handler of the DataBound client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().AutoComplete() .Name("AutoComplete") .Events(events => events.DataBound( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the DataBound client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().AutoComplete() .Name("AutoComplete") .Events(events => events.DataBound("dataBound")) ) Defines the inline handler of the Filtering client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().AutoComplete() .Name("AutoComplete") .Events(events => events.Filtering( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Filtering client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().AutoComplete() .Name("AutoComplete") .Events(events => events.Filtering("filtering")) ) Defines the name of the JavaScript function that will handle the the Open client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().AutoComplete() .Name("AutoComplete") .Events(events => events.Open("open")) ) Defines the inline handler of the Open client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().AutoComplete() .Name("AutoComplete") .Events(events => events.Open( @<text> function(e) { //event handling code } </text> )) ) Defines the inline handler of the Close client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().AutoComplete() .Name("AutoComplete") .Events(events => events.Close( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Close client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().AutoComplete() .Name("AutoComplete") .Events(events => events.Close("close")) ) Defines the fluent interface for configuring the . Sets the value of the barcode Sets the preferred rendering engine. If it is not supported by the browser, the Chart will switch to the first available mode. The preferred rendering engine. Sets the value of the barcode Sets the background color of the barcode area Configures the options for the border of the Barcode Configurator to fine tune the padding options Specifies padding for top,bottom,right and left at once. Specifies whether the Checksum should be displayed next to the text or not Specifies the color of the bars Configures options for the Text of the Barcode Sets the symbology which will be used to encode the value of the barcode Sets the height of the barcode area Sets the width of the barcode area Defines the fluent API for configuring the border of the Kendo Barcode for ASP.NET MVC. The color of the text. Accepts a valid CSS color string, including hex and rgb. The value that configures the color. The width of the border. The value that configures the width. Specifies the line dash type. The value that configures the dashtype. Defines the fluent API for configuring the spacing of the Kendo Barcode for ASP.NET MVC. The top spacing of the Barcode. The value that configures the top spacing. The bottom spacing of the Barcode. The value that configures the bottom spacing. The left spacing of the Barcode. The value that configures the left spacing. The right spacing of the Barcode. The value that configures the right spacing. Defines the fluent API for configuring the text of the Kendo Barcode for ASP.NET MVC. The margin of the text. Accepts a number. The value that configures the margin. The text margin configuration options. The action that configures the margins of the text. The color of the text. Accepts a valid CSS color string, including hex and rgb. The value that configures the color. The font of the text. Accepts a string - the name of the font. The value that configures the font. The visibility of the text. The value that configures the visibility. Defines the fluent interface for configuring the component. Initializes a new instance of the class. The component. Sets the HTML content of the Button. The action which renders the HTML content. @( Html.Kendo().Button() .Name("Button1") .Content(() => { >% <p>Content</p> %<}) .Render(); ) Sets the HTML content of the Button. The Razor template for the HTML content. @(Html.Kendo().Button() .Name("Button1") .Content(@<p>Content</p>) .Render();) Sets the HTML content of the Button. The HTML content. @( Html.Kendo().Button() .Name("Button") .Content("<p>Content</p>") ) Sets whether Button should be enabled. Sets the icon name of the Button. Sets the image URL of the Button. Sets the sprite CSS class(es) of the Button. Configures the client-side events. The client events action. @( Html.Kendo().Button() .Name("Button") .Events(events => events.Click("onClick")) ) Sets the Button HTML tag. A button tag is used by default. @( Html.Kendo().Button() .Name("Button") .Tag("span") ) If set to true a default overlay badge will be displayed. If set to a string, an ovelay with content set to the specified string will be displayed. Can be set to a JavaScript object which represents the configuration of the Badge widget. The configurator for the badge setting. Sets the value of the badge The value of the badge. Enables the badge Specifies whether the badge is enabled. Sets the size of the component. The value for Size Sets a value controlling the border radius. The value for Rounded Sets a value controlling how the color is applied. The value for FillMode Sets the color of the component according to the applied theme. The value for ThemeColor Defines the fluent interface for configuring the Button events. Defines the inline handler of the Click client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().Button() .Name("Button") .Events(events => events.Click( @<text> function(e) { //event handling code } </text> )) .Render(); ) Defines the name of the JavaScript function that will handle the the Click client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Button() .Name("Button") .Events(events => events.Click("onClick")) ) Defines the fluent interface for configuring datepicker client events. Defines the inline handler of the Change client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().Calendar() .Name("DatePicker") .Events(events => events.Change( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Change client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Calendar() .Name("Calendar") .Events(events => events.Change("change")) ) Defines the inline handler of the Navigate client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().Calendar() .Name("Calendar") .Events(events => events.Navigate( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the Navigate client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Calendar() .Name("Calendar") .Events(events => events.Navigate("navigate")) ) Defines the fluent API for configuring CalendarMessagesSettings Defines the fluent API for configuring CalendarMessagesSettings Allows customization of the "Navigate to " text that would be used for title attribute of the Calendar title in the header. The label is also a button allowing navigation to parent view. The value for NavigateTo Allows customization of names of the views used in the title attribute of the Calendar title in the header. The label is also a button allowing navigation to parent view. The configurator for the parentviews setting. Allows customization of the week column header text. Set the value to make the widget compliant with web accessibility standards. The value for WeekColumnHeader @( Html.Kendo().Calendar() .Name("calendar") .WeekNumber(true) .Messages(m => m.WeekColumnHeader("W")) ) Defines the fluent interface for configuring the . Initializes a new instance of the class. The selection settings. Defines list of dates. This list determines which dates to be rendered with action link. List of objects Sets the action to which the date should navigate The route values of the Action method. Sets the action to which the item should navigate Name of the action. Name of the controller. The route values. Defines the fluent interface for configuring . Initializes a new instance of the class. The chart line. Sets the line opacity. The line opacity. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Area(s => s.Sales) .Line(line => line.Opacity(0.2)) ) ) Configures the line style for area series. The style. The default is normal. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Area(s => s.Sales) .Line(line => line.Style(ChartAreaStyle.Step)) ) ) Defines the fluent interface for configuring the chart markers. Initializes a new instance of the class. The line chart markers configuration. Sets the markers shape type. The markers shape type. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Line(s => s.Sales) .Markers(markers => markers .Type(ChartMarkerShape.Triangle) ) ) ) Sets the markers size. The markers size. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Line(s => s.Sales) .Markers(markers => markers .Size(10) ) ) ) Sets the markers visibility The markers visibility. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Line(s => s.Sales) .Markers(markers => markers .Visible(true) ) ) ) Sets the markers border The markers border width. The markers border color (CSS syntax). The markers border dash type. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Line(s => s.Sales) .Markers(markers => markers .Border(1, "Red", ChartDashType.Dot) ) ) ) Configures the markers border The border configuration action @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Line(s => s.Sales) .Markers(markers => markers .Border(border => border.Width(2)) ) ) ) The border radius in pixels when type is set to "roundedRect". Defaults to 1/5 of the marker size. The value for BorderRadius The background color of the current series markers. The background color of the current series markers. The background color is series color. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Line(s => s.Sales) .Markers(markers => markers .Background("Red"); ) ) ) Sets the function used to retrieve marker background. The JavaScript function that will be executed to retrieve the background of each marker. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Line(s => s.Sales) .Markers(m => m.BackgroundHandler( @<text> function(point) { return point.value > 5 ? "red" : "green"; } </text> ) ) ) ) Sets the function used to retrieve marker background. The JavaScript function that will be executed to retrieve the background of each marker. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Line(s => s.Sales) .Markers(m => m.BackgroundHandler("backgroundFn")) ) ) Sets the markers rotation angle. The markers rotation angle. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Line(s => s.Sales) .Markers(markers => markers .Type(ChartMarkerShape.Triangle) .Rotation(10) ) ) ) Sets the marker JavaScript visual handler The handler name. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Line(s => s.Sales) .Markers(markers => markers .Visual("markerVisual") ) ) ) Sets the marker visual handler The visual handler @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Line(s => s.Sales) .Markers(markers => markers .Visual( @<text> function(e) { return e.createVisual(); // returns the default visual } </text> ) ) ) ) An optional Z-index that can be used to change the default stacking order of the markers. The value for ZIndex An optional Z-index that can be used to change the default stacking order of the markers. The name of the JavaScript function that will be evaluated. An optional Z-index that can be used to change the default stacking order of the markers. The handler code wrapped in a text tag. Defines the fluent interface for configuring the chart data labels. Initializes a new instance of the class. The range area chart markers configuration. Sets the from marker visibility Boolean parameter to configure the visibility @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .RangeArea(m => m.WiFiFrom, m => m.WiFiTo) .Markers(markers => markers.From(true)) ) ) Configures the from marker The from marker configuration @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .RangeArea(m => m.WiFiFrom, m => m.WiFiTo) .Markers(markers => markers.From(f => f.Visible(true))) ) ) Sets the to marker visibility Boolean parameter to configure the visibility @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .RangeArea(m => m.WiFiFrom, m => m.WiFiTo) .Markers(markers => markers.To(true)) ) ) Configures the to marker The to marker configuration @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .RangeArea(m => m.WiFiFrom, m => m.WiFiTo) .Markers(markers => markers.To(f => f.Visible(true))) ) ) Defines the fluent interface for configuring the chart data labels. Initializes a new instance of the class. The data labels configuration. Sets the from label visibility Boolean parameter to configure the visibility @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .RangeArea(f => f.FromSales, t => t.ToSales) .Labels(labels => labels.From(true)) ) ) Configures the from label The from label configuration @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .RangeArea(f => f.FromSales, t => t.ToSales) .Labels(labels => labels.From(f => f.Visible(true))) ) ) Sets the from label visibility Boolean parameter to configure the visibility @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .RangeArea(f => f.FromSales, t => t.ToSales) .Labels(labels => labels.From(true)) ) ) Configures the from label The from label configuration @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .RangeArea(f => f.FromSales, t => t.ToSales) .Labels(labels => labels.From(f => f.Visible(true))) ) ) Sets the labels position The labels position. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .RangeArea(f => f.FromSales, t => t.ToSales) .Labels(labels => labels .Position(ChartPointLabelsPosition.Above) .Visible(true) ) ) ) Defines the fluent interface for configuring RangeArea series. Initializes a new instance of the class. The series. Sets the aggregate function for Range Area series. This function is used when a category (an year, month, etc.) contains two or more points. Aggregate function name. @(Html.Kendo().Chart(Model) .Name("Chart") .Series(series => series.RangeArea(f => f.FromSales, t => t.ToSales).Aggregate(ChartSeriesAggregate.Avg)) ) Configures the range area chart line. The line width. The line color. The line dashType. The line style. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .RangeArea(f => f.From, t => t.To) .Line(2, "red", ChartDashType.Dot, ChartAreaStyle.Smooth) ) ) Configures the range area chart line. The configuration action. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .RangeArea(f => f.From, t => t.To) .Line(line => line.Opacity(0.2)) ) ) Configures the range area chart labels. The configuration action. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .RangeArea(f => f.From, t => t.To) .Labels(labels => labels .Visible(true) ) ) ) Sets the visibility of range area chart labels. The visibility. The default value is false. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .RangeArea(f => f.From, t => t.To) .Labels(true); ) ) Configures the range area chart markers. The configuration action. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .RangeArea(f => f.From, t => t.To) .Markers(markers => markers .Type(ChartMarkerShape.Triangle) ) ) ) Sets the visibility of range area chart markers. The visibility. The default value is false. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .RangeArea(f => f.From, t => t.To) .Markers(true); ) ) Configures the behavior for handling missing values in range area series. The missing values behavior. The default is to interpolate the points. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .RangeArea(f => f.From, t => t.To) .MissingValues(ChartAreaMissingValues.Interpolate); ) ) Sets the from field for the series The from field for the series @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.RangeArea(Model.Records).FromField("From").ToField("To")) ) Sets the to field for the series The to field for the series @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.RangeArea(Model.Records).FromField("From").ToField("To")) ) Sets the category field for the series The category field for the series @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.RangeArea(Model.Records).FromField("From").ToField("To").CategoryField("Category")) ) Sets the color field for the series The color field for the series @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Area(Model.Records).Field("Value").ColorField("Color")) ) Defines the fluent interface for configuring Chart axis labels rotation. Initializes a new instance of the class. The settings. Sets the axis labels rotation angle. The labels rotation angle. Sets the axis labels rotation angle. The labels rotation angle. @(Html.Kendo().Chart() .Name("Chart") .ValueAxis(axis => axis .Numeric() .Min(0).Max(100) .Labels(lbl=>lbl.Rotation(rotate=>rotate.Angle(-45))) ) ) Sets the axis labels rotation alignment. The configuration. @(Html.Kendo().Chart() .Name("Chart") .ValueAxis(axis => axis .Numeric() .Min(0).Max(100) .Labels(lbl=>lbl .Rotation(rotate=>rotate.Angle(30).Align(ChartAxisLabelRotationAlignment.Center)) ) ) ) Defines the fluent interface for configuring the legend items. Initializes a new instance of the class. The chart legend item. Sets the legend item cursor style The cursor style. @(Html.Kendo().Chart() .Name("Chart") .Legend(legend => legend.Item(item => item.Cursor("pointer"))) ) Sets the legend item visual handler The JavaScript item visual handler name. @(Html.Kendo().Chart() .Name("Chart") .Legend(legend => legend.Item(item => item.Visual("itemVisual"))) ) Sets the note visual handler The handler @(Html.Kendo().Chart() .Name("Chart") .Legend(legend => legend.Item(item => item.Visual( @<text> function(e) { return e.createVisual(); // returns the default visual } </text> ))) ) Defines the fluent interface for configuring the chart mouse wheel zoom options. Initializes a new instance of the class. The settings. Lock the specified axis during zooming. @(Html.Kendo().Chart() .Name("chart") .Zoomable(zoom => zoom. Mousewheel(mousewheel => mousewheel.Lock(ChartAxisLock.Y))) ) Specifies the zoom rate as percentage of the axis range. The default value is 0.3 or 30% of the axis range. The value for Rate Defines the fluent interface for configuring the chart pannable options. Initializes a new instance of the class. Lock the specified axis during panning. @(Html.Kendo().Chart() .Name("chart") .Pannable(pannable => pannable.Lock(ChartAxisLock.Y)) ) Set the key that shuold be pressed to activate panning. @(Html.Kendo().Chart() .Name("chart") .Pannable(pannable => pannable.Key(ChartActivationKey.Ctrl)) ) Defines the fluent interface for configuring the chart range bar labels. Initializes a new instance of the class. The labels configuration. Sets the from label visibility Boolean parameter to configure the visibility @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .RangeBar(m => m.WiFiFrom, m => m.WiFiTo) .Labels(labels => labels.From(true)) ) ) Configures the from label The from label configuration @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .RangeBar(m => m.WiFiFrom, m => m.WiFiTo) .Labels(labels => labels.From(f => f.Visible(true))) ) ) Sets the to label visibility Boolean parameter to configure the visibility @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .RangeBar(m => m.WiFiFrom, m => m.WiFiTo) .Labels(labels => labels.To(true)) ) ) Configures the to label The to label configuration @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .RangeBar(m => m.WiFiFrom, m => m.WiFiTo) .Labels(labels => labels.To(t => t.Visible(true))) ) ) Defines the fluent interface for configuring RangeBar series. Gets the RangeBar series. Sets a value indicating if the bars should be stacked. A value indicating if the bars should be stacked. @(Html.Kendo().Chart(Model) .Name("Chart") .Series(series => series.Bar(model => model.FromA, model => model.ToA).Stack(true)) ) Sets the name of the stack that this series belongs to. Each unique name creates a new stack. The name of the stack group. @(Html.Kendo().Chart(Model) .Name("Chart") .Series(series => series.RangeBar(model => model.FromA, model => model.ToA).Stack("Female")) ) Sets the type of stacking to use in the seris. The stack type. The name of the stack group. @(Html.Kendo().Chart(Model) .Name("Chart") .Series(series => series.RangeBar(model => model.FromA, model => model.ToA).Stack(ChartStackType.Stack100)) ) Sets the aggregate function for date series. This function is used when a category (an year, month, etc.) contains two or more points. Aggregate function name. @(Html.Kendo().Chart(Model) .Name("Chart") .Series(series => series.RangeBar(model => model.FromA, model => model.ToA).Aggregate(ChartSeriesAggregate.Avg)) ) Configures the range bar chart labels. The configuration action. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .RangeBar(model => model.FromA, model => model.ToA) .Labels(labels => labels .Position(ChartBarLabelsPosition.InsideEnd) .Visible(true) ) ) ) Sets the visibility of range bar chart labels. The labels visibility value. The default value is false. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .RangeBar(model => model.FromA, model => model.ToA) .Labels(true) ) ) Configures the range bar chart labels. The configuration action. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .RangeBar(model => model.FromA, model => model.ToA) .Labels(labels => labels.From(f => f.Visible(true))) ) ) Defines the fluent interface for configuring the chart selection zoom options. Creates a new instance of the class. The selection zoom settings. Lock the specified axis during zooming. @(Html.Kendo().Chart() .Name("chart") .Zoomable(zoom => zoom.Selection(select => select.Lock(ChartAxisLock.Y))) ) Set the key that shuold be pressed to activate selection zooming. @(Html.Kendo().Chart() .Name("chart") .Zoomable(zoom => zoom.Selection(select => select.Key(ChartActivationKey.Ctrl))) ) Defines the fluent interface for configuring bar series. The type of the data item Initializes a new instance of the class. The series. Sets the aggregate function for Waterfall series. This function is used when a category (an year, month, etc.) contains two or more points. Aggregate function name. @(Html.Kendo().Chart(Model) .Name("Chart") .Series(series => series.Waterfall(model => model.Amount, model => model.Period, model => model.Summary) .Aggregate(ChartSeriesAggregate.Avg)) ) Configures the series lines. The lines width. The lines color. The lines dashType. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Waterfall(new int[] { 180, -60, -20, 10, 30 }) .Line(2, "red", ChartDashType.Dot) ) ) Configures the series lines width. The lines width. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Waterfall(new int[] { 180, -60, -20, 10, 30 }) .Line(2) ) ) Configures the series lines. The lines width. The lines color. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Waterfall(new int[] { 180, -60, -20, 10, 30 }) .Line(2, "red") ) ) Configures the series lines. The configuration action. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Waterfall(new int[] { 180, -60, -20, 10, 30 }) .Line(line => line.Color("#00ff00")) ) ) Sets a value indicating if the series should be stacked. A value indicating if the series should be stacked. @(Html.Kendo().Chart(Model) .Name("Chart") .Series(series => series.Waterfall(model => model.Amount, model => model.Period, model => model.Summary) .Stack(true)) ) Sets the type of stacking to use in the seris. The stack type. The name of the stack group. @(Html.Kendo().Chart(Model) .Name("Chart") .Series(series => series.Waterfall(model => model.Amount, model => model.Period, model => model.Summary) .Stack(ChartStackType.Stack100)) ) Sets the name of the stack that this series belongs to. Each unique name creates a new stack. The name of the stack group. @(Html.Kendo().Chart(Model) .Name("Chart") .Series(series => series.Waterfall(model => model.Amount, model => model.Period, model => model.Summary) .Stack("stack1")) ) Defines the fluent interface for configuring candlestick series highlight. Initializes a new instance of the class. The series highlight. Defines the fluent interface for configuring polar axis. Initializes a new instance of the class. The axis. The angle (degrees) where the 0 value is placed. It defaults to 0. Angles increase counterclockwise and 0 is to the right. Negative values are acceptable. @(Html.Kendo().Chart() .Name("chart") .XAxis(axis => axis .Polar() .StartAngle(-90) ) ) Defines the fluent interface for configuring the chart zoomable options. Initializes a new instance of the class. Enable or disable mouse wheel zooming. @(Html.Kendo().Chart() .Name("chart") .Zoomable(zoomable => zoomable.Mousewheel(true)) ) Configure mouse wheel zooming. @(Html.Kendo().Chart() .Name("chart") .Zoomable(zoomable => zoomable.Mousewheel(mouse => mouse.Lock(ChartAxisLock.Y))) ) Enable or disable selection zooming. @(Html.Kendo().Chart() .Name("chart") .Zoomable(zoomable => zoomable.Selection(true)) ) Configure selection zooming. @(Html.Kendo().Chart() .Name("chart") .Zoomable(zoomable => zoomable.Selection(select => select.Key(ChartActivationKey.Ctrl))) ) Defines the fluent interface for configuring area series. The type of the data item Initializes a new instance of the class. The series. Configures the area chart line. The line width. The line color. The line dashType. The line style. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Area(s => s.Sales) .Line(2, "red", ChartDashType.Dot, ChartAreaStyle.Smooth) ) ) Configures the area chart line. The configuration action. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Area(s => s.Sales) .Line(line => line.Opacity(0.2)) ) ) Configures the series error bars The configuration action. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Area(s => s.Sales) .ErrorBars(e => e.Value(1)) ) ) Defines the fluent interface for configuring area series. Initializes a new instance of the class. The series. Sets a value indicating if the areas should be stacked. A value indicating if the areas should be stacked. @(Html.Kendo().Chart(Model) .Name("Chart") .Series(series => series.Area(s => s.Sales).Stack(true)) ) Sets a value indicating the type of stacking to use. A value indicating the stacking type. @(Html.Kendo().Chart(Model) .Name("Chart") .Series(series => series.Area(s => s.Sales).Stack(ChartStackType.Stack100)) ) Sets the aggregate function for date series. This function is used when a category (an year, month, etc.) contains two or more points. Aggregate function name. @(Html.Kendo().Chart(Model) .Name("Chart") .Series(series => series.Area(s => s.Sales).Aggregate()) ) Configures the area chart labels. The configuration action. @(Html.Kendo().Chart(Model) .Name("Chart") .Series(series => series .Area(s => s.Sales) .Labels(labels => labels .Visible(true) ) ) ) Sets the visibility of area chart labels. The visibility. The default value is false. @(Html.Kendo().Chart(Model) .Name("Chart") .Series(series => series .Area(s => s.Sales) .Labels(true) ) ) Configures the area chart markers. The configuration action. @(Html.Kendo().Chart(Model) .Name("Chart") .Series(series => series .Area(s => s.Sales) .Markers(markers => markers .Type(ChartMarkerShape.Triangle) ) ) ) Sets the visibility of area chart markers. The visibility. The default value is true. @(Html.Kendo().Chart(Model) .Name("Chart") .Series(series => series .Area(s => s.Sales) .Markers(true) ) ) Configures the behavior for handling missing values in area series. The missing values behavior. The default is to leave gaps. @(Html.Kendo().Chart(Model) .Name("Chart") .Series(series => series .Area(s => s.Sales) .MissingValues(ChartAreaMissingValues.Interpolate) ) ) Sets the value field for the series The value field for the series @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Area(Model.Records).Field("Value")) ) Sets the category field for the series The category field for the series @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Area(Model.Records).Field("Value").CategoryField("Category")) ) Sets the color field for the series The color field for the series @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Area(Model.Records).Field("Value").ColorField("Color")) ) Sets the note text field for the series The note text field for the series @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Area(Model.Records).Field("Value").NoteTextField("NoteText")) ) Configures the series highlight The configuration action. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Area(Model.Records).Field("Value").Highlight(h=>h.Visible(false))) ) Defines the fluent interface for configuring the Chart radar area lines. Initializes a new instance of the class. The chart line. Sets the line opacity. The line opacity. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .RadarArea(s => s.Sales) .Line(line => line.Opacity(0.2)) ) ) Configures the line style for radar area series. The style. The default is normal. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .RadarArea(s => s.Sales) .Line(line => line.Style(ChartRadarAreaStyle.Smooth)) ) ) Defines the fluent interface for configuring RadarArea series. Initializes a new instance of the class. The series. Configures the radar area chart line. The line width. The line color. The line dashType. The line style. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .RadarArea(s => s.Sales) .Line(2, "red", ChartDashType.Dot, ChartScatterLineStyle.Smooth) ) ) Configures the radar area chart line. The configuration action. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .RadarArea(s => s.Sales) .Line(line => line.Opacity(0.2)) ) ) Defines the fluent interface for configuring bar series. The type of the data item Initializes a new instance of the class. The series. Configures the series error bars The configuration action. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Bar(s => s.Sales) .ErrorBars(e => e.Value(1)) ) ) Defines the fluent interface for configuring Bar series. Initializes a new instance of the class. The series. Sets a value indicating if the bars should be stacked. A value indicating if the bars should be stacked. @(Html.Kendo().Chart(Model) .Name("Chart") .Series(series => series.Bar(s => s.Sales).Stack(true)) ) Sets the name of the stack that this series belongs to. Each unique name creates a new stack. The name of the stack group. @(Html.Kendo().Chart(Model) .Name("Chart") .Series(series => series.Bar(s => s.Sales).Stack("Female")) ) Sets the name of the stack that this series belongs to. Each unique name creates a new stack. The stack type. The name of the stack group. @(Html.Kendo().Chart(Model) .Name("Chart") .Series(series => series.Bar(s => s.Sales).Stack("Female")) ) Sets the aggregate function for date series. This function is used when a category (an year, month, etc.) contains two or more points. Aggregate function name. @(Html.Kendo().Chart(Model) .Name("Chart") .Series(series => series.Bar(s => s.Sales).Aggregate(ChartSeriesAggregate.Avg)) ) Set distance between category clusters. A value of 1 means that there is a total of 1 column width / bar height between categories. The distance is distributed evenly on each side. The default value is 1.5 @(Html.Kendo().Chart(Model) .Name("Chart") .Series(series => series.Bar(s => s.Sales).Gap(1)) ) Sets a value indicating the distance between bars / categories. Value of 1 means that the distance between bars is equal to their width. The default value is 0 @(Html.Kendo().Chart(Model) .Name("Chart") .Series(series => series.Spacing(s => s.Sales).Spacing(1)) ) Configures the bar chart labels. The configuration action. @(Html.Kendo().Chart(Model) .Name("Chart") .Series(series => series .Bar(s => s.Sales) .Labels(labels => labels .Position(ChartBarLabelsPosition.InsideEnd) .Visible(true) ) ) ) Sets the visibility of bar chart labels. The visibility. The default value is false. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Bar(s => s.Sales) .Labels(true); ) ) Sets the bars border The bars border width. The bars border color (CSS syntax). The bars border dash type. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Bar(s => s.Sales).Border("1", "#000", ChartDashType.Dot)) ) Configures the bar border The border configuration action Sets the bar effects overlay The bar effects overlay. The default is ChartBarSeriesOverlay.Glass @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Bar(s => s.Sales).Overlay(ChartBarSeriesOverlay.None)) ) Sets the bar color for negative values The bar color for negative values(CSS syntax). @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Bar(s => s.Sales).NegativeColor("Red")) ) Sets the value field for the series The value field for the series @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Bar(Model.Records).Field("Value")) ) Sets the category field for the series The category field for the series @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Bar(Model.Records).Field("Value").CategoryField("Category")) ) Sets the color field for the series The color field for the series @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Bar(Model.Records).Field("Value").ColorField("Color")) ) Sets the note text field for the series The note text field for the series @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Bar(Model.Records).Field("Value").NoteTextField("NoteText")) ) Sets the series visual handler The handler name. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Bar(Model.Records).Field("Value").Visual("getSeriesVisual")) ) Sets the series visual handler The handler @(Html.Kendo().Chart() .Name("chart") .Series(series => { series.Column(new double[] { 52000, 34000, 23000, 48000, 67000, 83000 }).Name("Unique visitors").Visual( @<text> function(e) { var origin = e.rect.origin; var center = e.rect.center(); var bottomRight = e.rect.bottomRight(); var path = new kendo.drawing.Path({ fill: { color: e.options.color } }) .moveTo(origin.x, bottomRight.y) .lineTo(bottomRight.x, bottomRight.y) .lineTo(center.x, origin.y) .close(); return path; } </text> ); }) ) The chart series whiskers configuration. The configurator for the whiskers setting. Defines the fluent interface for configuring RadarColumn series. Initializes a new instance of the class. The series. Defines the fluent interface for configuring line series. The type of the data item Initializes a new instance of the class. The series. Configures the style for line series. The style. The default is normal. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Line(s => s.Sales) .Style(ChartLineStyle.Step); ) ) Configures the series error bars The configuration action. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Line(s => s.Sales) .ErrorBars(e => e.Value(1)) ) ) Defines the fluent interface for configuring Line series. Initializes a new instance of the class. The series. Sets a value indicating if the lines should be stacked. A value indicating if the lines should be stacked. @(Html.Kendo().Chart(Model) .Name("Chart") .Series(series => series.Line(s => s.Sales).Stack(true)) ) Sets a value indicating the type of stacking to use. A value indicating the stacking type. @(Html.Kendo().Chart(Model) .Name("Chart") .Series(series => series.Line(s => s.Sales).Stack(ChartStackType.Stack100)) ) Sets the aggregate function for date series. This function is used when a category (an year, month, etc.) contains two or more points. Aggregate function name. @(Html.Kendo().Chart(Model) .Name("Chart") .Series(series => series.Line(s => s.Sales).Aggregate()) ) Configures the line chart labels. The configuration action. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Line(s => s.Sales) .Labels(labels => labels .Position(ChartBarLabelsPosition.Above) .Visible(true) ) ) ) Sets the visibility of line chart labels. The visibility. The default value is false. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Line(s => s.Sales) .Labels(true) ) ) Sets the line chart line width. The line width. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Line(s => s.Sales).Width(2)) ) Sets the line chart line dash type. The line dash type. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Line(s => s.Sales).DashType(ChartDashType.Dot)) ) Configures the line chart markers. The configuration action. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Line(s => s.Sales) .Markers(markers => markers .Type(ChartMarkerShape.Triangle) ) ) ) Sets the visibility of line chart markers. The visibility. The default value is true. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Line(s => s.Sales) .Markers(true) ) ) Configures the behavior for handling missing values in line series. The missing values behavior. The default is to leave gaps. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Line(s => s.Sales) .MissingValues(ChartLineMissingValues.Interpolate) ) ) Sets the value field for the series The value field for the series @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Line(Model.Records).Field("Value")) ) Sets the category field for the series The category field for the series @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Line(Model.Records).Field("Value").CategoryField("Category")) ) Sets the color field for the series The color field for the series @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Line(Model.Records).Field("Value").ColorField("Color")) ) Sets the note text field for the series The note text field for the series @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Line(Model.Records).Field("Value").NoteTextField("NoteText")) ) Configures the series highlight The configuration action. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Line(Model.Records) .Field("Value") .Highlight(highlight => highlight.Visible(false)) ) ) Defines the fluent interface for configuring RadarLine series. Initializes a new instance of the class. The series. Configures the style for radar line series. The style. The default is normal. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .RadarLine(s => s.Sales) .Style(ChartRadarLineStyle.Smooth) ) ) Defines the fluent interface for configuring scatter line series. The type of the data item Initializes a new instance of the class. The series. Configures the scatter line series error bars. The configuration action. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .ScatterLine(s => s.x, s => s.y) .ErrorBars(e => e.XValue(1)) ) ) Configures the style for scatterLine series. The style. The default is normal. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .ScatterLine(s => s.x, s => s.y) .Style(ChartScatterLineStyle.Smooth); ) ) Defines the fluent interface for configuring scatter series. The type of the data item Initializes a new instance of the class. The series. Configures the scatter series error bars. The configuration action. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Scatter(s => s.x, s => s.y) .ErrorBars(e => e.XValue(1)) ) ) Defines the fluent interface for configuring scatter series. The type of the data item The type of the builder Initializes a new instance of the class. The series. Configures the scatter chart labels. The configuration action. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Scatter(s => s.x, s => s.y) .Labels(labels => labels .Position(ChartBarLabelsPosition.Above) .Visible(true) ) ) ) Sets the visibility of scatter chart labels. The visibility. The default value is false. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Scatter(s => s.x, s => s.y) .Labels(true) ) ) Configures the scatter chart markers. The configuration action. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Scatter(s => s.x, s => s.y) .Markers(markers => markers .Type(ChartMarkerShape.Triangle) ) ) ) Sets the visibility of scatter chart markers. The visibility. The default value is true. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Scatter(s => s.x, s => s.y) .Markers(true) ) ) Sets the axis name to use for this series. The axis name for this series. @(Html.Kendo().Chart(Model) .Name("Chart") .Series(series => series.Scatter(s => s.X, s => s.Y).Name("Scatter").XAxis("secondary")) .XAxis(axis => axis.Numeric()) .XAxis(axis => axis.Numeric("secondary")) ) Sets the axis name to use for this series. The axis name for this series. @(Html.Kendo().Chart(Model) .Name("Chart") .Series(series => series.Scatter(s => s.Sales).Name("Sales").YAxis("secondary")) .YAxis(axis => axis.Numeric()) .YAxis(axis => axis.Numeric("secondary")) ) Not applicable to scatter series Not applicable to scatter series Sets the X field for the series The value X field for the series @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Scatter(Model.Records).XField("X").YField("Y")) ) Sets the Y field for the series The value Y field for the series @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Scatter(Model.Records).XField("X").YField("Y")) ) Sets the note text field for the series The note text field for the series @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Bar(Model.Records).Field("Value").NoteTextField("NoteText")) ) Sets the X and Y fields for the series The X field for the series The Y field for the series @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Scatter(Model.Records).Fields("X", "Y")) ) Defines the fluent interface for configuring the Chart polar area lines. Initializes a new instance of the class. The chart line. Configures the line style for polar area series. The style. The default is normal. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .PolarArea(s => s.Sales) .Line(line => line.Style(ChartPolarAreaStyle.Smooth)) ) ) Defines the fluent interface for configuring PolarArea series. Initializes a new instance of the class. The series. Configures the polar area chart line. The line width. The line color. The line dashType. The line style. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .PolarArea(s => s.Sales) .Line(2, "red", ChartDashType.Dot, ChartPolarAreaStyle.Smooth) ) ) Configures the polar area chart line. The configuration action. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .PolarArea(s => s.Sales) .Line(line => line.Width(2)) ) ) Defines the fluent interface for configuring PolarLine series. Initializes a new instance of the class. The series. Configures the style for scatterLine series. The style. The default is normal. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .PolarLine(s => s.x, s => s.y) .Style(ChartPolarLineStyle.Smooth) ) ) Defines the fluent interface for configuring PolarScatter series. Initializes a new instance of the class. The series. Defines the fluent interface for configuring scatter line series. The type of the data item The type of the builder Initializes a new instance of the class. The series. Sets the chart line width. The line width. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.ScatterLine(s => s.x, s => s.y).Width(2)) ) Sets the chart line dash type. The line dash type. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.ScatterLine(s => s.x, s => s.y).DashType(ChartDashType.Dot)) ) Configures the behavior for handling missing values in scatter line series. The missing values behavior. The default is to leave gaps. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .ScatterLine(s => s.x, s => s.y) .MissingValues(ChartScatterLineMissingValues.Interpolate); ) ) Defines the fluent interface for configuring funnel series. The type of the data item Initializes a new instance of the class. The series. Gets or sets the series. The series. Sets the name of the series. @(Html.Kendo().Chart(Model) .Name("Chart") .Series(series => series.Funnel(s => s.Sales, s => s.DateString).Name("Sales")) ) Sets the segmentSpacing of the chart. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Funnel(s => s.Sales, s => s.DateString).SegmentSpacing(5)) ) Sets the opacity of the funnel series. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Funnel(s => s.Sales, s => s.DateString).Opacity(0.3)) ) Sets the neck ratio of the funnel chart. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Funnel(s => s.Sales, s => s.DateString).NeckRatio(3)) ) Sets the dynamic slope of the funnel chart. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Funnel(s => s.Sales, s => s.DateString).DynamicSlope(true)) ) Sets the dynamic height of the funnel chart. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Funnel(s => s.Sales, s => s.DateString).DynamicHeight(true)) ) Configures the funnel chart labels. The configuration action. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Funnel(s => s.Sales, s => s.DateString) .Labels(labels => labels .Color("red") .Visible(true) ) ) ) Sets the visibility of funnel chart labels. The visibility. The default value is false. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Funnel(s => s.Sales, s => s.DateString) .Labels(true) ) ) Sets the funnel segments border The funnel segments border width. The funnel segments border color (CSS syntax). The funnel segments border dash type. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Funnel(s => s.Sales, s => s.DateString).Border(1, "#000", ChartDashType.Dot)) ) Configures the funnel border The border configuration action Configure the series tooltip. Use the configurator to set the tooltip options. @(Html.Kendo().Chart().Name("chart") .Series(series => series.Funnel(new dynamic[]{ new { category= "Impressions ", value= 434823, color= "#0e5a7e" }, new { category= "Clicks", value= 356854, color= "#166f99" } }).Tooltip(tooltip => tooltip.Border(border => border.Color("#ff0000"))) ) ) Sets the tooltip visibility. A value indicating if the tooltip should be displayed. @(Html.Kendo().Chart().Name("chart") .Series(series => series.Funnel(new dynamic[]{ new { category= "Impressions ", value= 434823, color= "#0e5a7e" }, new { category= "Clicks", value= 356854, color= "#166f99" } }).Tooltip(true) ) ) Sets the series visual handler The JavaScript function name. @(Html.Kendo().Chart().Name("chart") .Series(series => series.Funnel(new dynamic[]{ new { category= "Impressions ", value= 434823, color= "#0e5a7e" }, new { category= "Clicks", value= 356854, color= "#166f99" } }).Visual("funnelVisual") ) ) Sets the series visual handler The handler @(Html.Kendo().Chart() .Name("chart") .Series(series => { series.Funnel(new dynamic[]{ new { category= "Impressions ", value= 434823, color= "#0e5a7e" }, new { category= "Clicks", value= 356854, color= "#166f99" } }).Visual( @<text> function(e) { return e.createVisual(); // returns the default visual } </text> ); }) ) Defines the fluent interface for configuring the chart data labels. Initializes a new instance of the class. The data labels configuration. Sets the labels align The labels align. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Funnel(p => p.Sales) .Labels(labels => labels .Align(ChartFunnelLabelsAlign.Center) .Visible(true) ) ) ) Sets the labels position The labels position. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Funnel(p => p.Sales) .Labels(labels => labels .Position(ChartFunnelLabelsPosition.Center) .Visible(true) ) ) ) Defines the fluent interface for configuring the error bars. Initializes a new instance of the class. The error bars. Sets the error bars value. The error bars value. @( Html.Kendo().Chart(Model) .Name("chart") .Series(series => series .Bar(s => s.Sales) .ErrorBars(e => e.Value("stderr")) ) ) Sets the error bars difference from the point value. The error bars difference from the point value. @( Html.Kendo().Chart(Model) .Name("chart") .Series(series => series .Bar(s => s.Sales) .ErrorBars(e => e.Value(1)) ) ) Sets the error bars low and high value difference from the point value. The error bar low value difference from point value. The error bar high value difference from point value. @( Html.Kendo().Chart(Model) .Name("chart") .Series(series => series .Bar(s => s.Sales) .ErrorBars(e => e.Value(1, 2)) ) ) Sets a handler function that returns the error bars value. The handler code that returns the error bars value. @( Html.Kendo().Chart(Model) .Name("chart") .Series(series => series .Bar(s => s.Sales) .ErrorBars(e => e.Value(o => @"function(data) { var value = data.value, lowPercentage = value * 0.05, highPercentage = value * 0.1; return [lowPercentage, highPercentage]; }" )) ) ) Sets the error bars low field. The error bars low field. @( Html.Kendo().Chart(Model) .Name("chart") .Series(series => series .Bar(s => s.Sales) .ErrorBars(e => e.LowField("Low")) ) ) Sets the error bars high field. The error bars high field. @( Html.Kendo().Chart(Model) .Name("chart") .Series(series => series .Bar(s => s.Sales) .ErrorBars(e => e.HighField("High")) ) ) Sets the error bars low and high fields. The error bars low field. The error bars high field. @( Html.Kendo().Chart(Model) .Name("chart") .Series(series => series .Bar(s => s.Sales) .ErrorBars(e => e.Fields("Low", "High")) ) ) Defines the fluent interface for configuring the chart error bars. The error bars configuration. Initializes a new instance of the class. The error bars configuration. Sets the error bars color. The error bars color. @(Html.Kendo().Chart(Model) .Name("chart") .Series(series => series .Bar(s => s.Sales) .ErrorBars(e => e.Color("red")) ) ) Sets a value indicating if the end caps should be shown. A value indicating if the end caps should be shown. @(Html.Kendo().Chart(Model) .Name("chart") .Series(series => series .Bar(s => s.Sales) .ErrorBars(e => e.EndCaps("false")) ) ) Configures the error bars lines. The line width. The line color. The line dash type. @(Html.Kendo().Chart(Model) .Name("chart") .Series(series => series .Bar(s => s.Sales) .ErrorBars(e => e.Line(2, "red", ChartDashType.Dot)) ) ) Configures the error bars lines. The configuration action. @(Html.Kendo().Chart(Model) .Name("chart") .Series(series => series .Bar(s => s.Sales) .ErrorBars(e => e.Line(l => l.Width(2))) ) ) Sets the error bar visual handler The JavaScript handler name. @(Html.Kendo().Chart(Model) .Name("chart") .Series(series => series .Bar(s => s.Sales) .ErrorBars(e => e.Visual("errorBarVisual")) ) ) Sets the error bar visual handler The handler @(Html.Kendo().Chart(Model) .Name("chart") .Series(series => series .Bar(s => s.Sales) .ErrorBars(e => e.Visual( @<text> function(e) { return e.createVisual(); // returns the default visual } </text> ) ) ) ) Defines the fluent interface for configuring the error bars. Initializes a new instance of the class. The error bars. Sets the error bars x value. The error bars x value. @( Html.Kendo().Chart(Model) .Name("chart") .Series(series => series .Scatter(s => s.x, s => s.y) .ErrorBars(e => e.XValue("stderr")) ) ) Sets the error bars difference from the point x value. The error bars difference from the point x value. @( Html.Kendo().Chart(Model) .Name("chart") .Series(series => series .Scatter(s => s.x, s => s.y) .ErrorBars(e => e.XValue(1)) ) ) Sets the error bars low and high value difference from the point x value. The error bar low value difference from point x value. The error bar high value difference from point x value. @( Html.Kendo().Chart(Model) .Name("chart") .Series(series => series .Scatter(s => s.x, s => s.y) .ErrorBars(e => e.XValue(1, 2)) ) ) Sets a handler function that returns the error bars x value. The handler code that returns the error bars x value. @( Html.Kendo().Chart(Model) .Name("chart") .Series(series => series .Scatter(s => s.x, s => s.y) .ErrorBars(e => e.XValue(o => @"function(data) { var value = data.value.x, lowPercentage = value * 0.05, highPercentage = value * 0.1; return [lowPercentage, highPercentage]; }" )) ) ) Sets the error bars y value. The error bars y value. @( Html.Kendo().Chart(Model) .Name("chart") .Series(series => series .Scatter(s => s.x, s => s.y) .ErrorBars(e => e.YValue("stderr")) ) ) Sets the error bars difference from the point y value. The error bars difference from the point y value. @( Html.Kendo().Chart(Model) .Name("chart") .Series(series => series .Scatter(s => s.x, s => s.y) .ErrorBars(e => e.YValue(1)) ) ) Sets the error bars low and high value difference from the point y value. The error bar low value difference from point y value. The error bar high value difference from point y value. @( Html.Kendo().Chart(Model) .Name("chart") .Series(series => series .Scatter(s => s.x, s => s.y) .ErrorBars(e => e.YValue(1, 2)) ) ) Sets a handler function that returns the error bars y value. The handler code that returns the error bars y value. @( Html.Kendo().Chart(Model) .Name("chart") .Series(series => series .Scatter(s => s.x, s => s.y) .ErrorBars(e => e.YValue(o => @"function(data) { var value = data.value.y, lowPercentage = value * 0.05, highPercentage = value * 0.1; return [lowPercentage, highPercentage]; }" )) ) ) Sets the error bars x low field. The error bars x low field. @( Html.Kendo().Chart(Model) .Name("chart") .Series(series => series .Scatter(s => s.x, s => s.y) .ErrorBars(e => e.XLowField("Low")) ) ) Sets the error bars x high field. The error bars x high field. @( Html.Kendo().Chart(Model) .Name("chart") .Series(series => series .Scatter(s => s.x, s => s.y) .ErrorBars(e => e.XHighField("High")) ) ) Sets the error bars x low and high fields. The error bars x low field. The error bars x high field. @( Html.Kendo().Chart(Model) .Name("chart") .Series(series => series .Scatter(s => s.x, s => s.y) .ErrorBars(e => e.XFields("Low", "High")) ) ) Sets the error bars y low field. The error bars y low field. @( Html.Kendo().Chart(Model) .Name("chart") .Series(series => series .Scatter(s => s.x, s => s.y) .ErrorBars(e => e.YLowField("Low")) ) ) Sets the error bars y high field. The error bars y high field. @( Html.Kendo().Chart(Model) .Name("chart") .Series(series => series .Scatter(s => s.x, s => s.y) .ErrorBars(e => e.YHighField("High")) ) ) Sets the error bars y low and high fields. The error bars y low field. The error bars y high field. @( Html.Kendo().Chart(Model) .Name("chart") .Series(series => series .Scatter(s => s.x, s => s.y) .ErrorBars(e => e.YFields("Low", "High")) ) ) Creates panes for the . Initializes a new instance of the class. The container. The parent Chart Defines a chart pane. Defines a named chart pane. The unique pane name Defines the fluent interface for configuring Pane. Initializes a new instance of the class. The phart pane. Gets or sets the Pane. The Pane. Sets the title of the pane. The pane title. @(Html.Kendo().Chart() .Name("chart") .Panes(panes => { panes.Add().Title("Pane 1"); }) ) Defines the title of the pane. The configuration action. @(Html.Kendo().Chart() .Name("chart") .Panes(panes => { panes.Add().Title(title => title.Color("#336699")); }) ) Sets the height of the pane. The pane height. @(Html.Kendo().Chart() .Name("chart") .Panes(panes => { panes.Add().Height(400); }) ) Sets the pane background color The background color. @(Html.Kendo().Chart() .Name("chart") .Panes(panes => { panes.Add().Background("#000011"); }) ) Sets the pane margin The pane top margin. The pane right margin. The pane bottom margin. The pane left margin. @(Html.Kendo().Chart() .Name("chart") .Panes(panes => { panes.Add().Margin(10, 15, 15, 10); }) ) Sets the pane margin The pane margin. @(Html.Kendo().Chart() .Name("chart") .Panes(panes => { panes.Add().Margin(10); }) ) Sets the pane padding The pane top padding. The pane right padding. The pane bottom padding. The pane left padding. @(Html.Kendo().Chart() .Name("chart") .Panes(panes => { panes.Add().Padding(10, 15, 15, 10); }) ) Sets the pane padding The pane padding. @(Html.Kendo().Chart() .Name("chart") .Panes(panes => { panes.Add().Padding(10); }) ) Sets the pane border The pane border width. The pane border color. The pane dash type. @(Html.Kendo().Chart() .Name("chart") .Panes(panes => { panes.Add().Border(1, "pink", ChartDashType.Dot); }) ) Configures the pane border The border configuration action @(Html.Kendo().Chart() .Name("chart") .Panes(panes => { panes.Add().Border(border => border.Width(2)); }) ) Sets the pane clip option The pane clip option value. @(Html.Kendo().Chart() .Name("chart") .Panes(panes => { panes.Add().Clip(false); }) ) Defines the fluent interface for configuring . Initializes a new instance of the class. The axis base unit steps. The discrete BaseUnitStep values when BaseUnit is set to Milliseconds and BaseUnitStep is set to 0 (auto). The discrete steps when BaseUnit is set to Milliseconds. @(Html.Kendo().Chart() .Name("chart") .Title("Units sold") .Series(series => { series .Column(new int[] { 20, 40, 45, 30, 50 }); }) .CategoryAxis(axis => axis .Date() .BaseUnit(ChartAxisBaseUnit.Fit) .AutoBaseUnitSteps(steps => steps.Milliseconds(1, 2)) ) ) The discrete BaseUnitStep values when BaseUnit is set to Seconds and BaseUnitStep is set to 0 (auto). The discrete steps when BaseUnit is set to Seconds. @(Html.Kendo().Chart() .Name("chart") .Title("Units sold") .Series(series => { series .Column(new int[] { 20, 40, 45, 30, 50 }); }) .CategoryAxis(axis => axis .Date() .BaseUnit(ChartAxisBaseUnit.Fit) .AutoBaseUnitSteps(steps => steps.Seconds(1, 2)) ) ) The discrete BaseUnitStep values when BaseUnit is set to Minutes and BaseUnitStep is set to 0 (auto). The discrete steps when BaseUnit is set to Minutes. @(Html.Kendo().Chart() .Name("chart") .Title("Units sold") .Series(series => { series .Column(new int[] { 20, 40, 45, 30, 50 }); }) .CategoryAxis(axis => axis .Date() .BaseUnit(ChartAxisBaseUnit.Fit) .AutoBaseUnitSteps(steps => steps.Minutes(1, 2)) ) ) The discrete BaseUnitStep values when BaseUnit is set to Hours and BaseUnitStep is set to 0 (auto). The discrete steps when BaseUnit is set to Hours. @(Html.Kendo().Chart() .Name("chart") .Title("Units sold") .Series(series => { series .Column(new int[] { 20, 40, 45, 30, 50 }); }) .CategoryAxis(axis => axis .Date() .BaseUnit(ChartAxisBaseUnit.Fit) .AutoBaseUnitSteps(steps => steps.Hours(1, 2)) ) ) The discrete BaseUnitStep values when BaseUnit is set to Days and BaseUnitStep is set to 0 (auto). The discrete steps when BaseUnit is set to Days. @(Html.Kendo().Chart() .Name("chart") .Title("Units sold") .Series(series => { series .Column(new int[] { 20, 40, 45, 30, 50 }); }) .CategoryAxis(axis => axis .Date() .BaseUnit(ChartAxisBaseUnit.Fit) .AutoBaseUnitSteps(steps => steps.Days(1, 2)) ) ) The discrete BaseUnitStep values when BaseUnit is set to Weeks and BaseUnitStep is set to 0 (auto). The discrete steps when BaseUnit is set to Weeks. @(Html.Kendo().Chart() .Name("chart") .Title("Units sold") .Series(series => { series .Column(new int[] { 20, 40, 45, 30, 50 }); }) .CategoryAxis(axis => axis .Date() .BaseUnit(ChartAxisBaseUnit.Fit) .AutoBaseUnitSteps(steps => steps.Weeks(1, 2)) ) ) The discrete BaseUnitStep values when BaseUnit is set to Months and BaseUnitStep is set to 0 (auto). The discrete steps when BaseUnit is set to Months. @(Html.Kendo().Chart() .Name("chart") .Title("Units sold") .Series(series => { series .Column(new int[] { 20, 40, 45, 30, 50 }); }) .CategoryAxis(axis => axis .Date() .BaseUnit(ChartAxisBaseUnit.Fit) .AutoBaseUnitSteps(steps => steps.Months(1, 2)) ) ) The discrete BaseUnitStep values when BaseUnit is set to Years and BaseUnitStep is set to 0 (auto). The discrete steps when BaseUnit is set to Years. @(Html.Kendo().Chart() .Name("chart") .Title("Units sold") .Series(series => { series .Column(new int[] { 20, 40, 45, 30, 50 }); }) .CategoryAxis(axis => axis .Date() .BaseUnit(ChartAxisBaseUnit.Fit) .AutoBaseUnitSteps(steps => steps.Years(1, 2)) ) ) Defines the fluent interface for configuring bubble series highlight. Initializes a new instance of the class. The series highlight. Sets the bubble highlight border width. The color is computed automatically from the base point color. The bubble highlight border width. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Bubble(s => s.x, s => s.y, s => s.size).Highlight(h=>h.Border(2))) ) Sets the bubble highlight border width. The border width. The border color @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Bubble(s => s.x, s => s.y, s => s.size).Highlight(h=>h.Border(2, "#33ccff"))) ) Configures the highlight border @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Bubble(s => s.x, s => s.y, s => s.size) .Highlight(h=>h.Border(border=>border.Width(2)))) ) Sets the bubble highlight opacity. The bubble highlight opacity. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Bubble(s => s.x, s => s.y, s => s.size).Highlight(h=>h.Opacity(0.5))) ) Defines the fluent interface for configuring pie series highlight. Initializes a new instance of the class. The series highlight. Sets the bubble highlight border width. The color is computed automatically from the base point color. The bubble highlight border width. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Pie(s => s.Sales, s => s.DateString) .Highlight(highlight => highlight.Border(2)) ) ) Sets the bubble highlight border width. The border width. The border color @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Pie(s => s.Sales, s => s.DateString) .Highlight(highlight => highlight.Border(2, "orange")) ) ) Configures the highlight border @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Pie(s => s.Sales, s => s.DateString) .Highlight(highlight => highlight.Border(border => border.Color("orange"))) ) ) Sets the bubble highlight opacity. The bubble highlight opacity. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Pie(s => s.Sales, s => s.DateString) .Highlight(highlight => highlight.Opacity(0.8)) ) ) Sets the pie highlight color. The highlight color @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Pie(s => s.Sales, s => s.DateString) .Highlight(highlight => highlight.Color("yellow")) ) ) Defines the fluent interface for configuring candlestick series highlight. Initializes a new instance of the class. The series highlight. Sets the bubble highlight border width. The color is computed automatically from the base point color. The bubble highlight border width. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Candlestick(s => s.Sales) .Highlight(highlight => highlight.Border(2)) ) ) Sets the bubble highlight border width. The border width. The border color @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Candlestick(s => s.Sales) .Highlight(highlight => highlight.Border(2, 'red')) ) ) Configures the highlight border @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Candlestick(s => s.Sales) .Highlight(highlight => highlight.Border(border => border.Width(2).Color("red"))) ) ) Sets the bubble highlight opacity. The bubble highlight opacity. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Candlestick(s => s.Sales) .Highlight(highlight => highlight.Opacity(0.8)) ) ) Configures the candlestick highlight line width. The lines width. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Candlestick(s => s.Sales) .Highlight(highlight => highlight.Line(2)) ) ) Configures the candlestick highlight lines. The lines width. The lines color. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Candlestick(s => s.Sales) .Highlight(highlight => highlight.Line(2, "orange")) ) ) Configures the candlestick highlight chart lines. The configuration action. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Candlestick(s => s.Sales) .Highlight(highlight => highlight.Line(line => line.Width(2).Color("red"))) ) ) Defines the fluent interface for configuring OHLC series highlight. Initializes a new instance of the class. The series highlight. Gets or sets the highlight Configures the candlestick highlight line width. The lines width. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Area(s => s.Sales) .Highlight(highlight => highlight.Line(2)) ) ) Configures the candlestick highlight lines. The lines width. The lines color. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Area(s => s.Sales) .Highlight(highlight => highlight.Line(2, "yellow")) ) ) Configures the OHLC highlight chart lines. The configuration action. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Area(s => s.Sales) .Highlight(highlight => highlight.Line(line => line.Width(2).Color("yellow"))) ) ) Defines the fluent interface for configuring . Initializes a new instance of the class. The chart crosshair. Configures the crosshair tooltip The tooltip configuration action Sets the crosshair visible The crosshair visible. @(Html.Kendo().Chart() .Name("Chart") .Series(series => { .series.Bar(new double[] { 15.7, 16.7, 20, 23.5, 26.6 }).Name("World"); .series.Bar(new double[] { 67.96, 68.93, 75, 74, 78 }).Name("United States"); }) .CategoryAxis(axis => axis .Categories("2005", "2006", "2007", "2008", "2009") .Crosshair(crosshair => crosshair .Visible(true) ) ) ) Defines the fluent interface for configuring . Initializes a new instance of the class. The chart crosshair tooltip. Sets the tooltip font The tooltip font (CSS format). @(Html.Kendo().Chart() .Name("Chart") .Series(series => { .series.Bar(new double[] { 15.7, 16.7, 20, 23.5, 26.6 }).Name("World"); .series.Bar(new double[] { 67.96, 68.93, 75, 74, 78 }).Name("United States"); }) .CategoryAxis(axis => axis .Categories("2005", "2006", "2007", "2008", "2009") .Crosshair(crosshair => crosshair .Visible(true) .Tooltip(tooltip => tooltip .Font("14px Arial,Helvetica,sans-serif") .Visible(true) ) ) ) ) Sets the tooltip visible The tooltip visible. @(Html.Kendo().Chart() .Name("Chart") .Series(series => { .series.Bar(new double[] { 15.7, 16.7, 20, 23.5, 26.6 }).Name("World"); .series.Bar(new double[] { 67.96, 68.93, 75, 74, 78 }).Name("United States"); }) .CategoryAxis(axis => axis .Categories("2005", "2006", "2007", "2008", "2009") .Crosshair(crosshair => crosshair .Visible(true) .Tooltip(tooltip => tooltip .Visible(true) ) ) ) ) Sets the tooltip background The tooltip background. @(Html.Kendo().Chart() .Name("Chart") .Series(series => { .series.Bar(new double[] { 15.7, 16.7, 20, 23.5, 26.6 }).Name("World"); .series.Bar(new double[] { 67.96, 68.93, 75, 74, 78 }).Name("United States"); }) .CategoryAxis(axis => axis .Categories("2005", "2006", "2007", "2008", "2009") .Crosshair(crosshair => crosshair .Visible(true) .Tooltip(tooltip => tooltip .Background("red") .Visible(true) ) ) ) ) Sets the tooltip text color The tooltip text color. The default is the same as the series labels color. @(Html.Kendo().Chart() .Name("Chart") .Series(series => { .series.Bar(new double[] { 15.7, 16.7, 20, 23.5, 26.6 }).Name("World"); .series.Bar(new double[] { 67.96, 68.93, 75, 74, 78 }).Name("United States"); }) .CategoryAxis(axis => axis .Categories("2005", "2006", "2007", "2008", "2009") .Crosshair(crosshair => crosshair .Visible(true) .Tooltip(tooltip => tooltip .color("red") .Visible(true) ) ) ) ) Sets the tooltip padding The tooltip top padding. The tooltip right padding. The tooltip bottom padding. The tooltip left padding. @(Html.Kendo().Chart() .Name("Chart") .Series(series => { .series.Bar(new double[] { 15.7, 16.7, 20, 23.5, 26.6 }).Name("World"); .series.Bar(new double[] { 67.96, 68.93, 75, 74, 78 }).Name("United States"); }) .CategoryAxis(axis => axis .Categories("2005", "2006", "2007", "2008", "2009") .Crosshair(crosshair => crosshair .Visible(true) .Tooltip(tooltip => tooltip .Padding(0, 5, 5, 0) .Visible(true) ) ) ) ) Sets the tooltip padding The tooltip padding. @(Html.Kendo().Chart() .Name("Chart") .Series(series => { .series.Bar(new double[] { 15.7, 16.7, 20, 23.5, 26.6 }).Name("World"); .series.Bar(new double[] { 67.96, 68.93, 75, 74, 78 }).Name("United States"); }) .CategoryAxis(axis => axis .Categories("2005", "2006", "2007", "2008", "2009") .Crosshair(crosshair => crosshair .Visible(true) .Tooltip(tooltip => tooltip .Padding(20) .Visible(true) ) ) ) ) Sets the tooltip border The tooltip border width. The tooltip border color (CSS syntax). @(Html.Kendo().Chart() .Name("Chart") .Series(series => { .series.Bar(new double[] { 15.7, 16.7, 20, 23.5, 26.6 }).Name("World"); .series.Bar(new double[] { 67.96, 68.93, 75, 74, 78 }).Name("United States"); }) .CategoryAxis(axis => axis .Categories("2005", "2006", "2007", "2008", "2009") .Crosshair(crosshair => crosshair .Visible(true) .Tooltip(tooltip => tooltip .Border(1, "Red") .Visible(true) ) ) ) ) Configures the tooltip border The border configuration action Sets the tooltip format The tooltip format. The format string is ignored if a template is set. @(Html.Kendo().Chart() .Name("Chart") .Series(series => { .series.Bar(new double[] { 15.7, 16.7, 20, 23.5, 26.6 }).Name("World"); .series.Bar(new double[] { 67.96, 68.93, 75, 74, 78 }).Name("United States"); }) .CategoryAxis(axis => axis .Categories("2005", "2006", "2007", "2008", "2009") .Crosshair(crosshair => crosshair .Visible(true) .Tooltip(tooltip => tooltip .Format("{0:C}") .Visible(true) ) ) ) ) Sets the tooltip template The tooltip template. A client-side template for the tooltip. Available template variables: value - the point value The format string is ignored if a template is set. @(Html.Kendo().Chart() .Name("Chart") .Series(series => { .series.Bar(new double[] { 15.7, 16.7, 20, 23.5, 26.6 }).Name("World"); .series.Bar(new double[] { 67.96, 68.93, 75, 74, 78 }).Name("United States"); }) .CategoryAxis(axis => axis .Categories("2005", "2006", "2007", "2008", "2009") .Crosshair(crosshair => crosshair .Visible(true) .Tooltip(tooltip => tooltip .Template("|<#= value #|>") .Visible(true) ) ) ) ) Sets the tooltip opacity. The series opacity in the range from 0 (transparent) to 1 (opaque). The default value is 1. @(Html.Kendo().Chart() .Name("Chart") .Series(series => { .series.Bar(new double[] { 15.7, 16.7, 20, 23.5, 26.6 }).Name("World"); .series.Bar(new double[] { 67.96, 68.93, 75, 74, 78 }).Name("United States"); }) .CategoryAxis(axis => axis .Categories("2005", "2006", "2007", "2008", "2009") .Crosshair(crosshair => crosshair .Visible(true) .Tooltip(tooltip => tooltip .Opacity(0.5) .Visible(true) ) ) ) ) The position of the crosshair tooltip. The value for Position Defines the fluent interface for configuring bullet series. The type of the data item Initializes a new instance of the class. The series. Gets or sets the series. The series. Set distance between category clusters. A value of 1 means that there is a total of 1 bullet width / vertical bullet height between categories. The distance is distributed evenly on each side. The default value is 1.5 @(Html.Kendo().Chart(Model) .Name("Chart") .Series(series => series.Bullet(s => s.Current, s => s.Target).Gap(1)) ) Sets a value indicating the distance between bullets / categories. Value of 1 means that the distance between bullets is equal to their width. The default value is 0 @(Html.Kendo().Chart(Model) .Name("Chart") .Series(series => series.Bullet(s => s.Current, s => s.Target).Spacing(1)) ) Sets the bullets border. The bullets border width. The bullets border color (CSS syntax). The bullets border dash type. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Bullet(s => s.Current, s => s.Target).Border("1", "#000", ChartDashType.Dot)) ) Sets the bullet effects overlay The bullet effects overlay. The default is ChartBarSeriesOverlay.Glass @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Bullet(s => s.Current, s => s.Target).Overlay(ChartBarSeriesOverlay.None)) ) Sets the series title displayed in the legend. The name. @(Html.Kendo().Chart(Model) .Name("Chart") .Series(series => series.Bullet(s => s.Current, s => s.Target).Name("Sales")) ) Sets the series opacity. The series opacity in the range from 0 (transparent) to 1 (opaque). The default value is 1. @(Html.Kendo().Chart(Model) .Name("Chart") .Series(series => series.Bullet(s => s.Current, s => s.Target).Opacity(0.5)) ) Sets the bullet fill color The bar bullet color (CSS syntax). @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Bullet(s => s.Current, s => s.Target).Color("Red")) ) Configure the data point tooltip for the series. Use the configurator to set data tooltip options. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Bullet(s => s.Current, s => s.Target) .Tooltip(tooltip => { tooltip.Visible(true).Format("{0:C}"); }) ) ) Sets the data point tooltip visibility. A value indicating if the data point tooltip should be displayed. The tooltip is not visible by default. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Bullet(s => s.Current, s => s.Target).Tooltip(true)) ) Sets the axis name to use for this series. The axis name for this series. @(Html.Kendo().Chart(Model) .Name("Chart") .Series(series => series.Bullet(s => s.Current, s => s.Target).Name("Sales").Axis("secondary")) .ValueAxis(axis => axis.Numeric()) .ValueAxis(axis => axis.Numeric("secondary")) .CategoryAxis(axis => axis.AxisCrossingValue(0, 10)) ) Configure the data point tooltip for the series. Use the configurator to set data tooltip options. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Bullet(s => s.Current, s => s.Target) .Tooltip(tooltip => { tooltip.Visible(true).Format("{0:C}"); }) ) ) Sets the current field for the series The current field for the series @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Bullter(Model.Records).CurrentField("Current").TargetField("Target")) ) Sets the target field for the series The target field for the series @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Bullter(Model.Records).CurrentField("Current").TargetField("Target")) ) Sets the function used to retrieve point color. The JavaScript function that will be executed to retrieve the color of each point. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Bullet(s => s.Current, s => s.Target) .ColorHandler( @<text> function(point) { return point.value > 5 ? "red" : "green"; } </text> ) ) ) Sets the function used to retrieve point color. The JavaScript function that will be executed to retrieve the color of each point. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Bullet(s => s.Current, s => s.Target) .ColorHandler("pointColor") ) ) Sets the color field for the series The color field for the series @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Bar(Model.Records).Field("Value").ColorField("Color")) ) Sets the note text field for the series The note text field for the series @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Bar(Model.Records).Field("Value").NoteTextField("NoteText")) ) Configures the bar chart labels. The configuration action. @(Html.Kendo().Chart(Model) .Name("Chart") .Series(series => series .Bar(s => s.Sales) .Labels(labels => labels .Position(ChartBarLabelsPosition.InsideEnd) .Visible(true) ) ) ) Defines the fluent interface for configuring the chart target. Initializes a new instance of the class. The chart target configuration. Sets the target width. The target width. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Bullet(s => s.Current, s => s.Target) .Target(target => target .Width(10) ) ) ) Sets the target border The target border width. The target border color (CSS syntax). The target border dash type. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Bullet(s => s.Current, s => s.Target) .Target(target => target .Border(1, "Red", ChartDashType.Dot) ) ) ) Configures the markers border The border configuration action @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Bullet(s => s.Current, s => s.Target) .Target(target => target .Border(border => border.Width(2)) ) ) ) Sets the color of the bullet chart target. The color of the bullet chart target. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Bullet(s => s.Current, s => s.Target) .Target(target => target .Color("Red"); ) ) ) Defines the fluent interface for configuring series highlight. Initializes a new instance of the class. The series highlight. Gets or sets the highlight Sets the highlight visibility The highlight visibility. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Pie(s => s.Sales, s => s.DateString) .Highlight(highlight => highlight.Visible(false)) ) ) Sets the highlight toggle handler The JavaScript toggle handler name. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Pie(s => s.Sales, s => s.DateString) .Highlight(highlight => highlight.Toggle("toggleHighlight")) ) ) <script> function toggleHandler(e) { e.preventDefault(); var opacity = e.show ? 0.5 : 1; e.visual.opacity(opacity); } </script> Sets the highlight toggle handler The toggle handler @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Pie(s => s.Sales, s => s.DateString) .Highlight(highlight => highlight.Toggle( @<text> function(e) { e.preventDefault(); var opacity = e.show ? 0.5 : 1; e.visual.opacity(opacity); } </text>) ) ) ) Sets the highlight visual handler The visual handler name. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Pie(s => s.Sales, s => s.DateString) .Highlight(highlight => highlight.Toggle("highlightVisual")) ) ) Sets the highlight visual handler The visual handler @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Pie(s => s.Sales, s => s.DateString) .Highlight(highlight => highlight.Visual( @<text> function(e) { return e.createVisual(); // returns the default visual } </text>) ) ) ) The opacity of the series when another series is highlighted. The value for InactiveOpacity Defines the fluent interface for configuring the . Initializes a new instance of the class. The chart selection. Sets the selection lower boundary The selection lower boundary. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis.Select(select => select.From(from)) ) ) Sets the selection lower boundary The selection lower boundary. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis.Select(select => select.From(from).To(to) )) ) Sets the selection upper boundary The selection upper boundary. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis.Select(select => select.To(toDate).To(toDate) )) ) Sets the selection upper boundary The selection upper boundary. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis.Select(select => select.To(to).To(to) )) ) Configures the mousewheel zoom options The mousewheel zoom options @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis .Select(select=>select .Mousewheel(mouse=>mouse.Zoom(ChartZoomDirection.Right)) ) ) ) Defines the fluent interface for configuring the . Initializes a new instance of the class. The mousewheel zoom settings. Reverses the mousewheel direction. Rotating the wheel down will shrink the selection, rotating up will expand it. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis.Select(select => select .From(fromDate).To(toDate) .Mousewheel(mw => mw.Reverse()) )) ) Sets a value indicating if the mousewheel should be reversed. true: scrolling up shrinks the selection. false: scrolling down expands the selection. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis.Select(select => select .From(fromDate).To(toDate) .Mousewheel(mw => mw.Reverse(true)) )) ) Sets the mousewheel zoom type The mousewheel zoom type. Default value is ChartZoomDirection.Both @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis.Select(select => select.From(from).To(to) .Mousewheel(mw => mw.Zoom(ChartZoomDirection.Left)) )) ) Defines the fluent interface for configuring the chart labels. Initializes a new instance of the class. The labels configuration. Sets the labels font The labels font (CSS format). @(Html.Kendo().Chart() .Name("Chart") .Legend(legend => legend .Labels(labels => labels .Font("14px Arial,Helvetica,sans-serif") ) ) ) Sets the labels text color The labels text color. @(Html.Kendo().Chart() .Name("Chart") .Legend(legend => legend .Labels(labels => labels .Color("Red") ) ) ) Sets the labels template. The labels template. @(Html.Kendo().Chart() .Name("Chart") .Legend(legend => legend .Labels(labels => labels .Template("#:series.name#") ) ) ) Sets the labels padding The labels top padding. The labels right padding. The labels bottom padding. The labels left padding. @(Html.Kendo().Chart() .Name("Chart") .Legend(legend => legend .Labels(labels => labels .Padding(10, 15, 15, 10) ) ) ) Sets the labels padding The labels padding. @(Html.Kendo().Chart() .Name("Chart") .Legend(legend => legend .Labels(labels => labels .Padding(10) ) ) ) Defines the fluent interface for configuring the chart note label. Initializes a new instance of the class. The data labels configuration. Sets the labels position The labels position. @(Html.Kendo().Chart() .Name("Chart") .ValueAxis(a => a.Numeric() .Note(note => note .Label(label => label .Position(ChartNoteLabelPosition.Inside) ) ) ) ) Sets the labels position The labels position. @(Html.Kendo().Chart() .Name("Chart") .ValueAxis(a => a.Numeric() .Note(note => note .Data(data => { data.Add().Value(1).Text("A"); data.Add().Value(2).Text("B"); }) ) ) ) Defines the fluent interface for configuring the chart note line. Initializes a new instance of the class. The connectors configuration. Sets the line width The line width. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Bar(s => s.Sales) .Note(note => note.Line(line => line.Width(2))) ) ) Sets the line color The line color. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Bar(s => s.Sales) .Note(note => note.Line(line => line.Color("red"))) ) ) Sets the connectors padding The connectors length. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Bar(s => s.Sales) .Note(note => note.Line(line => line.Length(15))) ) ) Defines the fluent interface for configuring the chart note. Initializes a new instance of the class. The note configuration. Sets the line configuration of the note The line configuration. @(Html.Kendo().Chart() .Name("Chart") .ValueAxis(a => a.Numeric() .Note(note => note .Line(line => line.Width(2)) ) ) ) Sets the label configuration of the note The label configurator. @(Html.Kendo().Chart() .Name("Chart") .ValueAxis(a => a.Numeric() .Note(note => note .Label(label => label.Position(ChartNoteLabelPosition.Inside)) ) ) ) Sets the icon configuration of the note The icon configuration. @(Html.Kendo().Chart() .Name("Chart") .ValueAxis(a => a.Numeric() .Note(note => note.Icon(icon => icon.Size(10))) ) ) Sets the note position. The note position. @(Html.Kendo().Chart() .Name("Chart") .ValueAxis(a => a.Numeric() .Note(note => note.Position(ChartNotePosition.Left)) ) ) Sets the note visual handler The JavaScript handler function name. @(Html.Kendo().Chart() .Name("Chart") .ValueAxis(a => a.Numeric() .Note(note => note.Visual("noteHandler")) ) ) Sets the note visual handler The handler @(Html.Kendo().Chart() .Name("Chart") .ValueAxis(a => a.Numeric() .Note(note => note.Visual( @<text> function(e) { return e.createVisual(); // returns the default visual } </text> ) ) ) ) Creates items for the . Initializes a new instance of the class. The contener of the item. Defines a item. Defines the fluent interface for configuring the chart note. Initializes a new instance of the class. The note. Sets the note value. The value of the note. @(Html.Kendo().Chart() .Name("Chart") .ValueAxis(a => a.Numeric() .Note(note => note .Data(items => { data.Add().Value(1); data.Add().Value(2); }) ) ) ) Defines the fluent interface for configuring notes of the axis. Gets or sets the axis. The axis. Initializes a new instance of the class. The notes. Defines the items. The data of the notes. @(Html.Kendo().Chart() .Name("Chart") .ValueAxis(a => a.Numeric() .Note(notes => notes .Data(data => { data.Add().Value(1); data.Add().Value(2); }) ) ) ) Sets the line configuration of the note The line configuration. @(Html.Kendo().Chart() .Name("Chart") .ValueAxis(a => a.Numeric() .Note(notes => notes .Line(line => line.Width(2)) ) ) ) Sets the label configuration of the note The label configurator. @(Html.Kendo().Chart() .Name("Chart") .ValueAxis(a => a.Numeric() .Note(notes => notes .Label(label => label.Position(ChartNoteLabelPosition.Inside)) ) ) ) Sets the icon configuration of the note The icon configuration. @(Html.Kendo().Chart() .Name("Chart") .ValueAxis(a => a.Numeric() .Note(notes => notes.Icon(icon => icon.Size(10))) ) ) Sets the note position. The note position. @(Html.Kendo().Chart() .Name("Chart") .ValueAxis(a => a.Numeric() .Note(notes => notes.Position(ChartNotePosition.Left)) ) ) Defines the fluent interface for configuring . Initializes a new instance of the class. The chart line. Sets the line skip The line skip. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis.MajorGridLines(lines => lines.Skip(2))) ) Sets the line step The line step. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis.MajorGridLines(lines => lines.Step(2))) ) Defines the fluent interface for configuring . Initializes a new instance of the class. The chart line. Sets the line skip The line skip. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis.MinorGridLines(lines => lines.Skip(2))) ) Sets the line step The line step. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis.MinorGridLines(lines => lines.Step(2))) ) Defines the fluent interface for configuring . Initializes a new instance of the class. The chart line. Sets the line skip The line skip. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis.MinorTicks(lines => lines.Skip(2))) ) Sets the line step The line step. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis.MinorTicks(lines => lines.Step(2))) ) Defines the fluent interface for configuring . Initializes a new instance of the class. The chart line. Sets the line skip The line skip. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis.MajorTicks(lines => lines.Skip(2))) ) Sets the line step The line step. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis.MajorTicks(lines => lines.Step(2))) .Render(); ) Defines the fluent interface for configuring bar series. The type of the data item Initializes a new instance of the class. The series. Sets the aggregate function for date series. This function is used when a category (an year, month, etc.) contains two or more points. Lower aggregate name. Q1 aggregate name. Median aggregate name. Q3 aggregate name. Upper aggregate name. Mean aggregate name. Outliers aggregate name. @(Html.Kendo().Chart(Model) .Name("Chart") .Series(series => series.BoxPlot(s => s.Lower, s => s.Q1, s => s.Median, s => s.Q3, s => s.Upper) .Aggregate( ChartSeriesAggregate.Max, ChartSeriesAggregate.Max, ChartSeriesAggregate.Max, ChartSeriesAggregate.Max, ChartSeriesAggregate.Max, ChartSeriesAggregate.Max, ChartSeriesAggregate.Max, ChartSeriesAggregate.First ) ) ) Set distance between category clusters. A value of 1 means that there is a total of 1 point width between categories. The distance is distributed evenly on each side. The default value is 1 @(Html.Kendo().Chart(Model) .Name("Chart") .Series(series => series.BoxPlot(s => s.Lower, s => s.Q1, s => s.Median, s => s.Q3, s => s.Upper).Gap(1.5)) ) Sets a value indicating the distance between points in the same category. Value of 1 means that the distance between points in the same category. The default value is 0.3 @(Html.Kendo().Chart(Model) .Name("Chart") .Series(series => series.BoxPlot(s => s.Lower, s => s.Q1, s => s.Median, s => s.Q3, s => s.Upper).Spacing(1)) ) Sets the points border The points border width. The points border color (CSS syntax). The points border dash type. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.BoxPlot(s => s.Lower, s => s.Q1, s => s.Median, s => s.Q3, s => s.Upper).Border("1", "#000", ChartDashType.Dot)) .Render(); ) Configures the ohlc chart lines. The lines width. The lines color. The lines dashType. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .BoxPlot(s => s.Lower, s => s.Q1, s => s.Median, s => s.Q3, s => s.Upper) .Line(2, "red", ChartDashType.Dot) ) ) Configures the ohlc line width. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .BoxPlot(s => s.Lower, s => s.Q1, s => s.Median, s => s.Q3, s => s.Upper) .Line(2) ) ) The lines width. Configures the ohlc lines. The lines width. The lines color. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .BoxPlot(s => s.Lower, s => s.Q1, s => s.Median, s => s.Q3, s => s.Upper) .Line(2, "red") ) ) Configures the ohlc chart lines. The configuration action. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .BoxPlot(s => s.Lower, s => s.Q1, s => s.Median, s => s.Q3, s => s.Upper) .Line(line => line.Opacity(0.2)) ) ) Configures the box plot chart outliers. The configuration action. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .BoxPlot(s => s.Lower, s => s.Q1, s => s.Median, s => s.Q3, s => s.Upper) .Outliers(outliers => outliers .Type(ChartMarkerShape.Triangle) ) ) ) Sets the visibility of box plot chart outliers. The visibility. The default value is true. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .BoxPlot(s => s.Lower, s => s.Q1, s => s.Median, s => s.Q3, s => s.Upper) .Outliers(true); ) ) Configures the box plot chart extremum. The configuration action. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .BoxPlot(s => s.Lower, s => s.Q1, s => s.Median, s => s.Q3, s => s.Upper) .Extremum(extremum => extremum .Type(ChartMarkerShape.Triangle) ) ) ) Sets the visibility of box plot chart extremum. The visibility. The default value is true. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .BoxPlot(s => s.Lower, s => s.Q1, s => s.Median, s => s.Q3, s => s.Upper) .Extremum(true) ) ) Sets the category field for the series The category field for the series @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.BoxPlot(Model.Records).Field("Value").CategoryField("Category")) ) Sets the color field for the series The color field for the series @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.BoxPlot(Model.Records).Field("Value").ColorField("Color")) ) Sets the note text field for the series The note text field for the series @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.BoxPlot(Model.Records).Field("Value").NoteTextField("NoteText")) ) Sets the lower field for the series The lower field for the series @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Bar(Model.Records).Field("Value").LowerField("Lower")) ) Sets the q1 field for the series The q1 field for the series @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.BoxPlot(Model.Records).Field("Value").Q1Field("Q1")) ) Sets the median field for the series The median field for the series @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.BoxPlot(Model.Records).Field("Value").MedianField("Median")) ) Sets the q3 field for the series The q3 field for the series @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.BoxPlot(Model.Records).Field("Value").Q3Field("Q3")) ) Sets the upper field for the series The upper field for the series @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.BoxPlot(Model.Records).Field("Value").UpperField("Upper")) ) Sets the mean field for the series The mean field for the series @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.BoxPlot(Model.Records).Field("Value").MeanField("Mean")) ) Sets the outliers field for the series The outliers field for the series @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.BoxPlot(Model.Records).Field("Value").OutliersField("Outliers")) ) Defines the fluent interface for configuring of all axes. Initializes a new instance of the class. The chart. Defines the fluent interface for configuring the chart labels. Initializes a new instance of the class. The labels configuration. Renders the axis labels on the other side. A value indicating whether to render the axis labels on the other side. @(Html.Kendo().Chart() .Name("Chart") .ValueAxis(axis => axis .Numeric().Labels(labels => labels.Mirror(true)) ) .CategoryAxis(axis => axis .Categories(s => s.DateString) // Move the value axis to the right side .AxisCrossingValue(5) ) ) Specifies the position of the labels. @(Html.Kendo().Chart() .Name("Chart") .ValueAxis(axis => axis .Numeric().Labels(labels => labels.Position(ChartAxisLabelsPosition.End)) ) .CategoryAxis(axis => axis .Categories(s => s.DateString) // Move the value axis to the right side .AxisCrossingValue(5) ) ) Label rendering step. A value indicating the step at which labels are rendered. Every n-th label is rendered where n is the step. @(Html.Kendo().Chart() .Name("Chart") .ValueAxis(axis => axis .Numeric() .Min(0).Max(100) .Labels(lbl=>lbl.Step(2)) ) ) Label rendering skip. Skips rendering the first n labels. @(Html.Kendo().Chart() .Name("Chart") .ValueAxis(axis => axis .Numeric() .Min(0).Max(100) .Labels(lbl=>lbl.Skip(2)) ) ) Specifies the labels rotation angle. The rotation angle of the labels. @(Html.Kendo().Chart() .Name("Chart") .ValueAxis(axis => axis .Numeric() .Min(0).Max(100) .Labels(lbl=>lbl.Rotation(-45)) ) ) Specifies the labels rotation. The labels rotation configurator. @(Html.Kendo().Chart() .Name("Chart") .ValueAxis(axis => axis .Numeric() .Min(0).Max(100) .Labels(lbl=>lbl.Rotation(rotate=>rotate.Angle(-45))) ) ) Defines the fluent interface for configuring the chart data labels. Initializes a new instance of the class. The data labels configuration. Sets the labels align The labels align. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Pie(p => p.Sales) .Labels(labels => labels .Align(ChartPieLabelsAlign.Column) .Visible(true) ) ) ) Sets the labels distance The labels distance. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Pie(p => p.Sales) .Labels(labels => labels .Distance(20) .Visible(true) ) ) ) Sets the labels position The labels position. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Pie(p => p.Sales) .Labels(labels => labels .Position(ChartPieLabelsPosition.Center) .Visible(true) ) ) ) Defines the fluent interface for configuring the chart data points tooltip. Initializes a new instance of the class. The data point tooltip configuration. Sets the tooltip font The tooltip font (CSS format). @(Html.Kendo().Chart() .Name("Chart") .Tooltip(tooltip => tooltip .Font("14px Arial,Helvetica,sans-serif") .Visible(true) ) ) Sets the tooltip visibility The tooltip visibility. The tooltip is not visible by default. @(Html.Kendo().Chart() .Name("Chart") .Tooltip(tooltip => tooltip .Visible(true) ) ) Sets the tooltip background color The tooltip background color. The default is determined from the series color. @(Html.Kendo().Chart() .Name("Chart") .Tooltip(tooltip => tooltip .Background("Red") .Visible(true) ) ) Sets the tooltip text color The tooltip text color. The default is the same as the series labels color. @(Html.Kendo().Chart() .Name("Chart") .Tooltip(tooltip => tooltip .Color("Red") .Visible(true) ) ) Sets the tooltip padding The tooltip top padding. The tooltip right padding. The tooltip bottom padding. The tooltip left padding. @(Html.Kendo().Chart() .Name("Chart") .Tooltip(tooltip => tooltip .Padding(0, 5, 5, 0) .Visible(true) ) ) Sets the tooltip padding The tooltip padding. @(Html.Kendo().Chart() .Name("Chart") .Tooltip(tooltip => tooltip .Padding(20) .Visible(true) ) ) Sets the tooltip border The tooltip border width. The tooltip border color (CSS syntax). @(Html.Kendo().Chart() .Name("Chart") .Tooltip(tooltip => tooltip .Border(1, "Red") .Visible(true) ) ) Configures the tooltip border The border configuration action @(Html.Kendo().Chart() .Name("Chart") .Tooltip(tooltip => tooltip .Border(border => border.Width(1).Color("red")) .Visible(true) ) ) Sets the tooltip format The tooltip format. The format string is ignored if a template is set. @(Html.Kendo().Chart() .Name("Chart") .Tooltip(tooltip => tooltip .Format("{0:C}") .Visible(true) ) ) Sets the tooltip template The tooltip template. A client-side template for the tooltip. Available template variables: value - the point value category - the category name series - the data series configuration object dataItem - the original data item (client-side binding only) The format string is ignored if a template is set. @(Html.Kendo().Chart() .Name("Chart") .Tooltip(tooltip => tooltip .Template("#= category # -#= value #") .Visible(true) ) ) Sets the tooltip opacity. The series opacity in the range from 0 (transparent) to 1 (opaque). The default value is 1. @(Html.Kendo().Chart() .Name("Chart") .Tooltip(tooltip => tooltip .Opacity(0.5) .Visible(true) ) ) Sets the tooltip shared The tooltip shared. @(Html.Kendo().Chart() .Name("Chart") .Tooltip(tooltip => tooltip .Visible(true) .Shared(true) ) ) Sets the tooltip shared template The tooltip shared template. A client-side shared template for the tooltip. Available shared template variables: points - the category points category - the category name @(Html.Kendo().Chart() .Name("Chart") .Tooltip(tooltip => tooltip .Template("#= category #") .Visible(true) ) ) Specifies if the tooltip will be hidden when the mouse leaves the target element. If set to false, a Close button will be shown within tooltip. The value for AutoHide Defines the fluent interface for configuring pie series. The type of the data item Initializes a new instance of the class. The series. Gets or sets the series. The series. If set to true, the Chart automatically scales down to fit the content area. Applicable for the Pie and Donut series (see example). The value for AutoFit If set to true, the Chart automatically scales down to fit the content area. Applicable for the Pie and Donut series (see example). Sets the name of the series. @(Html.Kendo().Chart(Model) .Name("Chart") .Series(series => series.Pie(s => s.Sales, s => s.DateString).Name("Sales")) ) Sets the series opacity. The series opacity in the range from 0 (transparent) to 1 (opaque). The default value is 1. @(Html.Kendo().Chart(Model) .Name("Chart") .Series(series => series.Pie(s => s.Sales, s => s.DateString).Opacity(0.5)) ) Sets the padding of the chart. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Pie(s => s.Sales, s => s.DateString).Padding(100)) ) Sets the start angle of the first pie segment. The pie start angle(in degrees). @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Pie(s => s.Sales, s => s.DateString).StartAngle(100)) ) Configures the pie chart labels. The configuration action. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Pie(s => s.Sales, s => s.DateString) .Labels(labels => labels .Color("red") .Visible(true) ) ) ) Sets the visibility of pie chart labels. The visibility. The default value is false. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Pie(s => s.Sales, s => s.DateString) .Labels(true) ) ) Sets the pie segments border The pie segments border width. The pie segments border color (CSS syntax). The pie segments border dash type. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Pie(s => s.Sales, s => s.DateString).Border(1, "#000", ChartDashType.Dot)) ) Configures the pie border The border configuration action @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Pie(s => s.Sales, s => s.DateString) .Border(border => border.Width(2)) ) ) Sets the pie segments effects overlay The pie segment effects overlay. The default value is set in the theme. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Pie(s => s.Sales, s => s.DateString).Overlay(ChartPieSeriesOverlay.None)) ) Configures the pie chart connectors. The configuration action. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Pie(s => s.Sales, s => s.DateString) .Connectors(c => c .Color("red") ) ) ) Configures the pie highlight The configuration action. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Pie(s => s.Sales, s => s.DateString) .Highlight(highlight => highlight.Opacity(0.8)) ) ) Sets the value field for the series The value field for the series @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Pie(Model.Records).Field("Value")) ) Sets the category field for the series The category field for the series @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Pie(Model.Records).Field("Value").CategoryField("Category")) ) Sets the color field for the series The color field for the series @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Pie(Model.Records).Field("Value").ColorField("Color")) ) Sets the note text field for the series The note text field for the series @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Pie(Model.Records).Field("Value").NoteTextField("NoteText")) ) Sets the explode field for the series The explode field for the series @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Pie(Model.Records).Field("Value").ExplodeField("Explode")) ) Sets the visibleInLegend field for the series The visibleInLegend field for the series @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Pie(Model.Records).Field("Value").VisibleInLegendField("VisibleInLegend")) ) Configure the series tooltip. Use the configurator to set the tooltip options. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Pie(s => s.Sales, s => s.DateString) .Tooltip(tooltip => tooltip.Visible(true)) ) ) Sets the tooltip visibility. A value indicating if the tooltip should be displayed. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Pie(s => s.Sales, s => s.DateString) .Tooltip(true) ) ) Sets the series visual handler The JavaScript handler name. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Pie(s => s.Sales, s => s.DateString) .Visual("seriesVisual") ) ) Sets the series visual handler The handler @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Pie(s => s.Sales, s => s.DateString) .Visual( @<text> function(e) { return e.createVisual(); // returns the default visual } </text> ) ) ) Defines the fluent interface for configuring the chart connectors. Initializes a new instance of the class. The connectors configuration. Sets the connectors width The connectors width. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Pie(p => p.Sales) .Connectors(c => c .Width(3) ) ) ) Sets the connectors color The connectors color. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Pie(p => p.Sales) .Connectors(c => c .Color(red) ) ) ) Sets the function used to retrieve connector color. The JavaScript function that will be executed to retrieve the color of each connector. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Pie(p => p.Sales) .Connectors(c => c .ColorHandler( @<text> function(point) { return point.value > 5 ? "red" : "green"; } </text> ) ) ) ) Sets the connectors padding The connectors padding. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Pie(p => p.Sales) .Connectors(c => c .Padding(10) ) ) ) Defines the fluent interface for configuring plot band. Initializes a new instance of the class. The plot band. Sets the plot band start position. The plot band start position. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis .PlotBands(plotBands => plotBands .Add().From(1).Color("Red") ) ) ) Sets the plot band end position. The plot band end position. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis .PlotBands(plotBands => plotBands .Add().To(2).Color("Red") ) ) ) Sets the plot band background color The plot band background color. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis .PlotBands(plotBands => plotBands .Add().Color("Red") ) ) ) Sets the plot band opacity The plot band opacity. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis .PlotBands(plotBands => plotBands .Add().Opacity(0.5) ) ) ) The label configuration of the plotband. The configurator for the label setting. Creates plot bands for the . Initializes a new instance of the class. The axis. The Axis Adds a plot band. Defines a item. Defines a item. Defines a item. Defines the fluent interface for configuring the . Initializes a new instance of the class. The chart axis title. Sets the axis title text. The text of the axis title. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis .Title(title => title .Text("Axis") ) ) ) Sets the axis title font. The axis title font (CSS format). @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis .Title(title => title .Font("16px Arial,Helvetica,sans-serif") ) ) ) Sets the axis title background color. The axis background color. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis .Title(title => title .Background("red") ) ) ) Sets the axis title text color. The axis text color. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis .Title(title => title .Color("red") ) ) ) Sets the axis title position. The axis title position. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis .Title(title => title .Position(ChartTitlePosition.Center) ) ) ) Sets the axis title margin. The axis title top margin. The axis title right margin. The axis title bottom margin. The axis title left margin. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis .Title(title => title .Margin(20, 20, 20, 20) ) ) ) Sets the axis title margin. The axis title margin. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis .Title(title => title .Margin(20) ) ) ) Sets the axis title padding. The axis title top padding. The axis title right padding. The axis title bottom padding. The axis title left padding. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis .Title(title => title .Padding(20, 20, 20, 20) ) ) ) Sets the axis title padding The axis title padding. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis .Title(title => title .Padding(20) ) ) ) Sets the axis title rotation. The axis title rotation. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis .Title(title => title .Rotation(30) ) ) ) Sets the axis title border The axis title border width. The axis title border color. The axis title dash type. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis .Title(title => title .Border(1, "#000", ChartDashType.Dot) ) ) ) Configures the title border The border configuration action @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis .Title(title => title .Text("Names") .Border(border => border .Color("green") .Width(1) ) ) ) ) Sets the axis title opacity. The series opacity in the range from 0 (transparent) to 1 (opaque). The default value is 1. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis .Title(title => title .Opacity(0.5) ) ) ) Sets the axis title visibility The axis title visibility. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis .Title(title => title .Text("Names") .Visible(false) ) ) ) Sets the function used to render the axis title. The JavaScript function that will be executed to retrieve the visual of the axis title. Sets the function used to render the axis title. The JavaScript function that will be executed to retrieve the visual of the axis title. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis .Title(title => title .Text("Multiple Lines") .Visual("getTitleVisual") ) ) ) <script> function getTitleVisual(e) { var layout = new kendo.drawing.Layout(e.rect, { orientation: "vertical", alignContent: "center", justifyContent: "end" }); var words = e.text.split(" "); for (var i = 0; i < words.length; i++) { layout.append(new kendo.drawing.Text(words[i])); } layout.reflow(); return layout; } </script> Defines the fluent interface for configuring . Initializes a new instance of the class. The chart border. Sets the border color. The border color (CSS format). @(Html.Kendo().Chart() .Name("Chart") .ChartArea(chartArea => chartArea.Border(border => border.Color("#f00"))) ) Sets the border opacity The border opacity (CSS format). @(Html.Kendo().Chart() .Name("Chart") .ChartArea(chartArea => chartArea.Border(border => border.Opacity(0.2))) ) Sets the border width. The border width. @(Html.Kendo().Chart() .Name("Chart") .ChartArea(chartArea => chartArea.Border(border => border.Width(2))) ) Sets the border dashType. The border dashType. @(Html.Kendo().Chart() .Name("Chart") .ChartArea(chartArea => chartArea.Border(border => border.DashType(ChartDashType.Dot))) ) Defines the fluent interface for configuring . Initializes a new instance of the class. The chart line. Sets the line color The line color (CSS format). @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis.MajorGridLines(lines => lines.Color("#f00"))) ) Sets the line width The line width. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis.MajorGridLines(lines => lines.Width(2))) ) Sets the line dashType. The line dashType. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis.MajorGridLines(lines => lines.DashType(ChartDashType.Dot))) ) Defines the fluent interface for configuring . Initializes a new instance of the class. The chart axis ticks. Sets the ticks size The ticks size. @(Html.Kendo().Chart() .Name("chart") .ValueAxis(axis => axis.MajorTicks(ticks => ticks.Size(2))) ) Sets the ticks visibility The ticks visibility. @(Html.Kendo().Chart() .Name("chart") .ValueAxis(axis => axis.MajorTicks(ticks => ticks.Visible(false))) ) Sets the line skip The line skip. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis.MajorTicks(lines => lines.Skip(2))) ) Sets the line step The line step. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis.MajorTicks(lines => lines.Step(2))) ) Sets the line color The line color. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis.MajorTicks(lines => lines.Color("red"))) ) Configures the date category axis for the . The type of the data item to which the chart is bound to Initializes a new instance of the class. The chart. The date category axis. The parent Chart Defines bound categories. The expression used to extract the categories value from the chart model @(Html.Kendo().Chart(Model) .Name("chart") .Series(series => { series.Column(model => model.Value, model => model.UserColor); }) .CategoryAxis(axis => axis Date().Categories(model => model.Day) ) ) Defines categories. The list of categories @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis .Date().Categories(Model.Categories) ) ) Defines categories. The list of categories @(Html.Kendo().Chart() .Name("chart") .CategoryAxis(axis => axis .Date().Categories(DateTime.Now, DateTime.Now.AddDays(1), DateTime.Now.AddDays(2)) ) ) Sets the date category axis base unit. The date category axis base unit @(Html.Kendo().Chart() .Name("chart") .CategoryAxis(axis => axis .Date().BaseUnit(ChartAxisBaseUnit.Days) ) ) Sets the step (interval) between categories in base units. Specifiying 0 (auto) will set the step to such value that the total number of categories does not exceed MaxDateGroups. This option is ignored if baseUnit is set to "fit". the step (interval) between categories in base units. Set 0 for automatic step. The default value is 1. @(Html.Kendo().Chart() .Name("chart") .CategoryAxis(axis => axis .Date().BaseUnit(ChartAxisBaseUnit.Days).BaseUnitStep(7) ) ) Specifies the maximum number of groups (categories) that the chart will attempt to produce when either BaseUnit is set to Fit or BaseUnitStep is set to 0 (auto). This option is ignored in all other cases. the maximum number of groups (categories). The default value is 10. @(Html.Kendo().Chart() .Name("chart") .CategoryAxis(axis => axis .Date().BaseUnit(ChartAxisBaseUnit.Days).MaxDateGroups(30) ) ) The maximum number of ticks and labels to display. Applicabable for date category axis. The value for MaxDivisions @(Html.Kendo().Chart() .Name("chart") .CategoryAxis(axis => axis .Date().MaxDivisions(100) ) ) If set to false, the min and max dates will not be rounded off to the nearest baseUnit. This option is most useful in combination with explicit min and max dates. It will be ignored if either Bar, Column, OHLC or Candlestick series are plotted on the axis. A boolean value that indicates if the axis range should be rounded to the nearest base unit. The default value is true. @(Html.Kendo().Chart() .Name("chart") .CategoryAxis(axis => axis .Date().RoundToBaseUnit(false) ) ) Sets the week start day. The week start day when the base unit is Weeks. The default is Sunday. @(Html.Kendo().Chart() .Name("chart") .CategoryAxis(axis => axis .Date().WeekStartDay(DayOfWeek.Monday) ) ) Positions categories and series points on major ticks. This removes the empty space before and after the series. This option will be ignored if either Bar, Column, OHLC or Candlestick series are plotted on the axis. A boolean value that indicates if the empty space before and after the series should be removed. The default value is false. @(Html.Kendo().Chart() .Name("chart") .CategoryAxis(axis => axis .Date().Justify(true) ) ) Positions categories and series points on major ticks. This removes the empty space before and after the series. This option will be ignored if either Bar, Column, OHLC or Candlestick series are plotted on the axis. @(Html.Kendo().Chart() .Name("chart") .CategoryAxis(axis => axis .Date().Justify() ) ) Specifies the discrete baseUnitStep values when either BaseUnit is set to Fit or BaseUnitStep is set to 0 (auto). The configuration action. @(Html.Kendo().Chart() .Name("chart") .CategoryAxis(axis => axis .Date().AutoBaseUnitSteps(steps => steps.Days(1, 5, 10)) ) ) Sets the date category axis minimum (start) date. The date category axis minimum (start) date @(Html.Kendo().Chart() .Name("chart") .CategoryAxis(axis => axis .Date().Min(DateTime.Now) ) ) Sets the date category axis maximum (end) date. The date category axis maximum (end) date @(Html.Kendo().Chart() .Name("chart") .CategoryAxis(axis => axis .Date().Max(DateTime.Now) ) ) Sets value at which the first perpendicular axis crosses this axis. The value at which the first perpendicular axis crosses this axis. @(Html.Kendo().Chart(Model) .Name("Chart") .CategoryAxis(axis => axis.Date().AxisCrossingValue(4)) .ValueAxis(axis => axis.Numeric().Title("Axis 1")) .ValueAxis(axis => axis.Numeric("secondary").Title("Axis 2")) ) Sets value at which perpendicular axes cross this axis. The values at which perpendicular axes cross this axis. @(Html.Kendo().Chart(Model) .Name("Chart") .CategoryAxis(axis => axis.Date().AxisCrossingValue(0, 10)) .ValueAxis(axis => axis.Numeric().Title("Axis 1")) .ValueAxis(axis => axis.Numeric("secondary").Title("Axis 2")) ) Sets value at which perpendicular axes cross this axis. The values at which perpendicular axes cross this axis. @(Html.Kendo().Chart(Model) .Name("Chart") .CategoryAxis(axis => axis.Date().AxisCrossingValue(new double[] { 0, 10 })) .ValueAxis(axis => axis.Numeric().Title("Axis 1")) .ValueAxis(axis => axis.Numeric("secondary").Title("Axis 2")) ) Configures the axis labels. The configuration action. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis .Date() .Labels(labels => labels .Culture(new CultureInfo("es-ES")) .Visible(true) ) ) ) Configures the axis labels. Sets the selection range The selection range start. The selection range end. *Note*: The specified date is not included in the selected range unless the axis is justified. In order to select all categories specify a value larger than the last date. @(Html.Kendo().Chart(Model) .Name("Chart") .CategoryAxis(axis => axis.Select(DateTime.Today.AddMonths(-1), DateTime.Today)) ) Configures the selection The configuration action. @(Html.Kendo().Chart(Model) .Name("Chart") .CategoryAxis(axis => axis.Select(select => select.Mousewheel(mw => mw.Reverse()) )) ) Defines the items. The items of the notes. @(Html.Kendo().Chart() .Name("Chart") .ValueAxis(a => a.Numeric() .Note(note => note .Data(data => { data.Add().Value(1); data.Add().Value(2); }) ) ) ) Defines the fluent interface for configuring the chart labels. Initializes a new instance of the class. The labels configuration. Culture to use for formatting the dates. Culture to use for formatting the dates. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis .Date() .Categories(sale => sale.Date) .Labels(labels => labels.Culture(new CultureInfo("es-ES"))) ) ) Culture to use for formatting the dates. See Globalization for more information. Culture to use for formatting the dates. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis .Date() .Categories(sale => sale.Date) .Labels(labels => labels .DateFormats(formats => formats .Days("dd") ) ) ) ) Defines the fluent interface for configuring . Initializes a new instance of the class. The date formats. Sets the date format when the base date unit is The date format. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis .Date() .Labels(labels => labels .DateFormats(formats => formats .Seconds("HH:mm:ss") ) ) ) ) Sets the date format when the base date unit is The date format. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis .Date() .Labels(labels => labels .DateFormats(formats => formats .Minutes("ss") ) ) ) ) Sets the date format when the base date unit is The date format. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis .Date() .Labels(labels => labels .DateFormats(formats => formats .Hours("HH:mm") ) ) ) ) Sets the date format when the base date unit is The date format. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis .Date() .Labels(labels => labels .DateFormats(formats => formats .Days("dddd dd") ) ) ) ) Sets the date format when the base date unit is The date format. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis .Date() .Labels(labels => labels .DateFormats(formats => formats .Months("MMMM MM") ) ) ) ) Sets the date format when the base date unit is The date format. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis .Date() .Labels(labels => labels .DateFormats(formats => formats .Weeks("dddd") ) ) ) ) Sets the date format when the base date unit is The date format. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis .Date() .Labels(labels => labels .DateFormats(formats => formats .Years("yyyy") ) ) ) ) Defines the fluent interface for configuring the date axis. Initializes a new instance of the class. The axis. Sets the date axis base unit. The date axis base unit @(Html.Kendo().Chart() .Name("chart") .CategoryAxis(axis => axis .Date().BaseUnit(ChartAxisBaseUnit.Days) ) ) Sets the start date of the axis. The start date of the axis. @(Html.Kendo().Chart(Model) .Name("Chart") .XAxis(a => a.Date().Min(DateTime.Parse("2012/01/01"))) ) Sets the end date of the axis. The end date of the axis. @(Html.Kendo().Chart(Model) .Name("Chart") .XAxis(a => a.Date().Max(DateTime.Parse("2012/01/01"))) ) Sets the interval between major divisions in base units. The interval between major divisions in base units. @(Html.Kendo().Chart(Model) .Name("Chart") .XAxis(a => a.Date().BaseUnit(ChartAxisBaseUnit.Months).MajorUnit(4)) ) Sets the interval between minor divisions in base units. It defaults to 1/5th of the majorUnit The interval between minor divisions in base units. @(Html.Kendo().Chart(Model) .Name("Chart") .XAxis(a => a.Date().BaseUnit(ChartAxisBaseUnit.Days).MajorUnit(4).MinorUnit(2)) ) Sets value at which the first perpendicular axis crosses this axis. The value at which the first perpendicular axis crosses this axis. @(Html.Kendo().Chart(Model) .Name("Chart") .XAxis(axis => axis.Date().AxisCrossingValue(DateTime.Parse("2012/01/01"))) ) Sets value at which perpendicular axes cross this axis. The values at which perpendicular axes cross this axis. @(Html.Kendo().Chart(Model) .Name("Chart") .CategoryAxis(axis => axis.Date().AxisCrossingValue(DateTime.Parse("2012/01/01"), DateTime.Parse("2012/01/10"))) .ValueAxis(axis => axis.Numeric().Title("Axis 1")) .ValueAxis(axis => axis.Numeric("secondary").Title("Axis 2")) ) Sets value at which perpendicular axes cross this axis. The values at which perpendicular axes cross this axis. @(Html.Kendo().Chart(Model) .Name("Chart") .CategoryAxis(axis => axis.Date().AxisCrossingValue(new DateTime[] { DateTime.Parse("2012/01/01"), DateTime.Parse("2012/01/10") })) .ValueAxis(axis => axis.Numeric().Title("Axis 1")) .ValueAxis(axis => axis.Numeric("secondary").Title("Axis 2")) ) Configures the axis labels. The configuration action. @(Html.Kendo().Chart() .Name("Chart") .XAxis(axis => axis .Date() .Labels(labels => labels .Culture(new CultureInfo("es-ES")) .Visible(true) ) ) ) Configures the axis labels. Defines the items. The items of the notes. @(Html.Kendo().Chart() .Name("Chart") .ValueAxis(a => a.Numeric() .Note(note => note .Data(items => { items.Add().Value(1); items.Add().Value(2); }) ) ) ) Defines the fluent interface for configuring donut series. The type of the data item Initializes a new instance of the class. The series. Gets or sets the series. The series. Sets the margin of the donut series. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Donut(s => s.Sales, s => s.DateString).Margin(10)) ) Sets the the size of the donut hole. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Donut(s => s.Sales, s => s.DateString).HoleSize(40)) ) Sets the size of the donut series. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Donut(s => s.Sales, s => s.DateString).Size(20)) ) Defines the fluent interface for configuring bubble series. The type of the data item Initializes a new instance of the class. The series. Configures the bubble chart behavior for negative values. By default negative values are not visible. The configuration action. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Bubble(s => s.x, s => s.y, s => s.size) .NegativeValues(n => n .Visible(true) ) ) ) Sets the bubble border The bubble border width. The bubble border color (CSS syntax). @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Bubble(s => s.x, s => s.y, s => s.size) .Border(1, "Red"); ) ) Not applicable to bubble series Not applicable to bubble series Configures the bubble highlight The configuration action. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Bubble(s => s.x, s => s.y, s => s.size).Highlight(h=>h.Opacity(0.5))) ) The data field containing the bubble size value. The value for SizeField Defines the fluent interface for configuring . Initializes a new instance of the class. The negative value settings. Sets the color for bubbles representing negative values The bubble color (CSS format). @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Bubble(s => s.x, s => s.y, s => s.size) .NegativeValues(n => n .Visible(true) .Color("#ff0000") ) ) ) Sets the visibility for bubbles representing negative values The visibility for bubbles representing negative values. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Bubble(s => s.x, s => s.y, s => s.size) .NegativeValues(n => n .Visible(true) ); ) ) Defines the fluent interface for configuring bar series. The type of the data item Initializes a new instance of the class. The series. Sets the aggregate function for date series. This function is used when a category (an year, month, etc.) contains two or more points. Open aggregate name. High aggregate name. Low aggregate name. Close aggregate name. @(Html.Kendo().Chart(Model) .Name("Chart") .Series(series => series.OHLC(s => s.Sales).Aggregate(ChartSeriesAggregate.Avg)) ) Set distance between category clusters. A value of 1 means that there is a total of 1 point width between categories. The distance is distributed evenly on each side. The default value is 1 @(Html.Kendo().Chart(Model) .Name("Chart") .Series(series => series.OHLC(s => s.Sales).Gap(1.5)) ) Sets a value indicating the distance between points in the same category. Value of 1 means that the distance between points in the same category. The default value is 0.3 @(Html.Kendo().Chart(Model) .Name("Chart") .Series(series => series.Spacing(s => s.Sales).Spacing(1)) ) Sets the points border The points border width. The points border color (CSS syntax). The points border dash type. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.OHLC(s => s.Sales).Border("1", "#000", ChartDashType.Dot)) ) Configures the ohlc chart lines. The lines width. The lines color. The lines dashType. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .OHLC(s => s.Sales) .Line(2, "red", ChartDashType.Dot) ) ) Configures the ohlc line width. The lines width. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Area(s => s.Sales) .Line(2) ) ) Configures the ohlc lines. The lines width. The lines color. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Area(s => s.Sales) .Line(2, "orange") ) ) Configures the ohlc chart lines. The configuration action. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Area(s => s.Sales) .Line(line => line.Opacity(0.2)) ) ) Configures the series highlight The configuration action. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Area(s => s.Sales) .Highlight(highlight => highlight.Line(2, "yellow")) ) ) Sets the open field for the series The open field for the series @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.OHLC(Model.Records).OpenField("Open").HighField("High").LowField("Low").CloseField("Close")) ) Sets the close field for the series The close field for the series @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.OHLC(Model.Records).OpenField("Open").HighField("High").LowField("Low").CloseField("Close")) ) Sets the high field for the series The high field for the series @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.OHLC(Model.Records).OpenField("Open").HighField("High").LowField("Low").CloseField("Close")) ) Sets the low field for the series The low field for the series @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.OHLC(Model.Records).OpenField("Open").HighField("High").LowField("Low").CloseField("Close")) ) Sets the value fields for the series The open field for the series The value fields for the series The low field for the series The close field for the series @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.OHLC(Model.Records).Fields("Open", "High", "Low", "Close")) ) Sets the color field for the series The color field for the series @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.OHLC(Model.Records).OpenField("Open").HighField("High").LowField("Low").CloseField("Close").ColorField("Color")) ) Sets the note text field for the series The note text field for the series @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.OHLC(Model.Records).OpenField("Open").HighField("High").LowField("Low").CloseField("Close").NoteTextField("NoteText")) ) Defines the fluent interface for configuring candlestick series. The type of the data item Initializes a new instance of the class. The series. Gets or sets the series. The series. Sets the bar effects overlay The candlestick effects overlay. The default is ChartBarSeriesOverlay.Glass @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Candlestick(s => s.Sales).Overlay(ChartBarSeriesOverlay.None)) ) Configures the series highlight The configuration action. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Candlestick(s => s.Sales) .Highlight(highlight => highlight.Border(2, 'red')) ) ) Defines the fluent interface for configuring the chart data labels. Initializes a new instance of the class. The data labels configuration. Sets the labels position The labels position. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Line(s => s.Sales) .Labels(labels => labels .Position(ChartPointLabelsPosition.Above) .Visible(true) ) ) ) Defines the fluent interface for configuring the chart data labels. Initializes a new instance of the class. The line chart markers configuration. Defines the fluent interface for configuring the . Initializes a new instance of the class. The plot area. Sets the Plot area background color The background color. @(Html.Kendo().Chart() .Name("Chart") .PlotArea(plotArea => plotArea.Background("Red")) ) Sets the Plot area margin The plot area top margin. The plot area right margin. The plot area bottom margin. The plot area left margin. @(Html.Kendo().Chart() .Name("Chart") .PlotArea(plotArea => plotArea.Margin(0, 5, 5, 0)) ) Sets the Plot area margin The plot area margin. @(Html.Kendo().Chart() .Name("Chart") .PlotArea(plotArea => plotArea.Margin(5)) ) Sets the Plot area border The border width. The border color (CSS syntax). The border dash type. @(Html.Kendo().Chart() .Name("Chart") .PlotArea(plotArea => plotArea.Border(1, "#000", ChartDashType.Dot)) ) Configures the plot area border The border configuration action @(Html.Kendo().Chart() .Name("Chart") .PlotArea(plotArea => plotArea.Border(border => border.Width(2).Color("orange"))) ) Sets the plot area opacity. The plot area opacity in the range from 0 (transparent) to 1 (opaque). The default value is 1. @(Html.Kendo().Chart(Model) .Name("Chart") .PlotArea(p => p.Background("green").Opacity(0.5)) ) Defines the fluent interface for configuring the chart labels. Initializes a new instance of the class. The labels configuration. Sets the labels font The labels font (CSS format). @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Bar(s => s.Sales) .Labels(labels => labels .Font("14px Arial,Helvetica,sans-serif") .Visible(true) ) ) ) Sets the labels visibility The labels visibility. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Bar(s => s.Sales) .Labels(labels => labels .Visible(true) ) ) ) Sets the function used to set the labels visibility. The JavaScript function that will be executed to retrieve the visible state of each label. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Bar(s => s.Sales) .Labels(labels => labels .VisibleHandler("labelVisible") ) ) ) Sets the function used to set the labels visibility. The JavaScript function that will be executed to retrieve the visible state of each label. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Bar(s => s.Sales) .Labels(labels => labels .VisibleHandler( @<text> function(point) { return point.value > 5; } </text> ) ) ) ) Sets the labels background color The labels background color. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Bar(s => s.Sales) .Labels(labels => labels .Background("Red") .Visible(true) ) ) ) Sets the labels text color The labels text color. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Bar(s => s.Sales) .Labels(labels => labels .Color("Red") .Visible(true) ) ) ) Sets a Function that returns the JavaScript handler for the labels color. The labels text color. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Bar(s => s.Sales) .Labels(labels => labels .Color(o => "colorHandler") .Visible(true) ) ) ) Sets the labels margin The labels top margin. The labels right margin. The labels bottom margin. The labels left margin. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Bar(s => s.Sales) .Labels(labels => labels .Margin(0, 5, 5, 0) .Visible(true) ) ) ) Sets the labels margin The labels margin. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Bar(s => s.Sales) .Labels(labels => labels .Margin(20) .Visible(true) ) ) ) Sets the labels padding The labels top padding. The labels right padding. The labels bottom padding. The labels left padding. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Bar(s => s.Sales) .Labels(labels => labels .Padding(0, 5, 5, 0) .Visible(true) ) ) ) Sets the labels padding The labels padding. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Bar(s => s.Sales) .Labels(labels => labels .Padding(20) .Visible(true) ) ) ) Sets the labels border The labels border width. The labels border color (CSS syntax). The labels border dash type. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Bar(s => s.Sales) .Labels(labels => labels .Border(1, "Red", ChartDashType.Dot) .Visible(true) ) ) ) Configures the labels border The border configuration action @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Bar(s => s.Sales) .Labels(labels => labels .Border(border => border.Width(2).Color("green")) .Visible(true) ) ) ) Sets the labels format. The labels format. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Bar(s => s.Sales) .Labels(labels => labels .Format("{0:C}") .Visible(true) ) ) ) Sets the labels template. The labels template. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Bar(s => s.Sales) .Labels(labels => labels .Template("#:Sales#") .Visible(true) ) ) ) Sets the labels opacity. The series opacity in the range from 0 (transparent) to 1 (opaque). The default value is 1. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Bar(s => s.Sales) .Labels(labels => labels .Opacity(0.5) .Visible(true) ) ) ) Sets the labels text rotation The labels text rotation. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Bar(s => s.Sales) .Labels(labels => labels .Rotation(45) .Visible(true) ) ) ) Sets the labels visual handler The JavaScript visual handler name. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Bar(s => s.Sales) .Labels(labels => labels .Visual("labelsVisual") ) ) ) Sets the labels visual handler The handler @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Bar(s => s.Sales) .Labels(labels => labels .Visual( @<text> function(e) { return e.createVisual(); // returns the default visual } </text> ) ) ) ) Defines the fluent interface for configuring the chart data labels. Initializes a new instance of the class. The data labels configuration. Sets the labels position The labels position. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Bar(s => s.Sales) .Labels(labels => labels .Position(ChartBarLabelsPosition.InsideEnd) .Visible(true) ) ) ) Defines the fluent interface for configuring the . Initializes a new instance of the class. The chart area. Sets the chart area background color. The background color. @(Html.Kendo().Chart() .Name("Chart") .ChartArea(chartArea => chartArea.Background("Red")) ) Sets the chart area margin. The chart area top margin. The chart area right margin. The chart area bottom margin. The chart area left margin. @(Html.Kendo().Chart() .Name("Chart") .ChartArea(chartArea => chartArea.Margin(0, 5, 5, 0)) ) Sets the chart area margin. The chart area margin. @(Html.Kendo().Chart() .Name("Chart") .ChartArea(chartArea => chartArea.Margin(5)) ) Sets the chart area border. The border width. The border color (CSS syntax). The border dash type. @(Html.Kendo().Chart() .Name("Chart") .ChartArea(chartArea => chartArea.Border(1, "#000", ChartDashType.Dot)) ) Configures the plot area border @(Html.Kendo().Chart() .Name("Chart") .ChartArea(chartArea => chartArea.Border(border=>border.Width(2))) ) Sets the height of the chart area. The chart area height. @(Html.Kendo().Chart() .Name("Chart") .ChartArea(chartArea => chartArea.Height(200)) ) Sets the width of the chart area. The chart area width. @(Html.Kendo().Chart() .Name("Chart") .ChartArea(chartArea => chartArea.Width(600)) ) Defines the fluent interface for configuring . Initializes a new instance of the class. The chart line. Sets the line visibility The line visibility. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis.MajorGridLines(lines => lines.Visible(true))) ) Defines the fluent API for configuring the chart series defaults. Initializes a new instance of the class. The Chart component. Defines the default settings for bar series. @(Html.Kendo().Chart() .Name("chart") .SeriesDefaults(defaults => defaults.Bar().Stack(true)) ) Defines the default settings for column series. @(Html.Kendo().Chart() .Name("chart") .SeriesDefaults(defaults => defaults.Column().Opacity(0.8)) ) Defines the default settings range bar series @(Html.Kendo().Chart() .Name("chart") .SeriesDefaults(defaults => defaults.RangeBar().Color("orange")) ) Defines the default settings range column series @(Html.Kendo().Chart() .Name("chart") .SeriesDefaults(defaults => defaults.RangeColumn().Opacity(0.8)) ) Defines the default settings for line series. @(Html.Kendo().Chart() .Name("chart") .SeriesDefaults(defaults => defaults.Line().Stack(true)) ) Defines the default settings for vertical line series. @(Html.Kendo().Chart() .Name("chart") .SeriesDefaults(defaults => defaults.VerticalLine().Color("green")) ) Defines the default settings for area series. @(Html.Kendo().Chart() .Name("chart") .SeriesDefaults(defaults => defaults.Area().Stack(true)) ) Defines the default settings for vertical area series. @(Html.Kendo().Chart() .Name("chart") .SeriesDefaults(defaults => defaults.VerticalArea().Stack(true)) ) Defines the default settings for pie series. @(Html.Kendo().Chart() .Name("chart") .SeriesDefaults(defaults => defaults.Pie().Overlay(ChartPieSeriesOverlay.None)) ) Defines the default settings for donut series. @(Html.Kendo().Chart() .Name("chart") .SeriesDefaults(defaults => defaults.Donut().Overlay(ChartPieSeriesOverlay.None)) ) Defines the default settings for funnel series. @(Html.Kendo().Chart() .Name("chart") .SeriesDefaults(defaults => defaults.Funnel().DynamicSlope(false)) ) Defines the default settings for scatter series. @(Html.Kendo().Chart() .Name("chart") .SeriesDefaults(defaults => defaults.Scatter().Highlight(highlight => highlight.Visible(false))) ) Defines the default settings for scatter line series. @(Html.Kendo().Chart() .Name("chart") .SeriesDefaults(defaults => defaults.ScatterLine().Highlight(highlight => highlight.Visible(false))) ) Defines the default settings for ohlc series. @(Html.Kendo().Chart() .Name("chart") .SeriesDefaults(defaults => defaults.OHLC().Color("orange")) ) Defines the default settings for bullet series. @(Html.Kendo().Chart() .Name("chart") .SeriesDefaults(defaults => defaults.Bullet().Target(target => target.Color("blue"))) ) Defines the default settings for vertical bullet series. @(Html.Kendo().Chart() .Name("chart") .SeriesDefaults(defaults => defaults.VerticalBullet().Target(target => target.Color("blue"))) ) Defines the default settings for radar area series. @(Html.Kendo().Chart() .Name("chart") .SeriesDefaults(defaults => defaults.RadarArea().Stack(true)) ) Defines the default settings for radar column series. @(Html.Kendo().Chart() .Name("chart") .SeriesDefaults(defaults => defaults.RadarColumn().Stack(true)) ) Defines the default settings for radar line series. @(Html.Kendo().Chart() .Name("chart") .SeriesDefaults(defaults => defaults.RadarLine().Stack(true)) ) Defines the default settings for polar line series. @(Html.Kendo().Chart() .Name("chart") .SeriesDefaults(defaults => defaults.PolarLine().Color("lightblue")) ) Defines the default settings for polar area series. @(Html.Kendo().Chart() .Name("chart") .SeriesDefaults(defaults => defaults.PolarArea().Line(line => line.Style(ChartPolarAreaStyle.Smooth))) ) Defines the default settings for polar scatter series. @(Html.Kendo().Chart() .Name("chart") .SeriesDefaults(defaults => defaults.PolarScatter().Highlight(highlight => highlight.Visible(false))) ) Defines the default settings for polar heat map series. Creates value axis for the . The type of the data item to which the chart is bound to Initializes a new instance of the class. The container. The chart axes. The parent Chart Gets the value axes. Defines a numeric value axis. Defines a numeric value axis. Defines a logarithmic value axis. Defines a logarithmic value axis. Defines a date value axis. Defines a date value axis. Defines a polar value axis. Defines a polar value axis. The category names. Applicable for charts with X and Y category axes (heatmap). Defines the fluent interface for configuring axes. The type of the series builder. Initializes a new instance of the class. The axis. Gets or sets the axis. The axis. Configures the major ticks. The configuration action. @(Html.Kendo().Chart(Model) .Name("Chart") .ValueAxis(axis => axis .MajorTicks(ticks => ticks .Visible(false) ) ) ) Configures the major ticks. The configuration action. @(Html.Kendo().Chart(Model) .Name("Chart") .ValueAxis(axis => axis .Crosshair(crosshair => crosshair .Visible(false) ) ) ) Sets the axis name. The axis name. @(Html.Kendo().Chart(Model) .Name("Chart") .ValueAxis(axis => axis .Name("axisName") ) ) Configures the minor ticks. The configuration action. @(Html.Kendo().Chart(Model) .Name("Chart") .ValueAxis(axis => axis .MinorTicks(ticks => ticks .Visible(false) ) ) ) Configures the major grid lines. The configuration action. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis .Categories(s => s.DateString) .MajorGridLines(lines => lines.Visible(true)) ) ) Sets color and width of the major grid lines and enables them. The major gridlines width The major gridlines color (CSS syntax) The major gridlines line dashType. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis .Categories(s => s.DateString) .MajorGridLines(2, "red", ChartDashType.Dot) ) ) Configures the minor grid lines. The configuration action. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis .Categories(s => s.DateString) .MinorGridLines(lines => lines.Visible(true)) ) ) Sets color and width of the minor grid lines and enables them. The minor gridlines width The minor gridlines color (CSS syntax) The minor grid lines dash type @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis .Categories(s => s.DateString) .MinorGridLines(2, "red", ChartDashType.Dot) ) ) Configures the axis line. The configuration action. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis .Categories(s => s.DateString) .Line(line => line.Color("#f00")) ) ) Sets color and width of the lines and enables them. The axis line width The axis line color (CSS syntax) The axis line dashType. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis .Categories(s => s.DateString) .Line(2, "#f00", ChartDashType.Dot) ) ) Configures the axis labels. The configuration action. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis .Labels(labels => labels .Color("Red") .Visible(true) ) ) ) Sets the visibility of numeric axis chart labels. The visibility. The default value is false. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis.Labels(true)) ) Defines the plot bands items. The add action. @(Html.Kendo().Chart() .Name("Chart") .ValueAxis(axis => axis .Numeric() .Min(0).Max(10) .PlotBands(bands => { bands.Add().From(0).To(4).Color("lightgreen"); bands.Add().From(4).To(10).Color("lightblue"); }) ) ) Configures the chart axis title. The configuration action. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis .Categories(s => s.DateString) .Title(title => title.Text("Axis")) ) ) Sets the axis title. The axis title. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis .Categories(s => s.DateString) .Title("Axis") ) ) Renders the axis in the pane with the specified name. The pane name. @(Html.Kendo().Chart() .Name("Chart") .Panes(panes => { panes.Add().Title("Value"); panes.Add("volumePane").Title("Volume"); }) .CategoryAxis(axis => axis .Categories(s => s.DateString) .Pane("volumePane") ) ) Sets the color for all axis elements. Can be overriden by individual settings. The axis color. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis .Categories(s => s.DateString) .Color("#ff0000") ) ) Sets the axis reverse option. A value indicating if the axis labels should be rendered in reverse. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis .Categories(s => s.DateString) .Reverse(true) ) ) Reverse the axis. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis .Categories(s => s.DateString) .Reverse() ) ) Sets the axis visibility The axis visibility. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis .Visible(false) ) ) The angle (degrees) where the 0 value is placed. It defaults to 0. Angles increase counterclockwise and 0 is to the right. Negative values are acceptable. A value indicating if the automatic axis range should snap to 0. The narrowRange value. @(Html.Kendo().Chart() .Name("Chart") .ValueAxis(axis => axis .Numeric() .NarrowRange(false) ) ) Sets the axis background color The axis background. @(Html.Kendo().Chart() .Name("Chart") .ValueAxis(axis => axis .Numeric() .Background("lightblue") ) ) Configures the axis range labels. The configuration action. @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis .RangeLabels(labels => labels .Color("Red") .Visible(true) ) ) ) Defines the fluent interface for configuring numeric axis. Initializes a new instance of the class. The axis. Sets the axis minimum value. The axis minimum value. @(Html.Kendo().Chart(Model) .Name("Chart") .ValueAxis(a => a.Numeric().Min(4)) ) Sets the axis maximum value. The axis maximum value. @(Html.Kendo().Chart(Model) .Name("Chart") .ValueAxis(a => a.Numeric().Max(4)) ) Sets the interval between major divisions. The interval between major divisions. @(Html.Kendo().Chart(Model) .Name("Chart") .ValueAxis(a => a.Numeric().MajorUnit(4)) ) Sets the interval between minor divisions. It defaults to MajorUnit / 5. The interval between minor divisions. @(Html.Kendo().Chart(Model) .Name("Chart") .ValueAxis(a => a.Numeric() .MajorUnit(4) .MinorUnit(2) .MinorTicks(mt => mt.Visible(true)) ) ) Sets value at which the first perpendicular axis crosses this axis. The value at which the first perpendicular axis crosses this axis. @(Html.Kendo().Chart(Model) .Name("Chart") .ValueAxis(axis => axis.AxisCrossingValue(4)) ) Sets value at which perpendicular axes cross this axis. The values at which perpendicular axes cross this axis. @(Html.Kendo().Chart(Model) .Name("Chart") .XAxis(axis => axis.Numeric().AxisCrossingValue(0, 10)) .YAxis(axis => axis.Numeric().Title("Axis 1")) .YAxis(axis => axis.Numeric("secondary").Title("Axis 2")) ) Sets value at which perpendicular axes cross this axis. The values at which perpendicular axes cross this axis. @(Html.Kendo().Chart(Model) .Name("Chart") .XAxis(axis => axis.Numeric().AxisCrossingValue(new double[] { 0, 10 })) .YAxis(axis => axis.Numeric().Title("Axis 1")) .YAxis(axis => axis.Numeric("secondary").Title("Axis 2")) ) Defines the items. The items of the notes. @(Html.Kendo().Chart(Model) .Name("Chart") .ValueAxis(a => a.Numeric() .Note(note => note .Data(data => { data.Add().Value(1); data.Add().Value(2); }) ) ) ) Defines the fluent interface for configuring the . Initializes a new instance of the class. The chart title. Sets the title text The text title. @(Html.Kendo().Chart() .Name("Chart") .Title(title => title.Text("Chart")) ) Sets the title font The title font (CSS format). @(Html.Kendo().Chart() .Name("Chart") .Title(title => title.Font("16px Arial,Helvetica,sans-serif")) ) Sets the title color The title color (CSS format). @(Html.Kendo().Chart() .Name("Chart") .Title(title => title.Color("#ff0000").Text("Title")) ) Sets the title background color The background color. @(Html.Kendo().Chart() .Name("Chart") .Title(title => title.Background("red")) ) Sets the title position The title position. @(Html.Kendo().Chart() .Name("Chart") .Title(title => title.Position(ChartTitlePosition.Bottom)) ) Sets the title alignment The title alignment. @(Html.Kendo().Chart() .Name("Chart") .Title(title => title.Align(ChartTextAlignment.Left)) ) Sets the title visibility The title visibility. @(Html.Kendo().Chart() .Name("Chart") .Title(title => title.Visible(false)) ) Sets the title margin The title top margin. The title right margin. The title bottom margin. The title left margin. @(Html.Kendo().Chart() .Name("Chart") .Title(title => title.Margin(20)) ) Sets the title margin The title margin. @(Html.Kendo().Chart() .Name("Chart") .Title(title => title.Margin(20)) ) Sets the title padding The title top padding. The title right padding. The title bottom padding. The title left padding. @(Html.Kendo().Chart() .Name("Chart") .Title(title => title.Padding(20)) ) Sets the title padding The title padding. @(Html.Kendo().Chart() .Name("Chart") .Title(title => title.Padding(20)) ) Sets the title border The title border width. The title border color. The title dash type. @(Html.Kendo().Chart() .Name("Chart") .Title(title => title.Border(1, "#000", ChartDashType.Dot)) ) Configures the plot area border The border configuration action @(Html.Kendo().Chart() .Name("Chart") .Title(title => title.Border(border => border.Width(2).Color("gray"))) ) Defines the fluent interface for configuring the . Initializes a new instance of the class. The chart legend. Sets the legend labels font The legend labels font (CSS format). @(Html.Kendo().Chart() .Name("Chart") .Legend(legend => legend.Font("16px Arial,Helvetica,sans-serif")) ) Sets the legend labels color The labels color (CSS format). @(Html.Kendo().Chart() .Name("Chart") .Legend(legend => legend.Color("red")) ) Sets the legend background color The background color. @(Html.Kendo().Chart() .Name("Chart") .Legend(legend => legend.Background("red")) ) Sets the legend position The legend position. @(Html.Kendo().Chart() .Name("Chart") .Legend(legend => legend.Position(ChartLegendPosition.Bottom)) ) Sets the legend visibility The legend visibility. @(Html.Kendo().Chart() .Name("Chart") .Legend(legend => legend.Visible(false)) ) Sets the legend X and Y offset from its position The legend X offset from its position. The legend Y offset from its position. @(Html.Kendo().Chart() .Name("Chart") .Legend(legend => legend.Offset(10, 50)) ) Sets the legend margin The legend top margin. The legend right margin. The legend bottom margin. The legend top margin. @(Html.Kendo().Chart() .Name("Chart") .Legend(legend => legend.Margin(0, 5, 5, 0)) ) Sets the legend margin The legend margin. @(Html.Kendo().Chart() .Name("Chart") .Legend(legend => legend.Margin(20)) ) Sets the legend padding The legend top padding. The legend right padding. The legend bottom padding. The legend left padding. @(Html.Kendo().Chart() .Name("Chart") .Legend(legend => legend.Padding(0, 5, 5, 0)) ) Sets the legend padding The legend padding. @(Html.Kendo().Chart() .Name("Chart") .Legend(legend => legend.Padding(20)) ) Sets the legend border The legend border width. The legend border color (CSS syntax). The legend border dash type. @(Html.Kendo().Chart() .Name("Chart") .Legend(legend => legend.Border(1, "#000", ChartDashType.Dot)) ) Configures the legend border The border configuration action @(Html.Kendo().Chart() .Name("Chart") .Legend(legend => legend.Border(border => border.Width(2).Color("black"))) ) Configures the legend labels The labels configuration action @(Html.Kendo().Chart() .Name("Chart") .Legend(legend => legend.Labels(labels => labels.Font("14px Arial,Helvetica,sans-serif"))) ) Sets the legend orientation The legend orientation. @(Html.Kendo().Chart() .Name("Chart") .Legend(legend => legend.Orientation(ChartLegendOrientation.Vertical)) ) Sets the legend width The legend width. @(Html.Kendo().Chart() .Name("Chart") .Legend(legend => legend.Width(100)) ) Sets the legend height The legend height. @(Html.Kendo().Chart() .Name("Chart") .Legend(legend => legend.Height(100)) ) Reverses the order of the legend items True if the items should be reversed; false otherwise. @(Html.Kendo().Chart() .Name("Chart") .Legend(legend => legend.Reverse(true)) ) Configures the legend item The legend item configuration action @(Html.Kendo().Chart() .Name("Chart") .Legend(legend => legend.Item(item => item.Cursor("pointer"))) ) Sets the legend align option The legend align option. @(Html.Kendo().Chart() .Name("Chart") .Legend(legend => legend.Align(ChartLegendAlign.Start)) ) The spacing between the labels in pixels when the legend.orientation is "horizontal". The value for Spacing @(Html.Kendo().Chart() .Name("Chart") .Legend(legend => legend.Spacing(30)) ) The legend title configuration options. The configurator for the title setting. Defines the fluent interface for configuring the . Initializes a new instance of the class. The client events. Defines the inline handler of the DataBound client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Chart() .Name("Chart") .Events(events => events.DataBound( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the DataBound client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Chart() .Name("Chart") .Events(events => events.DataBound("onDataBound")) ) Defines the inline handler of the SeriesClick client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Chart() .Name("Chart") .Events(events => events.SeriesClick( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the SeriesClick client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Chart() .Name("Chart") .Events(events => events.SeriesClick("onSeriesClick")) ) Defines the inline handler of the SeriesHover client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Chart() .Name("Chart") .Events(events => events.SeriesHover( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the SeriesHover client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Chart() .Name("Chart") .Events(events => events.SeriesHover("onSeriesHover")) ) Fired when the cursor is over the chart series. The name of the JavaScript function that will handle the seriesOver event. @(Html.Kendo().Chart() .Name("Chart") .Events(events => events.SeriesOver("onSeriesOver")) ) Fired when the cursor is over the chart series. The handler code wrapped in a text tag. @(Html.Kendo().Chart() .Name("Chart") .Events(events => events.SeriesOver( @<text> function(e) { //event handling code } </text> )) ) Fired when the cursor leaves a chart series. The name of the JavaScript function that will handle the seriesLeave event. @(Html.Kendo().Chart() .Name("Chart") .Events(events => events.SeriesLeave("onSeriesLeave")) ) Fired when the cursor leaves a chart series. The handler code wrapped in a text tag. @(Html.Kendo().Chart() .Name("Chart") .Events(events => events.SeriesLeave( @<text> function(e) { //event handling code } </text> )) ) Defines the inline handler of the AxisLabelClick client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Chart() .Name("Chart") .Events(events => events.AxisLabelClick( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the AxisLabelClick client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Chart() .Name("Chart") .Events(events => events.AxisLabelClick("onAxisLabelClick")) ) Defines the inline handler of the LegendItemClick client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Chart() .Name("Chart") .Events(events => events.LegendItemClick( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the LegendItemClick client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Chart() .Name("Chart") .Events(events => events.LegendItemClick("onLegendItemClick")) ) Defines the inline handler of the LegendItemHover client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Chart() .Name("Chart") .Events(events => events.LegendItemHover( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the LegendItemHover client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Chart() .Name("Chart") .Events(events => events.LegendItemHover("onLegendItemHover")) ) Fires when the cursor leaves a legend item. The name of the JavaScript function that will handle the legendItemLeave event. @(Html.Kendo().Chart() .Name("Chart") .Events(events => events.LegendItemLeave("onLegendItemLeave")) ) Fires when the cursor leaves a legend item. The handler code wrapped in a text tag. @(Html.Kendo().Chart() .Name("Chart") .Events(events => events.LegendItemLeave( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the DragStart client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Chart() .Name("Chart") .Events(events => events.DragStart("onDragStart")) ) Defines the inline handler of the DragStart client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Chart() .Name("Chart") .Events(events => events.DragStart( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Drag client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Chart() .Name("Chart") .Events(events => events.Drag("onDrag")) ) Defines the inline handler of the Drag client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Chart() .Name("Chart") .Events(events => events.Drag( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the DragEnd client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Chart() .Name("Chart") .Events(events => events.DragEnd("onDragEnd")) ) Defines the inline handler of the DragEnd client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Chart() .Name("Chart") .Events(events => events.DragEnd( @<text> function(e) { //event handling code } </text> )) ) Defines the inline handler of the PlotAreaClick client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Chart() .Name("Chart") .Events(events => events.PlotAreaClick( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the PlotAreaClick client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Chart() .Name("Chart") .Events(events => events.PlotAreaClick("onPlotAreaClick")) ) Defines the inline handler of the PlotAreaHover client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Chart() .Name("Chart") .Events(events => events.PlotAreaHover( @<text> function(e) { //event handling code } </text> )) .Render(); ) Defines the name of the JavaScript function that will handle the the PlotAreaHover client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Chart() .Name("Chart") .Events(events => events.PlotAreaHover("onPlotAreaHover")) ) Fired when the cursor leaves the plotArea. The name of the JavaScript function that will handle the plotAreaLeave event. @(Html.Kendo().Chart() .Name("Chart") .Events(events => events.PlotAreaLeave("onPlotAreaLeave")) ) Fired when the cursor leaves the plotArea. The handler code wrapped in a text tag. @(Html.Kendo().Chart() .Name("Chart") .Events(events => events.PlotAreaLeave( @<text> function(e) { //event handling code } </text> )) ) Defines the inline handler of the Render client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Chart() .Name("Chart") .Events(events => events.Render( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Render client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Chart() .Name("Chart") .Events(events => events.Render("onRender")) ) Defines the name of the JavaScript function that will handle the the ZoomStart client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Chart() .Name("Chart") .Events(events => events.ZoomStart("onZoomStart")) ) Defines the inline handler of the ZoomStart client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Chart() .Name("Chart") .Events(events => events.ZoomStart( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Zoom client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Chart() .Name("Chart") .Events(events => events.Zoom("onZoom")) ) Defines the inline handler of the Zoom client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Chart() .Name("Chart") .Events(events => events.Zoom( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the ZoomEnd client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Chart() .Name("Chart") .Events(events => events.ZoomEnd("onZoomEnd")) ) Defines the inline handler of the ZoomEnd client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Chart() .Name("Chart") .Events(events => events.ZoomEnd( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the SelectStart client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Chart() .Name("Chart") .Events(events => events.SelectStart("onSelectStart")) ) Defines the inline handler of the SelectStart client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Chart() .Name("Chart") .Events(events => events.SelectStart( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Select client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Chart() .Name("Chart") .Events(events => events.Select("onSelect")) ) Defines the inline handler of the Select client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Chart() .Name("Chart") .Events(events => events.Select( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the SelectEnd client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Chart() .Name("Chart") .Events(events => events.SelectEnd("onSelectEnd")) ) Defines the inline handler of the SelectEnd client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Chart() .Name("Chart") .Events(events => events.SelectEnd( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the NoteClick client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Chart() .Name("Chart") .Events(events => events.NoteClick("onNoteClick")) ) Defines the inline handler of the NoteClick client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Chart() .Name("Chart") .Events(events => events.NoteClick( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the NoteHover client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Chart() .Name("Chart") .Events(events => events.NoteHover("onNoteHover")) ) Defines the inline handler of the NoteHover client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Chart() .Name("Chart") .Events(events => events.NoteHover( @<text> function(e) { //event handling code } </text> )) .Render(); ) Fired when the cursor leaves a note.The event handler function context (available via the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the noteLeave event. @(Html.Kendo().Chart() .Name("Chart") .Events(events => events.NoteLeave("onNoteHover")) ) Fired when the cursor leaves a note.The event handler function context (available via the this keyword) will be set to the widget instance. The handler code wrapped in a text tag. @(Html.Kendo().Chart() .Name("Chart") .Events(events => events.NoteLeave( @<text> function(e) { //event handling code } </text> )) ) Fires when a pane is rendered because the chart is rendered, or the chart performs panning or zooming, or because the chart is exported with different options. The event can be used to render custom visuals in the panes. The name of the JavaScript function that will handle the paneRender event. @(Html.Kendo().Chart() .Name("Chart") .Events(events => events.PaneRender("onPaneRender")) ) Fires when a pane is rendered because the chart is rendered, or the chart performs panning or zooming, or because the chart is exported with different options. The event can be used to render custom visuals in the panes. The handler code wrapped in a text tag. @(Html.Kendo().Chart() .Name("Chart") .Events(events => events.PaneRender( @<text> function(e) { //event handling code } </text> )) ) Defines the fluent interface for configuring the component. Initializes a new instance of the class. The component. Configures the client-side events. The client events configuration action. @(Html.Kendo().Chart() .Name("Chart") .Events(events => events .DataBound("onDataBound") ) ) Sets the preferred rendering engine. If it is not supported by the browser, the Chart will switch to the first available mode. The preferred rendering engine. @(Html.Kendo().Chart() .Name("chart") .RenderAs(RenderingMode.Canvas) ) Sets the theme of the chart. The Chart theme. @(Html.Kendo().Chart() .Name("Chart") .Theme("material") ) Sets the Chart area. The Chart area. @(Html.Kendo().Chart() .Name("Chart") .ChartArea(chartArea => chartArea.Margin(20)) ) Sets the Plot area. The Plot area. @(Html.Kendo().Chart() .Name("Chart") .PlotArea(plotArea => plotArea.Мargin(20)) ) Sets the title of the chart. The Chart title. @(Html.Kendo().Chart() .Name("Chart") .Title("Yearly sales") ) Defines the title of the chart. The configuration action. @(Html.Kendo().Chart() .Name("Chart") .Title(title => title.Text("Yearly sales")) ) Sets the subtitle of the chart. The Chart subtitle. @(Html.Kendo().Chart() .Name("Chart") .Title("Yearly sales") .Subtitle("/ thousands /") ) Defines the subtitle of the chart. The configuration action. @(Html.Kendo().Chart() .Name("Chart") .Title(title => title.Text("Yearly sales")) .Subtitle(subtitle => subtitle.Text("/ thousands /")) ) Sets the legend visibility. A value indicating whether to show the legend. @(Html.Kendo().Chart() .Name("Chart") .Legend(false) ) Configures the legend. The configuration action. @(Html.Kendo().Chart() .Name("Chart") .Legend(legend => legend.Visible(true).Position(ChartLegendPosition.Bottom)) ) Defines the chart series. The add action. @(Html.Kendo().Chart(Model) .Name("Chart") .Series(series => { series.Bar(s => s.SalesAmount); }) ) Defines the options for all chart series of the specified type. The configurator. @(Html.Kendo().Chart(Model) .Name("Chart") .SeriesDefaults(series => series.Bar().Stack(true)) ) Defines the chart panes. The add action. @(Html.Kendo().Chart(Model) .Name("Chart") .Panes(panes => { panes.Add("volume"); }) ) Configures the PDF export settings. @(Html.Kendo().Chart() .Name("chart") .Pdf(pdf => pdf.PaperSize("A4").Scale(0.8)) ) Defines the options for all chart axes of the specified type. The configurator. @(Html.Kendo().Chart(Model) .Name("Chart") .AxisDefaults(axisDefaults => axisDefaults.MinorTickSize(5)) ) Configures the category axis The configurator @(Html.Kendo().Chart(Model) .Name("Chart") .CategoryAxis(axis => axis .Categories(s => s.DateString) ) ) Defines value axis options The configurator @(Html.Kendo().Chart(Model) .Name("Chart") .ValueAxis(a => a.Numeric().TickSize(4)) ) Defines X-axis options for scatter charts The configurator @(Html.Kendo().Chart(Model) .Name("Chart") .XAxis(a => a.Numeric().Max(4)) ) Configures Y-axis options for scatter charts. The configurator @(Html.Kendo().Chart(Model) .Name("Chart") .YAxis(a => a.Numeric().Max(4)) ) Data Source configuration Use the configurator to set different data binding options. @(Html.Kendo().Chart(Model) .Name("Chart") .DataSource(ds => { ds.Ajax().Read(r => r.Action("SalesData", "Chart")); }) ) Specifies the id of an external DataSource to be used by the Chart. The id (Name) of the DataSource widget. @(Html.Kendo().DataSource<ProductViewModel>() .Name("dataSourceProducts") ) @(Html.Kendo().Chart() .Name("chart") .DataSource("dataSourceProducts") ) Enables or disables automatic binding. Gets or sets a value indicating if the chart should be data bound during initialization. The default value is true. @(Html.Kendo().Chart<SalesInfo>() .Name("Chart") .DataSource(ds => { ds.Ajax().Read(r => r.Action("SalesData", "Chart")); }) .AutoBind(false) ) Sets the series colors. A list of the series colors. @(Html.Kendo().Chart() .Name("Chart") .SeriesColors(new string[] { "#f00", "#0f0", "#00f" }) ) Sets the series colors. The series colors. @(Html.Kendo().Chart() .Name("Chart") .SeriesColors("#f00", "#0f0", "#00f") ) Use it to configure the data point tooltip. Use the configurator to set data tooltip options. @(Html.Kendo().Chart() .Name("Chart") .Tooltip(tooltip => { tooltip.Visible(true).Format("{0:C}"); }) ) Sets the data point tooltip visibility. A value indicating if the data point tooltip should be displayed. The tooltip is not visible by default. @(Html.Kendo().Chart() .Name("Chart") .Tooltip(true) ) Enables or disabled animated transitions on initial load and refresh. A value indicating if transition animations should be played. @(Html.Kendo().Chart() .Name("Chart") .Transitions(false) ) Enables or disabled panning. @(Html.Kendo().Chart() .Name("Chart") .Pannable(true) ) Configure the chart pannable options. @(Html.Kendo().Chart() .Name("Chart") .Pannable(pan => pan.Lock(ChartAxisLock.Y)) ) Enables or disabled zooming. @(Html.Kendo().Chart() .Name("Chart") .Zoomable(true) ) Configure the chart zoomable options. @(Html.Kendo().Chart() .Name("Chart") .Zoomable(zoom => zoom.Mousewheel(mouse => mouse.Lock(ChartAxisLock.Y))) ) Specifies if the series visible option should be persisted when changing the dataSource data. A value indicating if the visible option should be persisted. @(Html.Kendo().Chart() .Name("Chart") .PersistSeriesVisibility(true) ) The default options for all panes. The configurator for the panedefaults setting. Defines the fluent interface for configuring series. The type of the series builder. Initializes a new instance of the class. The series. Gets or sets the series. The series. Sets the series title displayed in the legend. The title. @(Html.Kendo().Chart(Model) .Name("Chart") .Series(series => series.Bar(s => s.Sales).Name("Sales")) ) Sets the name template for auto-generated series when binding to grouped data. The name template for auto-generated series when binding to grouped data. @(Html.Kendo().Chart() .Name("Chart") .DataSource(dataSource => dataSource .Read(read => read.Action("_StockData", "Scatter_Charts")) .Group(group => group.Add(model => model.Symbol)) ) .Series(series => series.Bar(s => s.Sales) .Name("Sales") .GroupNameTemplate("#= series.name # for #= group.field # #= group.value #") ) ) Sets the series opacity. The series opacity in the range from 0 (transparent) to 1 (opaque). The default value is 1. @(Html.Kendo().Chart(Model) .Name("Chart") .Series(series => series.Bar(s => s.Sales).Opacity(0.5)) ) Sets the bar fill color The bar fill color (CSS syntax). @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Bar(s => s.Sales).Color("Red")) ) Sets the function used to retrieve point color. The JavaScript function that will be executed to retrieve the color of each point. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Bar(s => s.Sales) .Color( @<text> function(point) { return point.value > 5 ? "red" : "green"; } </text> ) ) ) Sets the function used to retrieve point color. The JavaScript function that will be executed to retrieve the color of each point. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Bar(s => s.Sales) .ColorHandler( @<text> function(point) { return point.value > 5 ? "red" : "green"; } </text> ) ) ) Sets the function used to retrieve point color. The JavaScript function that will be executed to retrieve the color of each point. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Bar(s => s.Sales) .ColorHandler("pointColor") ) ) Configure the data point tooltip for the series. Use the configurator to set data tooltip options. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Bar(s => s.Sales) .Tooltip(tooltip => { tooltip.Visible(true).Format("{0:C}"); }) ) ) Sets the data point tooltip visibility. A value indicating if the data point tooltip should be displayed. The tooltip is not visible by default. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Bar(s => s.Sales).Tooltip(true)) ) Sets the axis name to use for this series. The axis name for this series. @(Html.Kendo().Chart(Model) .Name("Chart") .Series(series => series.Bar(s => s.Sales).Name("Sales").Axis("secondary")) .ValueAxis(axis => axis.Numeric()) .ValueAxis(axis => axis.Numeric("secondary")) .CategoryAxis(axis => axis.AxisCrossingValue(0, 10)) ) Sets the axis name to use for this series. The category axis name for this series. @(Html.Kendo().Chart(Model) .Name("Chart") .Series(series => series.Bar(s => s.Sales).Name("Sales").CategoryAxis("catAxis")) .CategoryAxis(axis => axis.Name("catAxis")) ) Configures the series highlight The configuration action. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Pie(s => s.Sales, s => s.DateString) .Highlight(highlight => highlight.Color("yellow")) ) ) Configures the highlight visibility The highlight visibility. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Pie(s => s.Sales, s => s.DateString) .Highlight(false) ) ) Sets the labels visibility The labels visibility. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Bar(s => s.Sales).Visible(false)) ) Sets the labels visibility in the legend The series visibility in the legend. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series.Bar(s => s.Sales).VisibleInLegend(false)) ) Configures the series notes The configuration action. @(Html.Kendo().Chart(Model) .Name("Chart") .Series(series => series .Bar(s => s.Sales).Notes(notes => notes.Position(ChartNotePosition.Right)) ) ) Sets the function used to retrieve point color. The JavaScript function that will be executed to retrieve the value of each aggregated point. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Bar(s => s.Sales) .Aggregate( @<text> function(values) { return values[0]; } </text> ) ) ) Sets the function used to retrieve point color. The JavaScript function that will be executed to retrieve the value of each aggregated point. @(Html.Kendo().Chart() .Name("Chart") .Series(series => series .Bar(s => s.Sales) .Aggregate("myAggregate") ) ) <script> function myAggregate(values) { return values[0]; } </script> Sets the series stacking order relative to other series. The stacking order of series, relative to other series. The series with the highest Z-index will be placed on top. Series with no Z-index will use the default stacking order based on series type. For example line series will be on top with bar and area following below. @(Html.Kendo().Chart(Model) .Name("Chart") .Series(series => { series.Area(s => s.Sales).ZIndex(2); series.Column(s => s.Price).ZIndex(1); }) ) The configuration of the Box Plot median value indicator (line). The configurator for the median setting. The configuration of the Box Plot mean value indicator (line). The configurator for the mean setting. Creates series for the . The type of the data item to which the chart is bound to Initializes a new instance of the class. The container. The parent Chart Defines bound bar series. The expression used to extract the point value from the chart model The expression used to extract the point color from the chart model The expression used to extract the point category from the chart model The expression used to extract the point note text from the chart model Defines bound bar series. The expression used to extract the point value from the chart model The expression used to extract the point color from the chart model The expression used to extract the point note text from the chart model Defines bound bar series. The name of the value member. The name of the color member. The name of the category member. The name of the note text member. Defines bound bar series. The type of the value member. The name of the value member. The name of the color member. The name of the category member. The name of the note text member. Defines bar series bound to inline data. The data to bind to. Defines bound Range Bar series. The expression used to extract the point "from" value from the Chart model. The expression used to extract the point "to" value from the Chart model. The expression used to extract the point category value from the Chart model. Defines bound Range Bar series. The expression used to extract the point "from" value from the Chart model. The expression used to extract the point "to" value from the Chart model. Defines Range Bar series bound to inline data. The data to bind to. Defines bound Range Column series. The expression used to extract the point "from" value from the Chart model. The expression used to extract the point "to" value from the Chart model. The expression used to extract the point category value from the Chart model. Defines bound Range Column series. The expression used to extract the point "from" value from the Chart model. The expression used to extract the point "to" value from the Chart model. Defines Range Column series bound to inline data. The data to bind to. Defines bound column series. The expression used to extract the point value from the chart model The expression used to extract the point color from the chart model The expression used to extract the point category from the chart model The expression used to extract the point note text from the chart model Defines bound column series. The expression used to extract the point value from the chart model The expression used to extract the point color from the chart model The expression used to extract the point note text from the chart model Defines bound column series. The name of the value member. The name of the color member. The name of the category member. The name of the note text member. Defines bound column series. The type of the value member. The name of the value member. The name of the color member. The name of the category member. The name of the note text member. Defines column series bound to inline data. The data to bind to Defines bound line series. The expression used to extract the value from the chart model. The expression used to extract the category from the chart model. The expression used to extract the note text from the chart model. Defines bound line series. The expression used to extract the value from the chart model. The expression used to extract the note text from the chart model. Defines bound line series. The name of the value member. The name of the category member. The expression used to extract the note text from the chart model. Defines bound line series. The type of the value member. The name of the value member. The name of the category member. The name of the note text member. Defines line series bound to inline data. The data to bind to Defines bound vertical line series. The expression used to extract the value from the chart model. The expression used to extract the category from the chart model. The expression used to extract the note text from the chart model. Defines bound vertical line series. The expression used to extract the value from the chart model. The expression used to extract the note text from the chart model. Defines bound vertical line series. The name of the value member. The name of the category member. The name of the note text member. Defines bound vertical line series. The type of the value member. The name of the value member. The name of the category member. The name of the note text member. Defines vertical line series bound to inline data. The data to bind to Defines bound area series. The expression used to extract the value from the chart model. The expression used to extract the note text from the chart model. Defines bound area series. The expression used to extract the value from the chart model. The expression used to extract the category from the chart model. The expression used to extract the note text from the chart model. Defines bound area series. The name of the value member. The name of the category member. The name of the note text member. Defines bound area series. The type of the value member. The name of the value member. The name of the category member. The name of the note text member. Defines area series bound to inline data. The data to bind to Defines heatmap series bound to inline data. The data to bind to Defines bound heatmap series. The name of the value member. The name of the The x value. member. The name of the The y value. member. Defines bound vertical area series. The expression used to extract the value from the chart model. The expression used to extract the category from the chart model. The expression used to extract the note text from the chart model. Defines bound vertical area series. The expression used to extract the value from the chart model. The expression used to extract the note text from the chart model. Defines bound vertical area series. The name of the value member. The name of the category member. The name of the note text member. Defines bound vertical area series. The type of the value member. The name of the value member. The name of the category member. The name of the note text member. Defines vertical area series bound to inline data. The data to bind to Defines bound range area series. The expression used to extract the point from value. The expression used to extract the point to value. The expression used to extract the point category. The expression used to extract the point color. Defines bound range area series. The expression used to extract the point from value. The expression used to extract the point to value. The expression used to extract the point category. Defines bound range area series. The expression used to extract the point from value. The expression used to extract the point to value. Defines range area series bound to inline data. The data to bind to Defines bound vertical range area series. The expression used to extract the point from value. The expression used to extract the point to value. The expression used to extract the point category. The expression used to extract the point color. Defines bound vertical range area series. The expression used to extract the point from value. The expression used to extract the point to value. The expression used to extract the point category. Defines bound vertical range area series. The expression used to extract the point from value. The expression used to extract the point to value. Defines vertical range area series bound to inline data. The data to bind to Defines bound scatter series. The expression used to extract the X value from the chart model The expression used to extract the Y value from the chart model The expression used to extract the note text from the chart model Defines bound scatter series. The name of the X value member. The name of the Y value member. The name of the note text member. Defines bound scatter series. The type of the value members. The name of the X value member. The name of the Y value member. The name of the note text member. Defines scatter series bound to inline data. The data to bind to Defines bound scatter line series. The expression used to extract the X value from the chart model The expression used to extract the Y value from the chart model The expression used to extract the Y value from the chart model Defines bound scatter line series. The name of the X value member. The name of the Y value member. The name of the Y value member. Defines bound scatter line series. The type of the value members. The name of the X value member. The name of the Y value member. The name of the note text member. Defines scatter line series bound to inline data. The data to bind to Defines bound bubble series. Defines bound bubble series. Defines bound bubble series. Defines bubble series bound to inline data. The data to bind to Defines bound pie series. Defines bound pie series. Defines bound pie series. Defines pie series bound to inline data. The data to bind to Defines bound funnel series. Defines bound funnel series. Defines bound funnel series. Defines funnel series bound to inline data. The data to bind to Defines bound Donut series. Defines bound donut series. Defines bound donut series. Defines donut series bound to inline data. The data to bind to Defines bound ohlc series. Defines bound ohlc series. Defines bound ohlc series. Defines bound ohlc series. Defines ohlc series bound to inline data. The data to bind to Defines bound candlestick series. Defines bound candlestick series. Defines bound candlestick series. Defines bound candlestick series. Defines candlestick series bound to inline data. The data to bind to Defines bound bullet series. The expression used to extract the point current value from the chart model The expression used to extract the point target value from the chart model The expression used to extract the point color from the chart model The expression used to extract the point category from the chart model The expression used to extract the point note text from the chart model Defines bound bullet series. The expression used to extract the point current value from the chart model The expression used to extract the point target value from the chart model The expression used to extract the point color from the chart model The expression used to extract the point note text from the chart model Defines bound bar series. The name of the current value member. The name of the target value member. The name of the color member. The name of the category member. The name of the note text member. Defines bound bullet series. The type of the current value member. The name of the current value member. The name of the target value member. The name of the color member. The name of the category member. The name of the note text member. Defines bar series bound to inline data. The data to bind to. Defines bound verticalBullet series. The expression used to extract the point current value from the chart model The expression used to extract the point target value from the chart model The expression used to extract the point color from the chart model The expression used to extract the point category from the chart model The expression used to extract the point note text from the chart model Defines bound verticalBullet series. The expression used to extract the point current value from the chart model The expression used to extract the point target value from the chart model The expression used to extract the point color from the chart model The expression used to extract the point note text from the chart model Defines bound verticalBullet series. The name of the current value member. The name of the target value member. The name of the color member. The name of the category member. The name of the color member. Defines bound verticalBullet series. The type of the current value member. The name of the current value member. The name of the target value member. The name of the color member. The name of the category member. The name of the color member. Defines bar series bound to inline data. The data to bind to Defines bound radar area series. The expression used to extract the point value from the chart model Defines bound radar area series. The expression used to extract the point value from the chart model The expression used to extract the point category from the chart model The expression used to extract the point note text from the chart model Defines bound radar area series. The name of the value member. The name of the category member. The name of the note text member. Defines bound radar area series. The type of the value member. The name of the value member. The name of the category member. The name of the note text member. Defines radar area series bound to inline data. The data to bind to. Defines bound radar column series. The expression used to extract the point value from the chart model The expression used to extract the point color from the chart model The expression used to extract the point category from the chart model The expression used to extract the point note text from the chart model Defines bound radar column series. The expression used to extract the point value from the chart model The expression used to extract the point color from the chart model The expression used to extract the point note text from the chart model Defines bound radar column series. The name of the value member. The name of the color member. The name of the category member. The name of the note text member. Defines bound radar column series. The type of the value member. The name of the value member. The name of the color member. The name of the category member. The name of the note text member. Defines radar column series bound to inline data. The data to bind to. Defines bound radar line series. The expression used to extract the point value from the chart model Defines bound radar line series. The expression used to extract the point value from the chart model The expression used to extract the point category from the chart model The expression used to extract the point note text from the chart model Defines bound radar line series. The expression used to extract the point value from the chart model The expression used to extract the point note text from the chart model Defines bound radar line series. The name of the value member. The name of the category member. The name of the category member. Defines bound radar line series. The type of the value member. The name of the value member. The name of the category member. The name of the note text member. Defines radar line series bound to inline data. The data to bind to. Defines bound polar area series. The expression used to extract the X value from the chart model The expression used to extract the Y value from the chart model The expression used to extract the note text from the chart model Defines bound polar area series. The name of the X value member. The name of the Y value member. The name of the note text member. Defines bound polar area series. The type of the value members. The name of the X value member. The name of the Y value member. The name of the note text member. Defines polar area series bound to inline data. The data to bind to Defines bound polar line series. The expression used to extract the X value from the chart model The expression used to extract the Y value from the chart model The expression used to extract the note text from the chart model Defines bound polar line series. The name of the X value member. The name of the Y value member. The name of the note text member. Defines bound polar line series. The type of the value members. The name of the X value member. The name of the Y value member. The name of the note text member. Defines polar line series bound to inline data. The data to bind to Defines bound polar scatter series. The expression used to extract the X value from the chart model The expression used to extract the Y value from the chart model The expression used to extract the note text from the chart model Defines bound polar scatter series. The name of the X value member. The name of the Y value member. The name of the note text member. Defines bound polar scatter series. The type of the value members. The name of the X value member. The name of the Y value member. The name of the note text member. Defines polar scatter series bound to inline data. The data to bind to Defines bound box plot series. Defines bound box plot series. Defines bound box plot series. Defines bound box plot series. Defines box plot series bound to inline data. The data to bind to Defines bound vertical box plot series. Defines bound box plot series. Defines bound box plot series. Defines bound box plot series. Defines box plot series bound to inline data. The data to bind to Defines bound waterfall series. The expression used to extract the point value from the chart model The expression used to extract the point category from the chart model The expression used to extract the point summary type from the chart model Defines bound waterfall series. The expression used to extract the point value from the chart model Defines bound waterfall series. The name of the value member. The name of the category member. The name of the note summary type member. Defines bound waterfall series. The type of the value member. The name of the value member. The name of the category member. The name of the note summary type member. Defines waterfall series bound to inline data. The data to bind to. Defines bound horizontal waterfall series. The expression used to extract the point value from the chart model The expression used to extract the point category from the chart model The expression used to extract the point summary type from the chart model Defines bound horizontal waterfall series. The expression used to extract the point value from the chart model Defines bound horizontal waterfall series. The name of the value member. The name of the category member. The name of the note summary type member. Defines bound horizontal waterfall series. The type of the value member. The name of the value member. The name of the category member. The name of the note summary type member. Defines horizontal waterfall series bound to inline data. The data to bind to. Configures the category axis for the . The type of the data item to which the chart is bound to Initializes a new instance of the class. The chart. The category axis. The parent Chart Creates a Date category axis. Defines bound categories. The expression used to extract the categories value from the chart model @(Html.Kendo().Chart(Model) .Name("chart") .Series(series => { series.Column(model => model.Value, model => model.UserColor); }) .CategoryAxis(axis => axis .Categories(model => model.Day) ) ) Overrides the category axis type. The axis type. The default is determined by the category items type. @(Html.Kendo().Chart() .Name("chart") .CategoryAxis(axis => axis.Type(ChartCategoryAxisType.Date)) ) Defines categories. The list of categories @(Html.Kendo().Chart() .Name("Chart") .CategoryAxis(axis => axis .Categories(Model.Categories) ) ) Defines categories. The list of categories @(Html.Kendo().Chart(Model) .Name("chart") .Series(series => { series.Column(new double[] { 1.988, 2.733, 3.994 }).Name("World"); }) .CategoryAxis(axis => axis .Categories("2002", "2003", "2004") ) ) Sets value at which the first perpendicular axis crosses this axis. The value at which the first perpendicular axis crosses this axis. @(Html.Kendo().Chart(Model) .Name("Chart") .CategoryAxis(axis => axis.AxisCrossingValue(4)) .ValueAxis(axis => axis.Numeric().Title("Axis 1")) .ValueAxis(axis => axis.Numeric("secondary").Title("Axis 2")) ) Sets value at which perpendicular axes cross this axis. The values at which perpendicular axes cross this axis. @(Html.Kendo().Chart(Model) .Name("Chart") .CategoryAxis(axis => axis.AxisCrossingValue(0, 10)) .ValueAxis(axis => axis.Numeric().Title("Axis 1")) .ValueAxis(axis => axis.Numeric("secondary").Title("Axis 2")) ) Sets value at which perpendicular axes cross this axis. The values at which perpendicular axes cross this axis. @(Html.Kendo().Chart(Model) .Name("Chart") .CategoryAxis(axis => axis.AxisCrossingValue(new double[] { 0, 10 })) .ValueAxis(axis => axis.Numeric().Title("Axis 1")) .ValueAxis(axis => axis.Numeric("secondary").Title("Axis 2")) ) Positions categories and series points on major ticks. This removes the empty space before and after the series. This option will be ignored if either Bar, Column, OHLC or Candlestick series are plotted on the axis. A boolean value that indicates if the empty space before and after the series should be removed. The default value is false. @(Html.Kendo().Chart() .Name("chart") .CategoryAxis(axis => axis.Justify(true)) ) Positions categories and series points on major ticks. This removes the empty space before and after the series. This option will be ignored if either Bar, Column, OHLC or Candlestick series are plotted on the axis. @(Html.Kendo().Chart() .Name("chart") .CategoryAxis(axis => axis.Justify()) ) Sets the selection range The selection range start. The selection range end. *Note*: The category with the specified index is not included in the selected range unless the axis is justified. In order to select all categories specify a value larger than the last category index. @(Html.Kendo().Chart(Model) .Name("Chart") .CategoryAxis(axis => axis.Select(0, 3)) ) Configures the selection The configuration action. @(Html.Kendo().Chart(Model) .Name("StockChart") .CategoryAxis(axis => axis.Select(select => select.Mousewheel(mw => mw.Reverse()) )) ) Defines the items. The items of the notes. @(Html.Kendo().Chart() .Name("Chart") .ValueAxis(a => a.Numeric() .Note(note => note .Data(data => { data.Add().Value(1); data.Add().Value(2); }) ) ) ) Sets the minimum value. @(Html.Kendo().Chart() .Name("chart") .CategoryAxis(axis => axis .Categories("2002", "2003", "2004", "2005", "2006").Min(2) ) ) Sets the maximum value. @(Html.Kendo().Chart() .Name("chart") .CategoryAxis(axis => axis .Categories("2002", "2003", "2004", "2005", "2006").Max(5) ) ) The maximum number of ticks and labels to display. The value for MaxDivisions Defines the fluent interface for configuring the component. Initializes a new instance of the class. The component. Allows localization of the strings that are used in the widget. The configurator for the messages setting. Configures the Kendo UI Chat user information. The configurator for the user setting. Configures the Kendo UI Chat toolbar. The configurator for the user setting. Configures the client-side events. The client events action. @(Html.Kendo().Chat() .Name("Chat") .Events(events => events .ActionClick("onActionClick") ) ) Defines the fluent API for configuring the Kendo UI Chat for ASP.NET MVC events. Fired when an action button is clicked inside an attachment template, or when a suggestedAction is clicked. The name of the JavaScript function that will handle the actionClick event. Fired when an action button is clicked inside an attachment template, or when a suggestedAction is clicked. The handler code wrapped in a text tag. Fired when a message is posted to the chat widget. This can be either through the message box, or an action button click. The name of the JavaScript function that will handle the post event. Fired when a message is posted to the chat widget. This can be either through the message box, or an action button click. The handler code wrapped in a text tag. Fired when a message is posted through the chat message box. The name of the JavaScript function that will handle the sendMessage event. Fired when a message is posted through the chat message box. The handler code wrapped in a text tag. Fired when the user clears the chat message box, signaling that he stopped typing. The event is also triggered when the user submits the currenlty typed in message. The name of the JavaScript function that will handle the typingEnd event. Fired when the user clears the chat message box, signaling that he stopped typing. The event is also triggered when the user submits the currenlty typed in message. The handler code wrapped in a text tag. Fired when the user starts typing in the chat message box. The event is fired only once, and not upon each keystroke. The name of the JavaScript function that will handle the typingStart event. Fired when the user starts typing in the chat message box. The event is fired only once, and not upon each keystroke. The handler code wrapped in a text tag. Fired when the user clicks on a tool in the toolbar. The name of the JavaScript function that will handle the toolClick event. Fired when the user clicks on a tool in the toolbar. The handler code wrapped in a text tag. Defines the fluent API for configuring the ChatMessagesSettings settings. The hint displayed in the input textbox of the widget. The value for Placeholder The title and the aria-label attribute of the message box send button. The value for Send Button title and aria-label The title and the aria-label attribute of the toggle toolbar button. The value for Toggle Button title and aria-label Defines the fluent API for adding items to the toolbar of Kendo Chat for ASP.NET MVC Defines the name of the button. The name of the button. @( Html.Kendo().Chat() .Name("Chat") .Toolbar(toolbar => { toolbar.Buttons(buttons => buttons .Add(buttons => button.Name("button2").IconClass("k-icon k-i-gear")) ); }) ) Defines the text of the button. The text of the button. @( Html.Kendo().Chat() .Name("Chat") .Toolbar(toolbar => { toolbar.Buttons(buttons => buttons .Add(buttons => button.Name("button2").Text("Button")) ); }) ) Defines the iconClass of the button's inner span element. The iconClass of the button. @( Html.Kendo().Chat() .Name("Chat") .Toolbar(toolbar => { toolbar.Buttons(buttons => buttons .Add(buttons => button.Name("button2").IconClass("k-icon k-i-gear")) ); }) ) Defines the DOM attribute for the button element. The attributes of the button. @( Html.Kendo().Chat() .Name("Chat") .Toolbar(toolbar => { toolbar.Buttons(buttons => buttons .Add(buttons => button.Name("button2").Attr(new { data_value = "value" })) ); }) ) Defines the fluent API for adding items to the toolbar of Kendo Chat for ASP.NET MVC Adds a button by defining only a string. The button's name. @( Html.Kendo().Chat() .Name("Chat") .Toolbar(toolbar => { toolbar.Buttons(buttons => buttons .Add("button") ); }) ) Adds a button by defining an action builder for the button. @( Html.Kendo().Chat() .Name("Chat") .Toolbar(toolbar => { toolbar.Buttons(buttons => buttons .Add(buttons => button.Name("button2").IconClass("k-icon k-i-gear")) ); }) ) Defines the fluent API for configuring the ChatUserSettings settings. Configures the animation effects of the Kendo UI Chat toolbar. Whether the component animation is enabled. @( Html.Kendo().Chat() .Name("Chat") .Toolbar(toolbar => { toolbar.Animation(false); }) ) Configures the toolbar's toggle animation effects. The action that configures the animation. @( Html.Kendo().Chat() .Name("Chat") .Toolbar(toolbar => { toolbar.Animation(animation => animation.Expand(config => config.Fade(FadeDirection.In))) }) ) Enables/disables the scrollable feature of the Chat toolbar. Whether the scrollable is enabled. @( Html.Kendo().Chat() .Name("Chat") .Toolbar(toolbar => { toolbar.Scrollable(false); }) ) Enables/disables the toggleable feature of the Chat toolbar. Whether the toggleable is enabled. @( Html.Kendo().Chat() .Name("Chat") .Toolbar(toolbar => { toolbar.Toggleable(false); }) ) Configures the Chat's toolbar buttons. The buttons builder. @( Html.Kendo().Chat() .Name("Chat") .Toolbar(toolbar => { toolbar.Buttons(buttons => buttons .Add("button") .Add(buttons => button.Name("button2").IconClass("k-icon k-i-gear")) ); }) ) Defines the fluent API for configuring the ChatUserSettings settings. If set, sets the image url to be used for the user avatar icon. The value for IconUrl Sets the name of the chat user. The value for Name Defines the fluent interface for configuring the component. Initializes a new instance of the class. The component. Configures the client-side events. The client events action. @( Html.Kendo().ColorPalette() .Name("ColorPalette") .Events(events => events.Select("select").Change("change") ) ) Sets the value of the picker input The initially selected color @( Html.Kendo().ColorPalette() .Name("ColorPalette") .Value("#ff0000") ) Sets the amount of columns that should be shown The initially selected color @( Html.Kendo().ColorPalette() .Name("ColorPalette") .Columns(5) ) Sets the size of the palette tiles The tile size (for square tiles) @( Html.Kendo().ColorPalette() .Name("ColorPalette") .TileSize(32) ) Sets the size of the palette tiles The tile size (for square tiles) @( Html.Kendo().ColorPalette() .Name("ColorPalette") .TileSize(s => s.Width(20).Height(10)) ) Sets the range of colors that the user can pick from. A list of colors. @( Html.Kendo().ColorPalette() .Name("ColorPalette") .Palette(new List<string> { "#ff0000", "#00ff00", "#0000ff" }) ) Sets the range of colors that the user can pick from. One of the preset palettes of colors @( Html.Kendo().ColorPalette() .Name("ColorPalette") .Palette(ColorPickerPalette.WebSafe) ) Defines the fluent interface for configuring ColorPicker client events. Initializes a new instance of the class. The events bag. Defines the inline handler of the Change client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().ColorPicker() .Name("ColorPicker") .Events(events => events.Change( @<text> function(e) { // event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Change client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().ColorPicker() .Name("ColorPicker") .Events(events => events.Change("change")) ) Defines the fluent interface for configuring the component. Initializes a new instance of the class. The tile size. Set the width of the tiles The tile width. Set the height of the tiles The tile height. Defines the fluent interface for configuring the component. Initializes a new instance of the class. The component. Specifies whether the widget should display the Apply / Cancel buttons. The value that configures the buttons. Enables the contrast tool in the ColorGradient. Enables the contrast tool in the ColorGradient. Enables or disables the contrasttool option. Enables the contrast tool in the ColorGradient. The action that configures the contrasttool. Specifies whether the widget should display the 'Clear color' button. The value that configures the clearbutton. Specifies whether selection of a color in the palette view closes the popup. Applied only when buttons are set to false and the currently selected view is palette. The value that configures the closeonselect. The number of columns to show in the color dropdown when a pallete is specified. This is automatically initialized for the "basic" and "websafe" palettes. If you use a custom palette then you can set this to some value that makes sense for your colors. The value that configures the columns. Whether to render the input in the ColorGradient component. The value that configures the input. Allows localization of the strings that are used in the widget. The action that configures the messages. Only for the HSV selector. If true, the widget will display the opacity slider. Note that currently in HTML5 the <input type="color"> does not support opacity. The value that configures the opacity. Displays the color preview element and the previously selected color for comparison. With buttons set to false, both elements will update at the same time. The value that configures the preview. A CSS class name to display an icon in the color picker button. If specified, the HTML for the element will look like this: The value that configures the toolicon. The initially selected color. Note that when initializing the widget from an <input> element, the initial color will be decided by the field instead. The value that configures the value. Defines the initially selected view in the ColorPicker. The value that configures the view. Defines the format of the gradient input editor The value that configures the format. Sets the size of the component. The value that configures the size. Sets a value controlling the border radius. The value that configures the rounded. Sets a value controlling how the color is applied. The value that configures the fillmode. Configures the client-side events. The client events action. @( Html.Kendo().ColorPicker() .Name("ColorPicker") .Events(events => events.Select("select").Change("change") ) ) Sets the range of colors that the user can pick from. A list of colors. @( Html.Kendo().ColorPicker() .Name("ColorPicker") .Palette(new List<string> { "#ff0000", "#00ff00", "#0000ff" }) ) Sets the range of colors that the user can pick from. One of the preset palettes of colors @( Html.Kendo().ColorPicker() .Name("ColorPicker") .Palette(ColorPickerPalette.WebSafe) ) Enables or disables the picker. Whether the picker is enabled @( Html.Kendo().ColorPicker() .Name("ColorPicker") .Enable(false) ) Sets the size of the palette tiles The tile size (for square tiles) @( Html.Kendo().ColorPalette() .Name("ColorPalette") .TileSize(32) ) Sets the size of the palette tiles The tile size (for square tiles) @( Html.Kendo().ColorPalette() .Name("ColorPalette") .TileSize(s => s.Width(20).Height(10)) ) Sets the available input formats in the gradient input editor. Only "hex" and "rgb" are valid values. @( Html.Kendo().ColorPicker() .Name("ColorPicker") .Formats(new string[]{ "rgb", "hex" }) ) Defines the fluent interface for configuring ColorPicker client events. Initializes a new instance of the class. The events bag. Defines the inline handler of the Change client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().ColorPicker() .Name("ColorPicker") .Events(events => events.Change( @<text> function(e) { // event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Change client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().ColorPicker() .Name("ColorPicker") .Events(events => events.Change("change")) ) Defines the inline handler of the Select client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().ColorPicker() .Name("ColorPicker") .Events(events => events.Select( @<text> function(e) { // event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Select client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().ColorPicker() .Name("ColorPicker") .Events(events => events.Select("change")) ) Defines the inline handler of the Open client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().ColorPicker() .Name("ColorPicker") .Events(events => events.Open( @<text> function(e) { // event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Open client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().ColorPicker() .Name("ColorPicker") .Events(events => events.Open("open")) ) Defines the inline handler of the Close client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().ColorPicker() .Name("ColorPicker") .Events(events => events.Close( @<text> function(e) { // event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Close client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().ColorPicker() .Name("ColorPicker") .Events(events => events.Close("close")) ) Defines the fluent interface for configuring the component. Initializes a new instance of the class. The component. Controls whether to bind the component to the DataSource on initialization. @(Html.Kendo().ComboBox() .Name("ComboBox") .AutoBind(false) ) Controls whether to adjust the popup width @(Html.Kendo().ComboBox() .Name("ComboBox") .AutoWidth(false) ) Binds the ComboBox to a list of DropDownListItem. The data source. @(Html.Kendo().ComboBox() .Name("ComboBox") .BindTo(new List<DropDownListItem> { new DropDownListItem { Text = "Text1", Value = "Value1" }, new DropDownListItem { Text = "Text2", Value = "Value2" } }) ) Binds the ComboBox to a list of SelectListItem. The data source. @(Html.Kendo().ComboBox() .Name("ComboBox") .BindTo(new List<SelectListItem> { new SelectListItem{ Text = "Text1", Value = "Value1" }, new SelectListItem{ Text = "Text2", Value = "Value2" } }) ) Use to enable or disable clear button functionality. The boolean value. @(Html.Kendo().ComboBox() .Name("ComboBox") .ClearButton(false) ) Sets the field of the data item that provides the value content of the list items. The name of the field. @(Html.Kendo().ComboBox() .Name("ComboBox") .DataTextField("Text") .DataValueField("Value") ) If set to true the component will not show all items when the text of the search input cleared. By default the component shows all items when the text of the search input is cleared. Works in conjunction with minLength. The boolean value. @(Html.Kendo().ComboBox() .Name("ComboBox") .MinLength(3) .Filter("contains") .EnforceMinLength(true) ) Configures the client-side events. The client events action. @(Html.Kendo().ComboBox() .Name("ComboBox") .Events(events => events.Change("change") ) ) Enables the filtering of items. The type of filtering. @(Html.Kendo().ComboBox() .Name("ComboBox") .Filter("startswith"); ) Enables the filtering of items. The type of filtering. @(Html.Kendo().ComboBox() .Name("ComboBox") .Filter(FilterType.Contains); ) Defines the items in the ComboBox The add action. @(Html.Kendo().ComboBox() .Name("ComboBox") .Items(items => { items.Add().Text("First Item"); items.Add().Text("Second Item"); }) ) Use it to enable or disable the highlighting of the first matched item. If true, enables the highlighting. @(Html.Kendo().ComboBox() .Name("ComboBox") .HighlightFirst(true) ) The text messages displayed in the component. Use it to customize or localize the messages. The action that configures the messages. Specifies the minimum number of characters that should be typed before the component queries the dataSource. The number of characters. @(Html.Kendo().ComboBox() .Name("ComboBox") .MinLength(3) ) Sets the index of the item that will be selected. The index of the item. @(Html.Kendo().ComboBox() .Name("ComboBox") .SelectedIndex(0); ) Controls whether the ComboBox should automatically auto-type the rest of text. If true, enables auto-type. @(Html.Kendo().ComboBox() .Name("ComboBox") .Suggest(true) ) Controls whether the ComboBox should automatically sync custom text with the selected value. If true, enables auto-sync. @(Html.Kendo().ComboBox() .Name("ComboBox") .SyncValueAndText(false) ) A string that appears in the textbox when it has no value. The text that will appear as placeholder. @(Html.Kendo().ComboBox() .Name("ComboBox") .Placeholder("Select country...") ) Specifies the Id of the parent ComboBox, from which the child will cascade. The Id of the parent ComboBox. @(Html.Kendo().ComboBox() .Name("ComboBox2") .CascadeFrom("ComboBox1") ) Sets the field used to filter the data source. The name of the field. @(Html.Kendo().ComboBox() .Name("ComboBox2") .CascadeFrom("ComboBox1") .CascadeFromField("ParentID") ) Defines the parent field to be used to retain value from. This value will be used further to filter the data source. The name of the field. @(Html.Kendo().ComboBox() .Name("ComboBox2") .CascadeFrom("ComboBox1") .CascadeFromField("ParentID") .CascadeFromParentField("ParentID") ) Applicable to a parent ComboBox in а cascading scenario. If set to true cascading will be triggered upon custom input in the parent component. When set to false (default) the child will not cascade and it will be disabled upon setting custom input in the parent ComboBox. Cascade on custom values works only when cascadeFromParentField is not set for the child combo, or it points to the dataValueField of the parent. If true, enables cascading from a custom value. @(Html.Kendo().ComboBox() .Name("ComboBox2") .CascadeFrom("ComboBox1") .CascadeOnCustomValue(true) ) Applicable to a parent ComboBox in а cascading scenario. If set to true cascading will be triggered upon custom input in the parent component. When set to false (default) the child will not cascade and it will be disabled upon setting custom input in the parent ComboBox. Cascade on custom values works only when cascadeFromParentField is not set for the child combo, or it points to the dataValueField of the parent. @(Html.Kendo().ComboBox() .Name("ComboBox2") .CascadeFrom("ComboBox1") .CascadeOnCustomValue() ) Define the text of the component, when AutoBind is set to false. The text to be shown in the input. @(Html.Kendo().ComboBox() .Name("ComboBox") .Text("Chai") .AutoBind(false) ) Sets the size of the component. The value for Size. @(Html.Kendo().ComboBox() .Name("ComboBox") .Size(ComponentSize.Medium) ) Sets a value controlling the border radius. The value for Rounded. @(Html.Kendo().ComboBox() .Name("ComboBox") .Rounded(Rounded.Medium) ) Sets a value controlling how the color is applied. The value for FillMode. @(Html.Kendo().ComboBox() .Name("ComboBox") .FillMode(FillMode.Solid) ) The fluent API for subscribing to Kendo UI ComboBox events. Initializes a new instance of the class. The client events. Defines the inline handler of the Select client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().ComboBox() .Name("ComboBox") .Events(events => events.Select( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Select client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().ComboBox() .Name("ComboBox") .Events(events => events.Select("select")) ) Defines the inline handler of the Change client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().ComboBox() .Name("ComboBox") .Events(events => events.Change( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Change client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().ComboBox() .Name("ComboBox") .Events(events => events.Change("change")) ) Defines the inline handler of the DataBound client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().ComboBox() .Name("ComboBox") .Events(events => events.DataBound( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the DataBound client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().ComboBox() .Name("ComboBox") .Events(events => events.DataBound("dataBound")) ) Defines the inline handler of the Filtering client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().ComboBox() .Name("ComboBox") .Events(events => events.Filtering( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Filtering client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().ComboBox() .Name("ComboBox") .Events(events => events.Filtering("filtering")) ) Defines the name of the JavaScript function that will handle the the Open client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().ComboBox() .Name("ComboBox") .Events(events => events.Open("open")) ) Defines the inline handler of the Open client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().ComboBox() .Name("ComboBox") .Events(events => events.Open( @<text> function(e) { //event handling code } </text> )) ) Defines the inline handler of the Close client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().ComboBox() .Name("ComboBox") .Events(events => events.Close( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Close client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().ComboBox() .Name("ComboBox") .Events(events => events.Close("close")) ) Defines the inline handler of the Cascade client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().ComboBox() .Name("ComboBox") .Events(events => events.Cascade( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Cascade client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().ComboBox() .Name("ComboBox") .Events(events => events.Cascade("cascade")) ) Defines the fluent API for configuring the Kendo UI DataSource Gets the view component. The component. Use it to configure Ajax binding. Use it to configure WebApi binding. Use it to configure Custom binding. Use it to configure SignalR binding. Defines the fluent interface for configuring the . Specifies if the defaultValue setting should be used. The default is false. The value @(Html.Kendo().TreeList<OrderViewModel>() .Name("treelist") .Columns(columns => { columns.Add().Field(e => e.OrderID); }) .DataSource(dataSource => dataSource .Read(read => read.Action("All", "Orders")) .Model(m => { m.Field(x=>x.OrderID).Nullable(true); }) ) ) Defines the fluent interface for configuring group. Specifies the member by which the data should be grouped. Member name Member type Specifies the member by which the data should be grouped. Member name Member type Sort order Specifies the member by which the data should be sorted in descending order and grouped. Member name /// Member type Defines the fluent interface for configuring the Model definition. Type of the model Specify the member used to identify an unique Model instance. The member name. @(Html.Kendo().TreeList<OrderViewModel>() .Name("treelist") .Columns(columns => { columns.Add().Field(e => e.OrderID); }) .DataSource(dataSource => dataSource .Read(read => read.Action("All", "Orders")) .Model(m => { m.Id("OrderID"); }) ) ) Specify the member used to identify an unique Model instance. Type of the field Member access expression which describes the member @(Html.Kendo().TreeList<OrderViewModel>() .Name("treelist") .Columns(columns => { columns.Add().Field(e => e.OrderID); }) .DataSource(dataSource => dataSource .Read(read => read.Action("All", "Orders")) .Model(m => { m.Id(x => x.OrderID); }) ) ) Specify the member used for the parentId field. Member access expression which describes the member @(Html.Kendo().TreeList<OrderViewModel>() .Name("treelist") .Columns(columns => { columns.Add().Field(e => e.OrderID); }) .DataSource(dataSource => dataSource .Read(read => read.Action("All", "Orders")) .Model(m => { m.ParentId(x => x.ParentId); }) ) ) Specify the member used for the parentId field. The member name. Type of the field @(Html.Kendo().TreeList<OrderViewModel>() .Name("treelist") .Columns(columns => { columns.Add().Field(e => e.OrderID); }) .DataSource(dataSource => dataSource .Read(read => read.Action("All", "Orders")) .Model(m => { m.ParentId("ParentId"); }) ) ) Specify the member used for the expanded field. Member access expression which describes the member @(Html.Kendo().TreeList<OrderViewModel>() .Name("treelist") .Columns(columns => { columns.Add().Field(e => e.OrderID); }) .DataSource(dataSource => dataSource .Read(read => read.Action("All", "Orders")) .Model(m => { m.Expanded(x=>x.OrderID); }) ) ) Specify the member used for the expanded field. The member name. Type of the field @(Html.Kendo().TreeList<OrderViewModel>() .Name("treelist") .Columns(columns => { columns.Add().Field(e => e.OrderID); }) .DataSource(dataSource => dataSource .Read(read => read.Action("All", "Orders")) .Model(m => { m.Expanded<string>("OrderID"); }) ) ) Specify the default value of the expanded field. True/False. @(Html.Kendo().TreeList<OrderViewModel>() .Name("treelist") .Columns(columns => { columns.Add().Field(e => e.OrderID); }) .DataSource(dataSource => dataSource .Read(read => read.Action("All", "Orders")) .Model(m => { m.Expanded(true); }) ) ) Describes a Model field Field type Member access expression which describes the field @(Html.Kendo().TreeList<OrderViewModel>() .Name("treelist") .Columns(columns => { columns.Add().Field(e => e.OrderID); }) .DataSource(dataSource => dataSource .Read(read => read.Action("All", "Orders")) .Model(m => { m.Field(x=>x.OrderID); }) ) ) Describes a Model field Field name Field type @(Html.Kendo().TreeList<OrderViewModel>() .Name("treelist") .Columns(columns => { columns.Add().Field(e => e.OrderID); }) .DataSource(dataSource => dataSource .Read(read => read.Action("All", "Orders")) .Model(m => { m.Field("OrderID", typeof(string)); }) ) ) Describes a Model field Field type Member name @(Html.Kendo().TreeList<OrderViewModel>() .Name("treelist") .Columns(columns => { columns.Add().Field(e => e.OrderID); }) .DataSource(dataSource => dataSource .Read(read => read.Action("All", "Orders")) .Model(m => { m.Field("OrderID"); }) ) ) Defines the fluent API for configuring the Kendo CheckBox for ASP.NET MVC. Initializes a new instance of the class. The component. The checked state of the CheckBox. The value that configures the checked. Determines whether the checkbox label content should be rendered as an HTML string or it should be encoded. The value that configures the encoded. Specifies the label content for the checkbox. The value that configures the label. The value attribute of the widget input element. The value that configures the value. Sets a value controlling the size of the component. The value that configures the size. Sets a value controlling the border radius. The value that configures the rounded. If set to false, the CheckBox will be disabled and will not allow the user to change its checked state. The value that configures the enabled. Configures the client-side events. The client events action. @( Html.Kendo().CheckBox() .Name("CheckBox") .Events(events => events .Change("onChange") ) ) The fluent API for Fill Settings. Defines the fill color. The value that configures the color. Defines the fill opacity. The value that configures the opacity. Defines the fluent API for configuring the hover settings. Hover's fill options. The action that configures the fill. Hover's stroke options. The action that configures the stroke. Defines the fluent API for configuring the DiagramPdfMarginSettings settings. The bottom margin. Numbers are considered as "pt" units. The value that configures the bottom. The left margin. Numbers are considered as "pt" units. The value that configures the left. The right margin. Numbers are considered as "pt" units. The value that configures the right. The top margin. Numbers are considered as "pt" units. The value that configures the top. Defines the fluent API for configuring the DiagramPdfSettings settings. The author of the PDF document. The value that configures the author. The creator of the PDF document. The value that configures the creator. The date when the PDF document is created. Defaults to new Date(). The value that configures the date. Specifies the file name of the exported PDF file. The value that configures the filename. If set to true, the content will be forwarded to proxyURL even if the browser supports saving files locally. The value that configures the forceproxy. Specifies the keywords of the exported PDF file. The value that configures the keywords. Set to true to reverse the paper dimensions if needed such that width is the larger edge. The value that configures the landscape. Specifies the margins of the page (numbers or strings with units). Supported units are "mm", "cm", "in" and "pt" (default). The action that configures the margin. Specifies the paper size of the PDF document. The default "auto" means paper size is determined by content.Supported values: The value that configures the papersize. The URL of the server side proxy which will stream the file to the end user.A proxy will be used when the browser isn't capable of saving files locally. Such browsers are IE version 9 and lower and Safari.The developer is responsible for implementing the server-side proxy.The proxy will receive a POST request with the following parameters in the request body:The proxy should return the decoded file with set "Content-Disposition" header. The value that configures the proxyurl. A name or keyword indicating where to display the document returned from the proxy.If you want to display the document in a new window or iframe, the proxy should set the "Content-Disposition" header to inline; filename="<fileName.pdf>". The value that configures the proxytarget. Sets the subject of the PDF file. The value that configures the subject. Sets the title of the PDF file. The value that configures the title. Defines the fluent API for configuring the DiagramShapeDefaultsFillGradientSettings settings. The type of the gradient. Supported values are:Note that support for radial gradients in VML (IE8 and below) is limited. Not all configurations are guaranteed to work. The value that configures the type. The center of the radial gradient.Coordinates are relative to the shape bounding box. For example [0, 0] is top left and [1, 1] is bottom right. The value that configures the center. The radius of the radial gradient relative to the shape bounding box. The value that configures the radius. The start point of the linear gradient.Coordinates are relative to the shape bounding box. For example [0, 0] is top left and [1, 1] is bottom right. The value that configures the start. The end point of the linear gradient.Coordinates are relative to the shape bounding box. For example [0, 0] is top left and [1, 1] is bottom right. The value that configures the end. The array of gradient color stops. The action that configures the stops. Defines the fluent API for configuring the DiagramShapeDefaultsFillGradientSettingsStop settings. The stop offset from the start of the element. Ranges from 0 (start of gradient) to 1 (end of gradient). The value that configures the offset. The color in any of the following formats.| Format | Description | --- | --- | --- | red | Basic or Extended CSS Color name | #ff0000 | Hex RGB value | rgb(255, 0, 0) | RGB valueSpecifying 'none', 'transparent' or '' (empty string) will clear the fill. The value that configures the color. The fill opacity. Ranges from 0 (completely transparent) to 1 (completely opaque). The value that configures the opacity. Defines the fluent API for adding items to Kendo Gradient for ASP.NET MVC Adds an item to the collection Defines the fluent API for configuring the DiagramShapeFillGradientSettings settings. The type of the gradient. Supported values are:Note that support for radial gradients in VML (IE8 and below) is limited. Not all configurations are guaranteed to work. The value that configures the type. The center of the radial gradient.Coordinates are relative to the shape bounding box. For example [0, 0] is top left and [1, 1] is bottom right. The value that configures the center. The radius of the radial gradient relative to the shape bounding box. The value that configures the radius. The start point of the linear gradient.Coordinates are relative to the shape bounding box. For example [0, 0] is top left and [1, 1] is bottom right. The value that configures the start. The end point of the linear gradient.Coordinates are relative to the shape bounding box. For example [0, 0] is top left and [1, 1] is bottom right. The value that configures the end. The array of gradient color stops. The action that configures the stops. Defines the fluent API for configuring the DiagramShapeFillGradientSettingsStop settings. The stop offset from the start of the element. Ranges from 0 (start of gradient) to 1 (end of gradient). The value that configures the offset. The color in any of the following formats.| Format | Description | --- | --- | --- | red | Basic or Extended CSS Color name | #ff0000 | Hex RGB value | rgb(255, 0, 0) | RGB valueSpecifying 'none', 'transparent' or '' (empty string) will clear the fill. The value that configures the color. The fill opacity. Ranges from 0 (completely transparent) to 1 (completely opaque). The value that configures the opacity. Defines the fluent API for adding items to Kendo Gradient for ASP.NET MVC Adds an item to the collection The fluent API for the Stroke Settings Defines the stroke color. The value that configures the color. The stroke dash type. The value that configures the dashtype. Defines the stroke stroke. The value that configures the width. Initializes a new instance of the class. The popup settings. Defines a jQuery selector that will be used to find a container element, where the popup will be appended to. Specifies how to position the popup element based on achor point. Specifies which point of the popup element to attach to the anchor's origin point. Defines the fluent interface for configuring Virtual scrolling of the Drop Down Initializes a new instance of the class. The virtualization settings. Defines the item height. Defines the item height. Defines a value mapper. This function will return the indices matching the passed values. Defines a value mapper. This function will return the indices matching the passed values. Defines the mapValueTo option, which determines if the ValueMapper resolves a value to an index or to a dataItem. It has two possible values - "index" or "dataItem". Defines the fluent interface for building Initializes a new instance of the class. The settings. Enables or disables binding. @( Html.Kendo().DropDownTree() .Name("DropDownTree") .DataBinding(dataBinding => { dataBinding.Ajax().Select("Index", "Home").Enabled((bool)ViewData["ajax"]); }) ) The Enabled method is useful when you need to enable binding based on certain conditions. Defines the fluent interface for configuring the component. Initializes a new instance of the class. The component. Controls whether to bind the widget to the DataSource on initialization. @( Html.Kendo().DropDownTree() .Name("DropDownTree") .AutoBind(false) ) Controls whether to close the popup when item is selected or checked. @( Html.Kendo().DropDownTree() .Name("DropDownTree") .AutoClose(true) ) If set to true, the widget automatically adjusts the width of the popup element and does not wrap up the item label. @( Html.Kendo().DropDownTree() .Name("DropDownTree") .AutoWidth(true) ) When this options is set to true and checkboxes are enabled, a tristate checkbox appears above the embedded treeview. Clicking that checkbox will check or uncheck all the loaded enabled items of the treeview. @( Html.Kendo().DropDownTree() .Name("DropDownTree") .CheckAll(true) .Checkboxes(true) ) The template used to render the checkAll label. By default, the widget displays only a span element with text "Check all". The value for CheckAllTemplate The template used to render the checkAll label. By default, the widget displays only a span element with text "Check all". The ID of the template element for CheckAllTemplate The template used to render the checkAll label. By default, the widget displays only a span element with text "Check all". The view that contains CheckAllTemplate Template to be used for rendering the items in the dropdowntree. @( Html.Kendo().DropDownTree() .Name("DropDownTree") .Template("#= data #") ) Id of the template element to be used for rendering the items in the dropdowntree. @( Html.Kendo().DropDownTree() .Name("DropDownTree") .TemplateId("widgetTemplateId") ) Id of the template element to be used for rendering the items in the dropdowntree. @( Html.Kendo().DropDownTree() .Name("DropDownTree") .TemplateView(Html.Partial("TemplateView")) ) Enable/disable rendering of checkboxes in the dropdowntree. Whether checkboxes should be rendered. @( Html.Kendo().DropDownTree() .Name("DropDownTree") .Checkboxes(true) ) Configures rendering of checkboxes in the dropdowntree. Builder of the dropdowntree checkboxes configuration. @( Html.Kendo().DropDownTree() .Name("DropDownTree") .Checkboxes(config => config .CheckChildren(true) ) ) Unless this option is set to false, a button will appear when hovering the widget. Clicking that button will reset the widget's value and will trigger the change event. The value for ClearButton Defines the items in the DropDownTree The add action. @( Html.Kendo().DropDownTree() .Name("DropDownTree") .Items(items => { items.Add().Text("First Item"); items.Add().Text("Second Item"); }) ) Configures the client-side events. The client events action. @( Html.Kendo().DropDownTree() .Name("DropDownTree") .Events(events => .OnDataBinding("onDataBinding") .OnItemDataBound("onItemDataBound") ) ) Binds the DropDownTree to a sitemap The view data key. The action to configure the item. @( Html.Kendo().DropDownTree() .Name("DropDownTree") .BindTo("examples", (item, siteMapNode) => { }) ) Binds the DropDownTree to a sitemap. The view data key. @( Html.Kendo().DropDownTree() .Name("DropDownTree") .BindTo("examples") ) Binds the DropDownTree to a list of items. Use if a hierarchy of items is being sent from the controller; to bind the DropDownTree declaratively, use the Items() method. The list of items @( Html.Kendo().DropDownTree() .Name("DropDownTree") .BindTo(model) ) Binds the DropDownTree to a list of objects. The DropDownTree will be "flat" which means a DropDownTree item will be created for every item in the data source. The type of the data item The data source. The action executed for every data bound item. @( Html.Kendo().DropDownTree() .Name("DropDownTree") .BindTo(new []{"First", "Second"}, (item, value) => { item.Text = value; }) ) Binds the DropDownTree to a list of objects. The DropDownTree will create a hierarchy of items using the specified mappings. The data source. The action which will configure the mappings @( Html.Kendo().DropDownTree() .Name("DropDownTree") .BindTo(Model, mapping => mapping .For<Customer>(binding => binding .Children(c => c.Orders) // The "child" items will be bound to the the "Orders" property .ItemDataBound((item, c) => item.Text = c.ContactName) // Map "Customer" properties to DropDownTreeItem properties ) .For<Order<(binding => binding .Children(o => null) // "Orders" do not have child objects so return "null" .ItemDataBound((item, o) => item.Text = o.OrderID.ToString()) // Map "Order" properties to DropDownTreeItem properties ) ) ) Use to enable or disable animation of the DropDownTree. The boolean value. @( Html.Kendo().DropDownTree() .Name("DropDownTree") .Animation(false) //toggle effect ) Configures the animation effects of the widget. The action which configures the animation effects. @( Html.Kendo().DropDownTree() .Name("DropDownTree") .Animation(animation => { animation.Open(open => { open.SlideIn(SlideDirection.Down); }); }) ) Configure the DataSource of the component The action that configures the DataSource. @( Html.Kendo().DropDownTree() .Name("DropDownTree") .DataSource(dataSource => dataSource .Read(read => read .Action("Employees", "DropDownTree") ) ) ) Allows the dropdowntree to fetch the entire datasource at initialization time. Whether the datasource should be loaded on demand. @( Html.Kendo().DropDownTree() .Name("DropDownTree") .LoadOnDemand(false) ) Sets the field of the data item that provides the image URL of the DropDownTree nodes. The value that configures the dataimageurlfield. Sets the field of the data item that provides the sprite CSS class of the nodes. If an array, each level uses the field that is at the same index in the array, or the last item in the array. The value that configures the dataspritecssclassfield. Sets the field of the data item that provides the link URL of the nodes. The value that configures the dataurlfield. The text messages displayed in the widget. Use it to customize or localize the messages. The action that configures the messages. Sets the field of the data item that provides the text content of the nodes. If an array, each level uses the field that is at the same index in the array, or the last item in the array. The value that configures the datatextfield. Sets the field of the data item that provides the text content of the nodes. If an array, each level uses the field that is at the same index in the array, or the last item in the array. The value that configures the datatextfield. The field of the data item that provides the value of the widget. If an array, each level uses the field that is at the same index in the array, or the last item in the array. The value for DataValueField Specifies the delay in milliseconds after which the DropDownTree will start filtering dataSource. The value for Delay If set to false the widget will be disabled and will not allow user input. The widget is enabled by default and allows user input. The value for Enable If set to true the widget will not show all items when the text of the search input cleared. By default, the widget shows all items when the text of the search input is cleared. Works in conjunction with minLength. The value for EnforceMinLength The template used to render the footer template. The footer template receives the widget itself as a part of the data argument. Use the widget fields directly in the template. The value for FooterTemplate The template used to render the footer template. The footer template receives the widget itself as a part of the data argument. Use the widget fields directly in the template. The ID of the template element for FooterTemplate The template used to render the footer template. The footer template receives the widget itself as a part of the data argument. Use the widget fields directly in the template. The view that contain FooterTemplate The height of the suggestion popup in pixels. The default value is 200 pixels. If set to "Auto" the height of the popup will depend on the height of the treeview. The value for Height If set to false case-sensitive search will be performed to find suggestions. The widget performs case-insensitive searching by default. The value for IgnoreCase The minimum number of characters the user must type before a search is performed. Set to a higher value if the search could match a lot of items. The value for MinLength The template used to render the "no data" template, which will be displayed if no results are found or the underlying data source is empty. The noData template receives the widget itself as a part of the data argument. The template will be evaluated on every widget data bound. The value for NoDataTemplate The template used to render the "no data" template, which will be displayed if no results are found or the underlying data source is empty. The noData template receives the widget itself as a part of the data argument. The template will be evaluated on every widget data bound. The ID of the template element for NoDataTemplate The template used to render the "no data" template, which will be displayed if no results are found or the underlying data source is empty. The noData template receives the widget itself as a part of the data argument. The template will be evaluated on every widget data bound. The view that contains NoDataTemplate The hint displayed by the widget when it is empty. Not set by default. The value for Placeholder Configures the popup settings of the widget. Specifies a static HTML content, which will be rendered as a header of the popup element. The value for HeaderTemplate Specifies a static HTML content, which will be rendered as a header of the popup element. The ID of the template element for HeaderTemplate Specifies a static HTML content, which will be rendered as a header of the popup element. The view that contains the HeaderTemplate The template used to render the value and the or the selected tags. The value for ValueTemplate The template used to render the value and the or the selected tags. The ID of the template element for ValueTemplate The template used to render the value and the or the selected tags. The view that contains the ValueTemplate Represents available tag modes of DropDownTree. The value for TagMode The text of the widget used when the autoBind is set to false. The value for Text Define the value of the widget. It accepts 'String' when it is in single selection mode and 'Array' when multiple selection is enabled via checkboxes property. The value for Value Sets the value of the widget. @( Html.Kendo().DropDownTree() .Name("DropDownTree") .Value(new string[] { "1" }) ) Specifies the value binding behavior for the widget. If set to true, the View-Model field will be updated with the selected item value field. If set to false, the View-Model field will be updated with the selected item. The value for ValuePrimitive The filtering method used to determine the suggestions for the current value. Filtration is turned off by default. The value for Filter Sets the size of the component. The value for Size Sets a value controlling the border radius. The value for Rounded Sets a value controlling how the color is applied. The value for FillMode When filtering is enabled, allows aria-label to be defined for the filter input element. The value for FilterLabel Adds a label before the input. If the input has no id attribute, a generated id will be assigned. The string and the function parameters are setting the inner HTML of the label. Defines the fluent interface for configuring child DropDownTree items. Initializes a new instance of the class. The checkbox settings. Enable/disable rendering of checkboxes in the dropdowntree. Whether checkboxes should be rendered. @( Html.Kendo().DropDownTree() .Name("DropDownTree") .Checkboxes(config => config .Enabled(true) ) ) Enable/disable checking of child checkboxes in the dropdowntree. Whether checking of parent checkboxes should check child checkboxes. @( Html.Kendo().DropDownTree() .Name("DropDownTree") .Checkboxes(config => config .CheckChildren(true) ) ) Client-side template to be used for rendering the items in the dropdowntree. @( Html.Kendo().DropDownTree() .Name("DropDownTree") .Checkboxes(config => config .Template("#= data #") ) ) Id of the element that holds the client-side template to be used for rendering the items in the dropdowntree. @( Html.Kendo().DropDownTree() .Name("DropDownTree") .Checkboxes(config => config .TemplateId("widgetTemplateId") ) ) Id of the element that holds the client-side template to be used for rendering the items in the dropdowntree. @( Html.Kendo().DropDownTree() .Name("DropDownTree") .Checkboxes(config => config .TemplateView(Html.Partial("Template")) ) ) The name attribute of the checkbox fields. This will correlate to the name of the action method parameter that the nodes are posted to. The string that will be used in the name attribute. @( Html.Kendo().DropDownTree() .Name("DropDownTree") .Checkboxes(config => config .Name("checkedNodes") ) ) Defines the fluent API for configuring the events of the Kendo DropDownTree for ASP.NET MVC Fired when the value of the widget is changed by the user. The name of the JavaScript function that will handle the change event. Fired when the popup of the widget is opened by the user. The name of the JavaScript function that will handle the open event. Triggered after the dataSource change event has been processed (adding/removing items); The name of the JavaScript function that will handle the dataBound event. Fired when the popup of the widget is closed. The name of the JavaScript function that will handle the close event. Triggered before filtering. The name of the JavaScript function that will handle the close event. Defines the inline handler of the open client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().DropDownTree() .Name("DropDownTree") .Events(events => events.Open( @<text> function(e) { // event handling code } </text> )) .Render(); ) Defines the inline handler of the dataBound client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().DropDownTree() .Name("DropDownTree") .Events(events => events.DataBound( @<text> function(e) { // event handling code } </text> )) .Render(); ) Defines the inline handler of the close client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().DropDownTree() .Name("DropDownTree") .Events(events => events.Close( @<text> function(e) { // event handling code } </text> )) .Render(); ) Defines the inline handler of the close client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().DropDownTree() .Name("DropDownTree") .Events(events => events.Filtering( @<text> function(e) { // event handling code } </text> )) .Render(); ) Defines the inline handler of the change client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().DropDownTree() .Name("DropDownTree") .Events(events => events.Change( @<text> function(e) { // event handling code } </text> )) .Render(); ) Triggered when a node is being selected by the user. Cancellable. The name of the JavaScript function that will handle the select event. Triggered when a node is being selected by the user. Cancellable. The handler code wrapped in a text tag. Defines the fluent interface for configuring child DropDownTree items. Initializes a new instance of the class. The item. The view context. Configures the child items of a . The add action. @( Html.Kendo().DropDownTree() .Name("DropDownTree") .Items(items => { items.Add().Text("First Item").Items(firstItemChildren => { firstItemChildren.Add().Text("Child Item 1"); firstItemChildren.Add().Text("Child Item 2"); }); }) ) Sets the id of the item. The id. @( Html.Kendo().DropDownTree() .Name("DropDownTree") .Items(items => items.Add().Id("42")) ) Define when the item will be expanded on intial render. If true the item will be expanded. @( Html.Kendo().DropDownTree() .Name("DropDownTree") .Items(items => { items.Add().Text("First Item").Items(firstItemChildren => { firstItemChildren.Add().Text("Child Item 1"); firstItemChildren.Add().Text("Child Item 2"); }) .Expanded(true); }) ) Specify whether the item should be initially checked. If true, the item will be checked. @( Html.Kendo().DropDownTree() .Name("DropDownTree") .Checkboxes(true) .Items(items => { items.Add().Text("Item").Checked(true); }) ) Sets the value of the item. The value. @( Html.Kendo().Menu() .Name("Menu") .Items(items => items.Add().Value("First Item")) ) Sets the expand mode of the dropdowntree item. If true then item will be loaded on demand from client side, if the dropdowntree DataSource is properly configured. @( Html.Kendo().DropDownTree() .Name("DropDownTree") .Items(items => { items.Add().Text("First Item").Items(firstItemChildren => { firstItemChildren.Add().Text("Child Item 1"); firstItemChildren.Add().Text("Child Item 2"); }) .HasChildren(true); }) ) Creates items for the . Initializes a new instance of the class. The container. The view context. Defines a item. Defines the fluent API for configuring the DropDownTreeMessagesSettings settings. The text message shown when hovering the clear button. The value that configures the clear message. The text message shown when hovering the delete button. The value that configures the delete tag message. The text message shown in single tag. The value that configures the single tag. The text that would be displayed in the NoDataTemplate. The value that configures the NoDataTemplate message. Defines the fluent API for configuring the ExportAs settings. Sets the name of the file in which the content will be exported. The name of the exported file. @( Html.Kendo().Editor() .Name("Editor") .ExportAs(exportAs => exportAs.FileName("exportedFileName")) ) Sets the action and controller for the export operation Name of the action. Name of the controller. @( Html.Kendo().Editor() .Name("Editor") .ExportAs(exportAs => exportAs .Proxy("EditorExport", "Home"); ) ) Sets the route name for the export operation Name of the route. @( Html.Kendo().Editor() .Name("Editor") .ExportAs(exportAs => exportAs .Proxy("Default"); ) ) Sets the action for the export operation The type of the controller. The action. @( Html.Kendo().Editor() .Name("Editor") .ExportAs(exportAs => exportAs .Proxy<HomeController>(controller => controller.Export()) ) ) Defines the fluent API for configuring the EditorMessagesSettings settings. Defines the title of the tool that makes the text bold. Default: "Bold" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.Bold("Bold text")) ) Defines the title of the tool that makes the text italicized. Default: "Italic" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.Italic("Italic text")) ) Defines the title of the tool that underlines the text. Default: "Underline" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.Underline("Underline text")) ) Defines the title of the tool that strikes through the text. Default: "Strikethrough" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.Strikethrough("Strikethrough text")) ) Defines the title of the tool that makes the text superscript. Default: "Superscript" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.Superscript("Superscript text")) ) Defines the title of the tool that makes the text subscript. Default: "Subscript" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.Subscript("Subscript text")) ) Defines the title of the tool that aligns the text in the center. Default: "Center text" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.JustifyCenter("Align center")) ) Defines the title of the tool that aligns the text on the left. Default: "Align text left" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.JustifyLeft("Left alignment")) ) Defines the title of the tool that aligns the text on the right. Default: "Align text right" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.JustifyRight("Right alignment")) ) Defines the title of the tool that justifies the text both left and right. Default: "Justify" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.JustifyFull("Full alignment")) ) Defines the title of the tool that inserts an ordered list. Default: "Insert ordered list" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.InsertOrderedList("Create ordered list")) ) Defines the title of the tool that inserts an unordered list. Default: "Insert unordered list" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.InsertUnorderedList("Create unordered list")) ) Defines the title of the tool that indents the content. Default: "Indent" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.Indent("Indent content")) ) Defines the title of the tool that outdents the content. Default: "Outdent" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.Outdent("Outdent content")) ) Defines the title of the tool that creates hyperlinks. Default: "Insert hyperlink" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.CreateLink("Create hyperlink")) ) Defines the title of the tool that removes hyperlinks. Default: "Remove hyperlink" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.Unlink("Destroy hyperlink")) ) Defines the title of the tool that inserts images. Default: "Insert image" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.InsertImage("Add image")) ) Defines the title of the tool that inserts HTML snippets. Default: "Insert HTML" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.InsertHtml("Add HTML")) ) Defines the title of the tool that changes the text font. Default: "Select font family" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.FontName("Choose font family")) ) Defines the text that is shown when the text font will be inherited from the surrounding page. Default: "inherited font" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.FontNameInherit("Select inherited font")) ) Defines the title of the tool that changes the text size. Default: "Select font size" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.FontSize("font size")) ) Defines the text that is shown when the text size will be inherited from the surrounding page. Default: "inherited size" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.FontSizeInherit("Select inherited size")) ) Defines the title of the tool that lets users choose block formats. Deprecated. Default: "Format" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.FormatBlock("Format block")) ) Defines the title of the tool that lets users choose block formats. Default: "Format" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.Formatting("Select block format")) ) Defines the title of the tool that changes the text background color. Default: "Background color" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.BackColor("Select the Background color")) ) Defines the title of the tool that changes the text color. Default: "Color" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.ForeColor("Select text color")) ) Defines the title of the tool that applies styling to elements. The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.Styles("Styles")) ) Defines the title of the tool that shows the editor value as HTML. The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.ViewHtml("View as HTML")) ) Configures the ImageBrowser messages. The action which configures the ImageBrowser messages. @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages .ImageBrowser(imageBrowserMsg => imageBrowserMsg.UploadFile("Upload file")) ) ) Configures the FileBrowser messages. The action which configures the FileBrowser messages. @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages .FileBrowser(fileBrowserMsg => fileBrowserMsg.UploadFile("Upload file")) ) ) Defines the caption for the image URL in the insertImage dialog. Default: "Web address" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.ImageWebAddress("Web address")) ) Defines the caption for the image alternate text in the insertImage dialog. Default: "Alternate text" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.ImageAltText("Alternate text")) ) Defines the caption for the URL in the createLink dialog. Default: "Web address" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.LinkWebAddress("Web address")) ) Defines the caption for the link text in the createLink dialog. Default: "Text" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.LinkText("Text")) ) Defines the caption for the link Tooltip in the createLink dialog. Default: "ToolTip" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.LinkToolTip("ToolTip")) ) Defines the caption for the checkbox for opening the link in a new window in the createLink dialog. Default: "Open link in new window" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.LinkOpenInNewWindow("Open in new window")) ) Defines the label of the insert button in all editor dialogs. Default: "Insert" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.DialogInsert("Insert")) ) Defines the label of the cancel button in all editor dialogs. Default: "Cancel" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.DialogCancel("Cancel")) ) Defines the label of the update button in all editor dialogs. Default: "Update" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.DialogUpdate("Update")) ) Defines the title of the tool that inserts tables. Default: "Create table" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.CreateTable("Add new table")) ) Defines the title of the Clean Formatting tool. Default: "Clean formatting" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.CleanFormatting("Clean formatting")) ) Defines the title of the tool that adds table columns on the left of the selection. Default: "Add column on the left" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.AddColumnLeft("Add left column")) ) Defines the title of the tool that adds table columns on the right of the selection. Default: "Add column on the right" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.AddColumnRight("Add right column")) ) Defines the title of the tool that adds table rows above the selection. Default: "Add row above" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.AddRowAbove("Add row above")) ) Defines the title of the tool that adds table rows below the selection. Default: "Add row below" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.AddRowBelow("Add row below")) ) Defines the title of the tool that deletes selected table columns. Default: "Delete column" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.DeleteColumn("Delete column")) ) Defines the title of the tool that deletes selected table rows. Default: "Delete row" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.DeleteRow("Delete row")) ) Defines the title of the tool that inserts links to files. Default: "Insert file" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.InsertFile("Insert file")) ) Defines the title of the Accessibility in the Table Wizard dialog. Default: "Accessibility" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.AccessibilityTab("Accessibility")) ) Defines the title of the tool that aligns the cell text. Default: "Align Center" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.AlignCenter("Align Center")) ) Defines the title of the tool that aligns the cell text. Default: "Align Center Bottom" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.AlignCenterBottom("Align Center Bottom")) ) Defines the title of the tool that aligns the cell text. Default: "Align Center Middle" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.AlignCenterMiddle("Align Center Middle")) ) Defines the title of the tool that aligns the cell text. Default: "Align Center Top" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.AlignCenterTop("Align Center Top")) ) Defines the title of the tool that aligns the cell text. Default: "Align Left" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.AlignLeft("Align Left")) ) Defines the title of the tool that aligns the cell text. Default: "Align Left Bottom" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.AlignLeftBottom("Align Left Bottom")) ) Defines the title of the tool that aligns the cell text. Default: "Align Left Middle" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.AlignLeftMiddle("Align Left Middle")) ) Defines the title of the tool that aligns the cell text. Default: "Align Left Top" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.AlignLeftTop("Align Left Top")) ) Defines the title of the tool that removes the cell text's alignment. Default: "Remove Alignment" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.AlignRemove("Remove Alignment")) ) Defines the title of the tool that aligns the cell text. Default: "Align Right" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.AlignRight("Align Right")) ) Defines the title of the tool that aligns the cell text. Default: "Align Right Bottom" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.AlignRightBottom("Align Right Bottom")) ) Defines the title of the tool that aligns the cell text. Default: "Align Right Middle" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.AlignRightMiddle("Align Right Middle")) ) Defines the title of the tool that aligns the cell text. Default: "Align Right Top" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.AlignRightTop("Align Right Top")) ) Defines the title of the tool that aligns the table. Default: "Table Align Left" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.TableAlignLeft("Table Align Left")) ) Defines the title of the tool that aligns the table. Default: "Table Align Center" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.TableAlignCenter("Table Align Center")) ) Defines the title of the tool that aligns the table. Default: "Table Align Right" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.TableAlignRight("Table Align Right")) ) Defines the title of the tool that aligns the cell text. Default: "Alignment" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.Alignment("Alignment")) ) Defines the title of the format painter tool button that applies the copied format. Default: "Apply format" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.ApplyFormat("Apply format")) ) Defines the title of the Associate cells with headers tool. Default: "Associate cells with headers" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.AssociateCellsWithHeaders("Associate cells with headers")) ) Defines the title of the tool that changes the text background of the tables/cells. Default: "Background" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.Background("Background")) ) Defines the title of the tool that changes the border of tables. Default: "Border" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.Border("Border")) ) Defines the title of the tool that applies styling to elements. Deprecated. The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.Style("Style")) ) Defines the title of the tool that adds caption to tables. Default: "Caption" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.Caption("Caption")) ) Defines the title of the tool that applies margin to table cells. Default: "Cell Margin" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.CellMargin("Cell Margin")) ) Defines the title of the tool that applies padding to table cells. Default: "Cell Padding" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.CellPadding("Cell Padding")) ) Defines the title of the tool that applies spacing to table cells. Default: "Cell Spacing" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.CellSpacing("Cell Spacing")) ) Defines the title of the Cell tab in Table Wizard dialog. Default: "Cell" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.CellTab("Cell")) ) Defines the title of the Collapse borders option in Table Wizard. Default: "Collapse borders" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.CollapseBorders("Collapse borders")) ) Defines the title of the Columns tool in Table Wizard. Default: "Columns" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.Columns("Columns")) ) Defines the title of the format painter tool button that copies format. Default: "Copy format" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.CopyFormat("Copy format")) ) Defines the status text of the tool that inserts tables, which indicates the dimensions of the inserted table. Default: "Create a {0} x {1} table" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.CreateTableHint("Create a {0} x {1} table")) ) Defines the title of the CSS Class dropdown tool. Default: "CSS Class" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.CssClass("CSS Class")) ) Defines the title of the OK buttons in editor's dialogs. Default: "Ok" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.DialogOk("Okay")) ) Defines the title of the iframe editing area when a sandboxed editor is used. Used as a hint for screen readers. Default: "Editable area. Press F10 for toolbar." The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.EditAreaTitle("Editable area. Press F10 for toolbar.")) ) Defines the caption for the file title in the insertFile dialog. Default: "Title" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.FileTitle("Title")) ) Defines the caption for the file URL in the insertFile dialog. Default: "Web address" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.FileWebAddress("Web address")) ) Defines the title of the height fields. Default: "Height" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.Height("Height")) ) Defines the title of the id fields. Default: "ID" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.Id("ID")) ) Defines the caption for the image height in the insertImage dialog. Default: "Height (px)" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.ImageHeight("Height (px)")) ) Defines the caption for the image width in the insertImage dialog. Default: "Width (px)" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.ImageWidth("Width (px)")) ) Defines the title of the tool that inserts an upper roman list. Default: "Insert upper roman list" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.InsertUpperRomanList("Insert upper roman list")) ) Defines the title of the tool that inserts a lower roman list. Default: "Insert lower roman list" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.InsertLowerRomanList("Insert lower roman list")) ) Defines the title of the tool that shows the overflow tools. Default: "More tools" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.OverflowAnchor("More tools")) ) Defines the title of the redo tool. Default: "Redo" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.Redo("Redo")) ) Defines the title of the Rows field in Table Wizard. Default: "Rows" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.Rows("Rows")) ) Defines the title of the Select All Cells tool. Default: "Select All Cells" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.SelectAllCells("Select All Cells")) ) Defines the title of the Summary field in Table Wizard. Default: "Summary" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.Summary("Summary")) ) Defines the title of the Table tab in Table Wizard. Default: "Table" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.TableTab("Table")) ) Defines the title of the Table Wizard tool. Default: "Table Wizard" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.TableWizard("Table Wizard")) ) Defines the title of the undo tool. Default: "Undo" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.Undo("Undo")) ) Defines the label of the Units dropdowns in TableWizard dialog. Default: "Units" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.Units("Units")) ) Defines the title of the Width fields. Default: "Width" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.Width("Width")) ) Defines the title of the Wrap Text option in Table Wizard. Default: "Wrap text" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.WrapText("Wrap text")) ) Defines the title of the export tool. The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.ExportAs("Export as")) ) Defines the title of the import tool. The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.Import("Import")) ) Defines the fluent API for configuring the EditorPdfMarginSettings settings. Defines the bottom margin. Numbers are considered as "pt" units. The value that configures the bottom margin. @( Html.Kendo().Editor() .Name("Editor") .Pdf(pdf => pdf.Margin(20,20,20,20)) ) Defines the left margin. Numbers are considered as "pt" units. The value that configures the left margin. @( Html.Kendo().Editor() .Name("Editor") .Pdf(pdf => pdf.Margin(20,20,20,20)) ) Defines the right margin. Numbers are considered as "pt" units. The value that configures the right margin. @( Html.Kendo().Editor() .Name("Editor") .Pdf(pdf => pdf.Margin(20,20,20,20)) ) Defines the top margin. Numbers are considered as "pt" units. The value that configures the top margin. @( Html.Kendo().Editor() .Name("Editor") .Pdf(pdf => pdf.Margin(20,20,20,20)) ) Defines the fluent API for configuring the EditorPdfSettings settings. Sets the author of the PDF document. The value that configures the author. @( Html.Kendo().Editor() .Name("Editor") .Pdf(pdf => pdf.Author("User1")) ) Sets the creator of the PDF document. The value that configures the creator. @( Html.Kendo().Editor() .Name("Editor") .Pdf(pdf => pdf.Creator("User1")) ) Defines the date when the PDF document is created. Defaults to new Date(). The value that configures the date. @( Html.Kendo().Editor() .Name("Editor") .Pdf(pdf => pdf.Date(DateTime.Now)) ) Specifies the file name of the exported PDF file. The value that configures the filename. @( Html.Kendo().Editor() .Name("Editor") .Pdf(pdf => pdf.FileName("SampleReport")) ) If set to true, the content will be forwarded to proxyURL even if the browser supports saving files locally. The value that enables the ForceProxy option. @( Html.Kendo().Editor() .Name("Editor") .Pdf(pdf => pdf.ForceProxy(true)) ) Specifies the keywords of the exported PDF file. The value that configures the keywords. @( Html.Kendo().Editor() .Name("Editor") .Pdf(pdf => pdf.Keywords("Editor PDF export")) ) Set to true to reverse the paper dimensions if needed such that width is the larger edge. The value that enables the Landscape option. @( Html.Kendo().Editor() .Name("Editor") .Pdf(pdf => pdf.Landscape(true)) ) Specifies the margins of the page (numbers or strings with units). Supported units are "mm", "cm", "in" and "pt" (default). The action that configures the margin. @( Html.Kendo().Editor() .Name("Editor") .Pdf(pdf => pdf.Margin(20,20,20,20)) ) Specifies the paper size of the PDF document. The default "auto" means paper size is determined by content.Supported values: The value that configures the PaperSize. @( Html.Kendo().Editor() .Name("Editor") .Pdf(pdf => pdf.PaperSize("A4")) ) The URL of the server side proxy which will stream the file to the end user. A proxy will be used when the browser isn't capable of saving files locally (e.g., Internet Explorer 9 and Safari). PDF export is not supported in Internet Explorer 8 and below. The developer is responsible for implementing the server-side proxy. The proxy will receive a POST request with the following parameters in the request body: "contentType", "base64", "fileName". The proxy should return the decoded file with the "Content-Disposition" header set to attachment; filename="<fileName.pdf>". The value that configures the ProxyURL. @( Html.Kendo().Editor() .Name("Editor") .Pdf(pdf => pdf.ProxyURL("/save")) ) A name or keyword indicating where to display the document returned from the proxy. If you want to display the document in a new window or iframe, the proxy should set the "Content-Disposition" header to inline; filename="<fileName.pdf>". The value that configures the ProxyTarget. @( Html.Kendo().Editor() .Name("Editor") .Pdf(pdf => pdf.ProxyTarget("_blank")) ) Sets the subject of the PDF file. The value that configures the subject. @( Html.Kendo().Editor() .Name("Editor") .Pdf(pdf => pdf.Subject("Editor overview")) ) Sets the title of the PDF file. The value that configures the title. @( Html.Kendo().Editor() .Name("Editor") .Pdf(pdf => pdf.Title("Overview")) ) Defines the fluent API for configuring the object. Initializes a new instance of the class. Enables or disables the collision. Specifies whether the collision is enabled. Defines the collision. The collision. Configures the transport of the DataSource Configures Schema properties Configures the initial filter. Configures the initial sort. Use it to configure Custom binding. Use it to configure SignalR binding. Configures the URL for Read operation. Sets controller, action and routeValues for Read operation. Action name Controller Name Route values Sets controller and action for Read operation. Action name Controller Name Configures the URL for Create operation. Sets controller, action and routeValues for Create operation. Action name Controller Name Route values Sets controller and action for Create operation. Action name Controller Name Configures the URL for Update operation. Sets controller, action and routeValues for Update operation. Action name Controller Name Route values Sets controller and action for Update operation. Action name Controller Name Configures the URL for Destroy operation. Sets controller, action and routeValues for Destroy operation. Action name Controller Name Route values Sets controller and action for Destroy operation. Action name Controller Name Configures the client-side events Configures the model Specifies if filtering should be handled by the server. Specifies if filtering should be handled by the server. Specify the model isDirectory member name. The member name. The text displayed in the operators drop down. The name of the operator's handler Defines the fluent API for configuring the Kendo Filter for ASP.NET MVC. Initializes a new instance of the class. The component. If set to true the filter will display a button which when clicked will apply filtering over the datasource. The value that configures the applybutton. If set to true the filter will visualize the filter expression that will be applied to the datasource. The value that configures the expressionpreview. Defines the value of the logical operator at the root level of the filter expression. The value that configures the mainlogic. The text of the filter operators displayed in the filter. The configurator for the operators setting. The configuration of the filter fields. An array of JavaScript objects that hold information regarding the filter field, it's editor, default values used for filter and etc. The configurator for the fields setting. The data source to which the widget will apply a filter. Should be an existing kendo.data.DataSource instance. The value for DataSource If set to true the filter will display a button which when clicked will apply filtering over the datasource. The value that configures the applybutton. An object which represents a filter expression which the kendo.data.DataSource can use to filter the data. The value for Expression If set to true the filter will visualize the filter expression that will be applied to the datasource. An object which represents a filter expression which the kendo.data.DataSource can use to filter the data. The value for Expression Configures the client-side events. The client events action. @( Html.Kendo().Filter() .Name("Filter") .Events(events => events .Change("onChange") ) ) The text messages displayed in the filter. Use it to customize or localize the filter messages. The action that configures the messages. Defines the fluent API for configuring the FlatColorPickerContrastToolSettings settings. Initialize the The Sets the background color for the contrast tool in the ColorGradient. The value that configures the backgroundcolor. Defines the fluent API for configuring the Kendo FlatColorPicker for ASP.NET MVC events. Initializes a new instance of the class. The client events. Triggers when a new color has been selected. The name of the JavaScript function that will handle the change event. Defines the fluent API for configuring the FlatColorPickerMessagesSettings settings. Initialize the The Allows customization of "Apply" label. The value that configures the apply. Allows customization of "Cancel" label. The value that configures the cancel. Allows customization of the Clear Color button label. The value that configures the clearcolor. Allows customization of the "Contrast ratio" text in the contrast tool. The value that configures the contrastratio. Allows customization of the "Fail" text in the contrast tool. The value that configures the fail. Allows customization of the "Pass" text in the contrast tool. The value that configures the pass. Allows customization of the Gradient view button. The value that configures the gradient. Allows customization of the Palette view button. The value that configures the palette. Allows customization of the toggle format button's aria-label in the Gradient's input editor. The value that configures the toggleformat. Allows customization of the rgb's red input's aria-label in the Gradient's input editor. The value that configures the red. Allows customization of the rgb's green input's aria-label in the Gradient's input editor. The value that configures the green. Allows customization of the rgb's blue input's aria-label in the Gradient's input editor. The value that configures the blue. Allows customization of the rgb's alpha input's aria-label in the Gradient's input editor. The value that configures the alpha. Allows customization of the hex input's aria-label in the Gradient's input editor. The value that configures the hex. Defines the fluent API for configuring the Kendo FloatingActionButton for ASP.NET MVC events. Initialize the The The value that configures the horizontal offset. The value that configures the horizontal offset. The value that configures the horizontal offset. The value that configures the horizontal offset. Defines the fluent API for configuring the FormItemLabelSettingsBuilder settings. Initialize the The Configures the FormItem Label Text option. The value that configures the text. Configures the FormItem Label Optional option. The value that configures if the optional label will be displayed. Configures the FormItem Label Encoded option. The value that configures if the text of the label is encoded. Defines the fluent API for configuring the FormItem settings. Initialize the The Defines the field label. The value that configures the label. Specify the layout of the Group. Valid options are: grid: This is equivalent to display: grid. It defines the form element as a grid container and establishes a new grid formatting context for its contents.. The value that configures the layout of the Group. Grid layout settings. The action that configures the grid. Defines the field size when grid layout is used. A JavaScript array that contains the Form's items configuration. The action that configures the items. Initializes a new instance of the class. The container. Initialize the The Defines the element in which the validation summary will be rendered. The value that configures the container option. Specifies the validation summary template. The value that configures the template. Specifies the validation summary template. The value that configures the template. Defines the fluent interface for configuring the Gantt assignments . Initializes a new instance of the class. The datasource The viewContext The Url generator Initialize the The The role data attribute of the widget that is used in the filter menu, or a JavaScript function which initializes that widget. The value that configures the ui action. The role data attribute of the widget that is used in the filter menu, or a JavaScript function which initializes that widget. The value that configures the ui action. Initializes a new instance of the class. The column. Initializes a new instance of the class. The column. Represents the GaugeRadialPointerFactory GaugeLinearPointerFactory Defines the fluent API for configuring the DiagramEditableResizeSettings settings. Specifies the settings of the resizing handles. See the editable.resize configuration for an example. The action that configures the handles. Defines the fluent API for configuring GridPdfSettings Specifies whether the column should be exported to Excel. If set to false, the column won't be in the exported file. @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.Bound(c => c.Name).Exportable(e=>e.Excel(true)); })) Specifies whether the column should be exported to Pdf. If set to false, the column won't be in the exported file. @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.Bound(c => c.Name).Exportable(e=>e.Pdf(true)); })) Defines the fluent API for configuring GridColumnMenuColumnsSettings The sort order which will be applied over the columns list. By default, the columns menu items are in the same order as the columns in the grid.The supported values are: "asc" (ascending order) or "desc" (descending order). The sort order value. @(Html.Kendo().Grid(Model) .Name("Grid") .ColumnMenu(cm => cm.Columns(col => col.Sort("desc"))) ) The user defined groups of the columns visibility list. The configurator for the groups setting. @(Html.Kendo().Grid(Model) .Name("Grid") .ColumnMenu(cm => cm.Columns(col => col.Groups(gr => gr.Add().Title("group1")))) ) Defines the fluent interface for configuring columns. The type of the column builder. Initializes a new instance of the class. The column. Sets the HTML attributes applied to the footer cell of the column. The attributes. @(Html.Kendo().Grid(Model) .Name("Grid") .Columns(columns => columns.Bound(o => o.OrderID).FooterHtmlAttributes(new {@class="order-footer"}))) Sets the HTML attributes applied to the footer cell of the column. The attributes. @(Html.Kendo().Grid(Model) .Name("Grid") .Columns(columns => columns.Bound(o => o.OrderID).FooterHtmlAttributes(new {@class="order-footer"}))) Specifys whether the columns should be included in column header menu. By default all columns are included. The column also need to have a Title set in order to be included in the menu. The value used for the condition. @(Html.Kendo().Grid(Model) .Name("Grid") .Columns(columns => columns.Bound(o => o.OrderID).IncludeInMenu((bool)ViewData["hidden"]))) Sets the footer template for the column. The action defining the template. @(Html.Kendo().Grid(Model) .Name("Grid") .Columns(columns => columns.Bound(o => o.Name).FooterTemplate(x=>x.Average))) Sets the footer template for the column. The string defining the template. @(Html.Kendo().Grid(Model) .Name("Grid") .Columns(columns => columns.Bound(o => o.Name).FooterTemplate("Template"))) Sets the footer template for the column. The action defining the template. @(Html.Kendo().Grid(Model) .Name("Grid") .Columns(columns => columns.Bound(o => o.Name).FooterTemplate(@<text> Template </text>))) Sets the client footer template for the column. The action defining the template. @(Html.Kendo().Grid(Model) .Name("Grid") .Columns(columns => columns.Bound(o => o.Name).ClientFooterTemplate("Template value"))) Sets the client group footer template for the column. The template @(Html.Kendo().Grid(Model) .Name("Grid") .Columns(columns => columns.Bound(o => o.Name).ClientGroupFooterTemplate("Template value"))) Defines the fluent interface for configuring the Filter menu DropDownList options. Enables you to set a title to the ColumnMenu group. The text for the group title. @(Html.Kendo().Grid(Model) .Name("Grid") .ColumnMenu(cm => cm.Columns(col => col.Groups(gr => gr.Add().Title("group1")))) ) Adds an item to the collection Defines the fluent interface for configuring groupable sort settings. Initializes a new instance of the class. The settings. Sets the sort compare when grouping. The name of a JavaScript function which is used to compare the groups (refer to sortable for sorting the items of the groups). It has the same signature as the compare function accepted by Array.sort. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID); columns.Bound(p => p.Freight); }) .Groupable(g => g.Sort(s => s.Compare("compare"))) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the sort direction when grouping. The sort order of the groups according to the group field. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID); columns.Bound(p => p.Freight); }) .Groupable(g => g.Sort(s => s.Dir(System.ComponentModel.ListSortDirection.Descending))) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Defines the fluent interface for configuring bound columns sortable options Initializes a new instance of the class. The settings. Sets the sort compare when grouping. A JavaScript function which is used to compare the groups @(Html.Kendo().Grid(Model) .Name("grid") .Filterable() .Columns(columns => { columns.Bound(c => c.Name).Groupable(grp=>grp.Sort(x=>x.Compare("compareByTotal"))); })) Sets the sort direction when grouping. The sort direction of the list. @(Html.Kendo().Grid(Model) .Name("grid") .Filterable() .Columns(columns => { columns.Bound(c => c.Name).Groupable(grp=>grp.Sort(x=>x.Dir(ListSortDirection.Ascending))); })) Defines the fluent interface for configuring bound columns sortable options Initializes a new instance of the class. The settings. Sets a sort configuration when grouping. The configurator. @(Html.Kendo().Grid(Model) .Name("grid") .Filterable() .Columns(columns => { columns.Bound(c => c.Name).Groupable(grp=>grp.Sort(x=>x.Dir(ListSortDirection.Ascending))); })) Defines the fluent interface for configuring bound columns sortable options Initializes a new instance of the class. The settings. Sets a value determining whether the column can be unsorted or not. The a value determining whether the column can be unsorted (true) or not (false). @(Html.Kendo().Grid(Model) .Name("Grid") .Columns(columns => columns.Bound(o => o.OrderDate) .Sortable(sortable => sortable.AllowUnsort(false) ) )) Sets а JavaScript function which is used to compare the values. The handler. @(Html.Kendo().Grid(Model) .Name("Grid") .Columns(columns => columns.Bound(o => o.OrderDate) .Sortable(sortable => sortable.Compare( @<text> function(a, b, descending) { // compare logic } </text> ) ) )) Sets а JavaScript function which is used to compare the values. The JavaScript handler. @(Html.Kendo().Grid(Model) .Name("Grid") .Columns(columns => columns.Bound(o => o.OrderDate) .Sortable(sortable => sortable.Compare("compare") ) )) Determines the initial sort direction. The initial sort direction. @(Html.Kendo().Grid(Model) .Name("Grid") .Columns(columns => columns.Bound(o => o.OrderDate) .Sortable(sortable => sortable.InitialDirection(ListSortDirection.Ascending) ) )) Sets the text that will be displayed when no records are present Defines the text of the "NoRecords" option that is rendered when no records are available in current view. The "NoRecords" options should be set. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Messages(m => m.NoRecords("No records")) .NoRecords() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the expand collapse column header message Allows the customization of the text in the column header for the expand or collapse columns. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Messages(m => m.ExpandCollapseColumnHeader("E/C")) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the group header message Allows the customization of the text when grouping a header. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Messages(m => m.GroupHeader("Group header")) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the ungroup header message Allows the customization of the text when ungrouping a header. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Messages(m => m.UngroupHeader("Ungroup header")) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Defines the fluent interface for configuring Initializes a new instance of the class. The pager. Specifies a template used to populate the value of the aria-label attribute of the pager element.The parameters available for the template are: page - The current page. or totalPages - The total number of pages.. The value that configures the ariatemplate. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Pageable(p => p.ARIATemplate("Current page is #=page#")) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Specifies a template used to populate the value of the aria-label attribute of the pager element.The parameters available for the template are: page - The current page. or totalPages - The total number of pages.. The value that configures the ariatemplate. <script id="pageableAriaTemplateId" type="text/x-kendo-template"> HTML template </script> @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Pageable(p => p.ARIATemplateId("pageableAriaTemplateId")) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Specifies a template used to populate the value of the aria-label attribute of the pager element.The parameters available for the template are: page - The current page. or totalPages - The total number of pages.. The value that configures the ariatemplate. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Pageable(p => p.ARIATemplateView(Html.Partial("pageableAriaTemplateId"))) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets alwaysVisible option for the grid's pager. A value indicating whether the pager should be visible when total items in DataSource is less than pageSize @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Pageable(p => p.AlwaysVisible(true)) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Configures the grid pager position. Specifies the position in which the grid pager will be rendered. Valid values are "top" and "bottom" (default). @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Pageable(p => p.Position(GridPagerPosition.Top)) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the page sizes of the grid. The values shown in the pageSize dropdown @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Pageable(p => p.PageSizes(new int[] { 10, 20, 30 })) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the page sizes of the grid. A value indicating whether to enable the page sizes dropdown @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Pageable(p => p.PageSizes(false)) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the number of buttons displayed in the numeric pager. Default is 10. The maximum number of buttons displayed in the numeric pager. The pager will display ellipsis (...) if there are more pages than the specified number. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Pageable(p => p.ButtonCount(2)) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) If set to true the pager will display buttons for navigating to specific pages. By default those buttons are displayed. Enables or disables the buttons for navigating to specific pages. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Pageable(p => p.Numeric(false)) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Enables or disables additional info for the records in the pager. Enables or disables the information about the records in the pager. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Pageable(p => p.Info(false)) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Enables or disables the manual input for the pager. Enables or disables the manual input for the pager. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Pageable(p => p.Input(true)) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) If set to true the pager will display the refresh button. Clicking the refresh button will refresh the grid. By default the refresh button is not displayed. The boolean parameter for the Refresh option of the Pager in a Grid. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Pageable(p => p.Refresh(true)) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) If set to false the pager will not be responsive. By default the pager is responsive. The value that configures the responsive. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Pageable(p => p.Responsive(false)) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) The text messages displayed in pager. Use this option to customize or localize the pager messages. The messages for the Pageable options. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Pageable(p => p.Messages(m => m.Display("Showing {0}-{1} from {2} data items"))) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) If set to true the pager will display buttons for going to the first, previous, next and last pages. By default those buttons are displayed. The boolean parameter for the PreviousNext option of the Pager in a Grid. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Pageable(p => p.PreviousNext(false)) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Enables or disables paging. Enables or disables paging. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Pageable(p => p.Enabled(false)) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) If set to true the user could navigate the widget using the keyboard navigation. By default keyboard navigation is disabled. The value that configures the navigatable functionality of the pager in the Grid. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Pageable(p => p.Navigatable(true)) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Defines the fluent API for configuring GridSearchSettings Defines the fields and their expressions for filtering with the Search Toolbar. An expression returning a Search field that will apply an expressionOperator. An expressionOperator that will be applied for a field in the Search functionality. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .ToolBar(t => t.Search()) .Search(s => { s.Field(o => o.OrderID, "eq"); s.Field(o => o.Freight, "gt"); s.Field(o => o.ShipName, "contains"); s.Field(o => o.ShipCity, "contains"); }) .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Defines the name of the JavaScript function that will handle the ColumnMenuInit client-side event. A field that will apply an expressionOperator. An expressionOperator that will be applied for a field in the Search functionality. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .ToolBar(t => t.Search()) .Search(s => { s.Field("OrderID", "eq"); s.Field("Freight", "gt"); s.Field("ShipName", "contains"); s.Field("ShipCity", "contains"); }) .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Defines the fluent interface for enabling the select column component. Initializes a new instance of the class. The column. Defines the fluent interface for configuring Enables or disables AllowCopy. @(Html.Kendo().Grid(Model) .Name("Grid") .AllowCopy(config => config.Enabled((bool)ViewData["allowCopy"])) ) The Enabled method is useful when you need to enable scrolling based on certain conditions. Specifies whether multiple or single selection is allowed. @(Html.Kendo().Grid(Model) .Name("Grid") .Selectable(selection => selection.Delimeter((bool)ViewData["selectionMode"])) ) The Mode method is useful to switch between different selection modes. Defines the fluent interface for configuring grid noRecords option. Initializes a new instance of the class. The settings. The template used for noRecords option. The template which is rendered when current view contains no records. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .NoRecords(n => n.Template("No data available on current page. Current page is: #=this.dataSource.page()#")) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) ) ) The Id of the template used for noRecords option. The template which is rendered when current view contains no records. <script id="noRecordsTemplate" type="text/x-kendo-template"> external HTML template, not centered </script> @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .NoRecords(n => n.TemplateId("noRecordsTemplate")) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) ) ) The Id of the template used for noRecords option. The template which is rendered when current view contains no records. <script id="noRecordsTemplate" type="text/x-kendo-template"> external HTML template, not centered </script> @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .NoRecords(n => n.TemplateView(Html.Partial("noRecordsTemplate"))) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) ) ) Defines the fluent interface for configuring toolbar search command. Sets the text of the placeholder in the grid search panel. The text which should be displayed Represents the listbox toolbar positions. The listbox's toolbar is positioned on the top The listbox's toolbar is positioned on the bottom The listbox's toolbar is positioned on the left The listbox's toolbar is positioned on the right ListBoxToolFactory Adds "MoveUp" tool. Adds "MoveDown" tool. Adds "Remove" tool. Adds "TransferAllFrom" tool. Adds "TransferAllTo" tool. Adds "TransferFrom" tool. Adds "TransferTo" tool. Defines the fluent API for configuring the MaskedTextBoxLabelSettings settings. Initialize the The Sets the inner HTML of the label. The value that configures the content. Sets the inner HTML of the label. The name of the JavaScript function that will be evaluated. If set to true, the widget will be wrapped in a container that will allow the floating label functionality. The value that configures the floating. Defines the fluent API for configuring the Kendo UI MediaPlayer If set to true the widget will start playing the video\vidoes after initializing The value for AutoPlay If set to true the widget will start playing the video\vidoes after initializing If set to true the widget will start playing the video\vidoes after initializing The value for AutoRepeat If set to true the widget will start playing the video\vidoes after initializing If set to false the user will be prevented from seeking the video forward The value for ForwardSeek If set to true the widget will enter in full-sreen mode The value for FullScreen If set to true the widget will enter in full-sreen mode The object which holds the localization strings The configurator for the messages setting. If set to true the video will be played without sound The value for Mute If set to true the video will be played without sound If set to true will enable the keyboard navigation for the widget The value for Navigatable If set to true will enable the keyboard navigation for the widget A value between 0 and 100 that specifies the volume of the video The value for Volume Configures the client-side events. The client events action. @(Html.Kendo().MediaPlayer() .Name("MediaPlayer") .Events(events => events .End("onEnd") ) ) Specifies the object which holds the information about the media that will be played The configurator Defines the fluent API for configuring the Kendo UI MediaPlayer for ASP.NET MVC events. Fires when the media finishes playing.The event handler function context (available via the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the end event. Fires when the media finishes playing.The event handler function context (available via the this keyword) will be set to the widget instance. The handler code wrapped in a text tag. Fires when the media is paused.The event handler function context (available via the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the pause event. Fires when the media is paused.The event handler function context (available via the this keyword) will be set to the widget instance. The handler code wrapped in a text tag. Fires when the media begins playing.The event handler function context (available via the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the play event. Fires when the media begins playing.The event handler function context (available via the this keyword) will be set to the widget instance. The handler code wrapped in a text tag. Fires when loading is over and the widget is ready to start playing the media.The event handler function context (available via the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the ready event. Fires when loading is over and the widget is ready to start playing the media.The event handler function context (available via the this keyword) will be set to the widget instance. The handler code wrapped in a text tag. Fires when the user selects a new play time.The event handler function context (available via the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the timeChange event. Fires when the user selects a new play time.The event handler function context (available via the this keyword) will be set to the widget instance. The handler code wrapped in a text tag. This event if fired upon changing the volume level.The event handler function context (available via the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the volumeChange event. This event if fired upon changing the volume level.The event handler function context (available via the this keyword) will be set to the widget instance. The handler code wrapped in a text tag. The fluent API for the Media Player. Specifies the title of the media that will be played Defines the fluent API for configuring MediaPlayerMessagesSettings Pause button tooltip message The value for Pause Play button tooltip message The value for Play Volume/Mute button tooltip message The value for Mute Volume slider button tooltip message The value for Volume Quality button tooltip message The value for Quality Fullscreen button tooltip message The value for Fullscreen Defines the configuration of openOnClick Menu setting/> Initializes a new instance of the class. The settings. Defines whether the root menus should be opened on each click. @( Html.Kendo().Menu() .Name("Menu") .OpenOnClick(o => o.RootMenuItems(true)) ) Defines whether the sub menus should be opened on each click. @( Html.Kendo().Menu() .Name("Menu") .OpenOnClick(o => o.SubMenuItems(true)) ) Defines the fluent interface for configuring Menu scrolling/> Initializes a new instance of the class. The settings. Distance sets the scroll amount (in pixels) that the menu scrolls when the scroll buttons are hovered. Each such distance is animated and then another animation starts with the same distance. If clicking a scroll button, the menu scrolls with by doubling. Default value is 50. The scroll distance in pixels. @( Html.Kendo().Menu() .Name("Menu") .Scrollable(s => s.Distance(200)) ) Defines the fluent API for configuring the Kendo MobileApplication Icon. Add icon url per dimension The dimension in format 72x72 The dimension url Default dimension icon url The icon url Defines the fluent API for configuring the Kendo for ASP.NET MVC. Initializes a new instance of the class. The component. Defines if the widget is initially enabled or disabled. The value that configures the enable. Defines the initially selected Button (zero based index). The value that configures the index. Accepts "multiple" and "single".By default, single selection is enabled. The value that configures the selecton. Contains the items of the button group widget The action that configures the items. BindTo method of the ButtonGroup The action that configures the items. Configures the client-side events. The client events action. @( Html.Kendo().ButtonGroup() .Name("ButtonGroup") .Events(events => events .Select("onSelect") ) ) Defines the fluent API for configuring the Kendo MobileButtonGroup for ASP.NET MVC events. Fires when a Button is selected. The name of the JavaScript function that will handle the select event. Defines the fluent API for configuring the ButtonGroupItem settings. Defines the name of an existing icon in a Kendo theme. The value that configures the icon. Allows the usage of custom icons. Defines CSS classes which are to be applied to a span element inside the ButtonGroup item The value that configures the custom icon. Specifies if text field of the ButtonGroup item should be encoded. The value that configures whether text should be encoded. Specifies the text of the item The value that configures the text. Selects or unselects the item. By default items are not selected. Enables or disables the item. Disabled item cannot be clicked. Sets the HTML attributes. The HTML attributes. Sets the HTML attributes. The HTML attributes. If set to true a default overlay badge will be displayed. If set to a string, an ovelay with content set to the specified string will be displayed. Can be set to a JavaScript object which represents the configuration of the Badge widget. The configurator for the badge setting. If set to true a default overlay badge will be displayed. If set to a string, an ovelay with content set to the specified string will be displayed. Can be set to a JavaScript object which represents the configuration of the Badge widget. Enables or disables the badge option. Defines the fluent API for adding items to Kendo MobileButtonGroup for ASP.NET MVC Defines the fluent API for configuring the Kendo MobileCollapsible for ASP.NET MVC. Initializes a new instance of the class. The component. Turns on or off the animation of the widget. The value that configures the animation. If set to false the widget content will be expanded initially. The content of the widget is collapsed by default. The value that configures the collapsed. Sets the icon for the header of the collapsible widget when it is in a expanded state. The value that configures the expandicon. Forces inset appearance - the collapsible panel is padded from the View and receives rounded corners. The value that configures the inset. Sets the HTML content which the header should display. The action which renders the header. @( Html.Kendo().MobileCollapsible() .Name("Collapsible") .Header(() => { ) <strong> Collapsible Header </strong> @( }) .Render(); ) Sets the HTML content which the header should display. The content wrapped in a regular HTML tag or text tag (Razor syntax). @(Html.Kendo().MobileCollapsible() .Name("Collapsible") .Header( @<text> Some text <strong> Collapsible Header </strong> </text> ) ) Sets the HTML content which the header should display as a string. The action which renders the header. @( Html.Kendo().MobileCollapsible() .Name("Collapsible") .Header("<strong> Collapsible Header </strong>"); .Render(); ) Sets the HTML content which the content should display. The action which renders the content. @( Html.Kendo().MobileCollapsible() .Name("Collapsible") .Content(() => { ) <strong> Collapsible Content </strong> ( }) .Render(); ) Sets the HTML content which the content should display. The content wrapped in a regular HTML tag or text tag (Razor syntax). @(Html.Kendo().MobileCollapsible() .Name("Collapsible") .Content( @<text> Some text <strong> Collapsible Content </strong> </text> ) ) Sets the HTML content which the view content should display as a string. The action which renders the view content. @( Html.Kendo().MobileCollapsible() .Name("Collapsible") .Content("<strong> Collapsible Content </strong>"); .Render(); ) Configures the client-side events. The client events action. @( Html.Kendo().MobileCollapsible() .Name("MobileCollapsible") .Events(events => events .Collapse("onCollapse") ) ) Sets the icon position in the header of the collapsible widget. Possible values are "left", "right", "top". The value that configures the iconposition. Defines the fluent API for configuring the Kendo MobileCollapsible for ASP.NET MVC events. Fires when the user collapses the content. The name of the JavaScript function that will handle the collapse event. Fires when the user expands the content. The name of the JavaScript function that will handle the expand event. Defines the fluent API for configuring the MultiSelectMessagesSettings settings. The text message shown when hovering the clear button. The value that configures the clear message. @(Html.Kendo().MultiSelect() .Name("MultiSelect") .Messages(m => m.Clear("Remove")) ) The text message shown when hovering the delete button. The value that configures the delete tag message. @(Html.Kendo().MultiSelect() .Name("MultiSelect") .Messages(m => m.DeleteTag("Delete")) ) The text message shown when hovering the arrow button. The value that configures the down arrow message. @(Html.Kendo().MultiSelect() .Name("MultiSelect") .Messages(m => m.DownArrow("Open")) ) The text message shown in single tag. The value that configures the single tag. @(Html.Kendo().MultiSelect() .Name("MultiSelect") .Messages(m => m.SingleTag("Selected")) ) The text that would be displayed in the NoDataTemplate. The value that configures the NoDataTemplate message. @(Html.Kendo().MultiSelect() .Name("MultiSelect") .Messages(m => m.NoData("no records loaded")) ) Defines the fluent API for configuring the NumericTextBoxLabelSettings settings. Initialize the The Sets the inner HTML of the label. The value that configures the content. Sets the inner HTML of the label. The name of the JavaScript function that will be evaluated. If set to true, the widget will be wrapped in a container that will allow the floating label functionality. The value that configures the floating. Represents the OrgChartAjaxDataSourceBuilder Configures Model properties Configures the URL for Update operation. Sets controller and action for Update operation. Action name Controller Name Sets controller, action and routeValues for Update operation. Action name Controller Name Route values Configures the URL for Create operation. Sets controller and action for Create operation. Action name Controller Name Sets controller, action and routeValues for Create operation. Action name Controller Name Route values Configures the URL for Destroy operation. Sets controller and action for Destroy operation. Action name Controller Name Sets controller, action and routeValues for Destroy operation. Action name Controller Name Route values Determines if modifications will be sent to the server in batches or as individually requests. If true changes will be batched, otherwise false. Determines if data source would automatically sync any changes to its data items. By default changes are not automatically sync-ed. If true changes will be automatically synced, otherwise false. Defines the fluent API for configuring the PDFViewerPdfjsProcessingFileSettings settings. Initialize the The Specifies the url of the file. The url that points the file. Specifies the file's data. The data that corresponds to the file. Specifies the the URL where the predefined Adobe CMaps are located. The CMap URL. Specifies if the Adobe CMaps are binary packed. The CMapPacked. Configures the client-side events Configures the schema of the Ajax DataSource Configures the transport of the Custom DataSource Sets the columns of the Custom DataSource. Sets the rows of the Custom DataSource. Sets the measures of the Custom DataSource. Defines the fluent interface for configuring the component. Use it to configure Xmla binding. Use it to configure Custom binding. Defines the fluent API for configuring QRCodeOverlaySettings The height of the overlay in pixels. The value for Height Available options are image and swiss. When set to image you have to specify the url source of the image. If set to swiss a Swiss QR Code is created. The value for Type The URL of the displayed overlay image. The value for ImageUrl The width of the overlay in pixels. The value for Width Defines the fluent interface for configuring the . Defines the fluent API for configuring the Kendo ScrollView for ASP.NET MVC. Initializes a new instance of the class. The component. Specifies a template is used to populate an aria-live element that anounces which is the current item. The value that configures the ariatemplate. Specifies a template is used to populate an aria-live element that anounces which is the current item. The value that configures the ariatemplate. Specifies a template is used to populate an aria-live element that anounces which is the current item. The value that configures the ariatemplate. Specifies a template is used to populate an aria-live element that anounces which is the current item. The value that configures the ariatemplate. If set to false the widget will not bind to the DataSource during initialization. The value that configures the autobind. The intensity of the swipe after which the swipe will result in a bounce effect when the user scrolls to the next page. Higher values require more accelerative swipe to notice the bounce effect when a page is changed. The value that configures the bouncevelocitythreshold. The duration (in milliseconds) for the ScrollView to snap to the current page after the user releases it. The value that configures the duration. The template for rendering the pages without content. By default, the ScrollView renders a blank page. The value that configures the emptytemplate. The template for rendering the pages without content. By default, the ScrollView renders a blank page. The value that configures the emptytemplate. The template for rendering the pages without content. By default, the ScrollView renders a blank page. The value that configures the emptytemplate. The template for rendering the pages without content. By default, the ScrollView renders a blank page. The value that configures the emptytemplate. If set to true, the ScrollView will display a pager. By default, the pager is enabled. The value that configures the enablepager. Defines the messages that are set as aria-lables for the previous and next buttons. The action that configures the messages. If set to true enables the built-in keyboard navigation The value that configures the navigatable. If set to true the grid will display a pager. By default paging is disabled.Can be set to a JavaScript object which represents the pager configuration. If set to true the grid will display a pager. By default paging is disabled.Can be set to a JavaScript object which represents the pager configuration. Enables or disables the pageable option. If set to true the grid will display a pager. By default paging is disabled.Can be set to a JavaScript object which represents the pager configuration. The action that configures the pageable. The initial page that will be displayed. The value that configures the page. The template for rendering the content of the pages. By default, the ScrollView renders a div element for every page. The value that configures the template. The template for rendering the content of the pages. By default, the ScrollView renders a div element for every page. The value that configures the template. The template for rendering the content of the pages. By default, the ScrollView renders a div element for every page. The value that configures the template. The template for rendering the content of the pages. By default, the ScrollView renders a div element for every page. The value that configures the template. The length of the horizontal swipe after which a swipe will navigate to the next page - as opposed to snapping back to the current page. Higher values require long area swipes to navigate to the next page. The value that configures the velocitythreshold. The height of the ScrollView content. The value that configures the contentheight. Contains the items of the ScrollView widget The action that configures the items. The height of the ScrollView content. The value that configures the contentheight. Instance of DataSource or the data that the mobile ScrollView will be bound to. The value that configures the datasource. Configures the client-side events. The client events action. @( Html.Kendo().ScrollView() .Name("ScrollView") .Events(events => events .Change("onChange") ) ) If set to true enables the built-in keyboard navigation Defines the fluent API for configuring the Kendo ScrollView for ASP.NET MVC events. Fires when the ScrollView page is changed. The name of the JavaScript function that will handle the change event. Fires when the ScrollView page is changed. The code of the JavaScript function that will handle the change event. Fires when the ScrollView refreshes. The name of the JavaScript function that will handle the refresh event. Fires when the ScrollView refreshes. The code of the JavaScript function that will handle the refresh event. Defines the fluent API for configuring the ScrollViewItem settings. Sets the HTML attributes. The HTML attributes. Sets the HTML attributes. The HTML attributes. Sets the HTML content which the content should display. The action which renders the content. @( Html.Kendo().ScrollView() .Name("View") .Items(items => items.Add() .Content(() => { ) <strong> View Content </strong> ( }) ) .Render(); ) Sets the HTML content which the content should display. The content wrapped in a regular HTML tag or text tag (Razor syntax). @(Html.Kendo().ScrollView() .Name("View") .Items(items => items.Add() .Content( @<text> Some text <strong> View Content </strong> </text> ) ) ) Sets the HTML content which the view content should display as a string. The action which renders the view content. @( Html.Kendo().ScrollView() .Name("View") .Items(items => items.Add() .Content("<strong> View Content </strong>")) .Render(); ) Defines the fluent API for adding items to Kendo ScrollView for ASP.NET MVC Initializes a new instance of the class. The Group of tools. Adds Open tool. Adds ExportAs tool. Adds Cut tool. Adds Copy tool. Adds Paste tool. Adds Bold tool. Adds Italic tool. Adds Underline tool. Adds BackgroundColor tool. Adds TextColor tool. Adds Borders tool. Adds FontSize tool. Adds FontFamily tool. Adds Alignment tool. Adds TextWrap tool. Adds FormatDecreaseDecimal tool. Adds FormatIncreaseDecimal tool. Adds Format tool. Adds Merge tool. Adds Freeze tool. Adds Filter tool. Adds Hyperlink tool. Adds InsertComment tool. Adds InsertImage tool. Adds ToggleGridLines tool. Adds AddColumnLeft tool. Adds AddColumnRight tool. Adds AddRowBelow tool. Adds AddRowAbove tool. Adds DeleteColumn tool. Adds DeleteRow tool. Adds Sort tool. Adds Validation tool. Initializes a new instance of the class. The tab. Clears all tools. Adds Open tool. Adds ExportAs tool. Adds Cut tool. Adds Copy tool. Adds Paste tool. Adds Bold tool. Adds Italic tool. Adds Underline tool. Adds BackgroundColor tool. Adds TextColor tool. Adds Borders tool. Adds FontSize tool. Adds FontFamily tool. Adds Alignment tool. Adds TextWrap tool. Adds FormatDecreaseDecimal tool. Adds FormatIncreaseDecimal tool. Adds Format tool. Adds Merge tool. Adds Freeze tool. Adds Filter tool. Adds Hyperlink tool. Adds InsertComment tool. Adds InsertImage tool. Adds ToggleGridLines tool. Adds AddColumnLeft tool. Adds AddColumnRight tool. Adds AddRowBelow tool. Adds AddRowAbove tool. Adds DeleteColumn tool. Adds DeleteRow tool. Adds Sort tool. Adds Validation tool. Defines the fluent API for configuring the Kendo Switch for ASP.NET MVC. Initializes a new instance of the class. The component. The checked state of the widget. The value that configures the checked. Defines the text of the checked and unchecked labels that are shown within the Switch. All labels could be localized. The value that configures the enable. If set to `true` the Kendo UI Switch will render into its read-only state. The value that configures the readonly. The width of the Kendo UI Switch. The value that configures the width. Defines the text of the checked and unchecked labels that are shown within the Switch. All labels could be localized. The action that configures the messages. Sets the size of the component. The value for Size Sets a value controlling the track's border radius. The value for TrackRounded Sets a value controlling the thumb's border radius. The value for ThumbRounded Configures the client-side events. The client events action. @( Html.Kendo().Switch() .Name("Switch") .Events(events => events .Change("onChange") ) ) Defines the fluent API for configuring the Kendo Switch for ASP.NET MVC events. Fires when the state of the widget changes The name of the JavaScript function that will handle the change event. Defines the fluent API for configuring MultiColumnComboBoxColumn Defines the field for the column. The value for Field Defines the text of the column title in the header. The value for Title Renders a template for the column. The value for Template Renders a template for the column. The ID of the template element for Template Renders a template for the column header. The value for HeaderTemplate Renders a template for the column header. The ID of the template element for HeaderTemplate The width of the column. Numeric values are treated as pixels. The value for Width The width of the column. Numeric values are treated as pixels. The value for Width Defines the fluent API for configuring List<MultiColumnComboBoxColumn> Adds an item to the collection Defines the fluent interface for configuring the component. Initializes a new instance of the class. The component. Controls whether to bind the widget to the DataSource on initialization. @( Html.Kendo().MultiColumnComboBox() .Name("MultiColumnComboBox") .AutoBind(false) ) Binds the ComboBox to a list of DropDownListItem. The data source. @( Html.Kendo().MultiColumnComboBox() .Name("MultiColumnComboBox") .BindTo(new List<DropDownListItem> { new DropDownListItem{ Text = "Text1", Value = "Value1" }, new DropDownListItem{ Text = "Text2", Value = "Value2" } }) ) Binds the ComboBox to a list of SelectListItem. The data source. @( Html.Kendo().MultiColumnComboBox() .Name("MultiColumnComboBox") .BindTo(new List<SelectListItem> { new SelectListItem{ Text = "Text1", Value = "Value1" }, new SelectListItem{ Text = "Text2", Value = "Value2" } }) ) Use to enable or disable clear button functionality. The boolean value. @( Html.Kendo().MultiColumnComboBox() .Name("MultiColumnComboBox") .ClearButton(false) //disable clear button ) Sets the field of the data item that provides the value content of the list items. @( Html.Kendo().MultiColumnComboBox() .Name("MultiColumnComboBox") .DataTextField("Text") .DataValueField("Value") ) The width of the dropdown. Numeric values are treated as pixels. The value for DropDownWidth @( Html.Kendo().MultiColumnComboBox() .Name("MultiColumnComboBox") .DataTextField("Text") .DataValueField("Value") .DropDownWidth("600px") ) The width of the dropdown. Numeric values are treated as pixels. The value for DropDownWidth @( Html.Kendo().MultiColumnComboBox() .Name("MultiColumnComboBox") .DataTextField("Text") .DataValueField("Value") .DropDownWidth(600) ) If set to true the widget will not show all items when the text of the search input cleared. By default the widget shows all items when the text of the search input is cleared. Works in conjunction with minLength. @( Html.Kendo().MultiColumnComboBox() .Name("MultiColumnComboBox") .MinLength(3) .Filter("contains") .EnforceMinLength(true) ) Configures the client-side events. The client events action. @( Html.Kendo().MultiColumnComboBox() .Name("MultiColumnComboBox") .Events(events => events.Change("change") ) ) Use it to enable filtering of items. @( Html.Kendo().MultiColumnComboBox() .Name("MultiColumnComboBox") .Filter("startswith"); ) Use it to enable filtering of items. @( Html.Kendo().ComboBox() .Name("ComboBox") .Filter(FilterType.Contains); ) Defines the items in the ComboBox The add action. @( Html.Kendo().MultiColumnComboBox() .Name("MultiColumnComboBox") .Items(items => { items.Add().Text("First Item"); items.Add().Text("Second Item"); }) ) Use it to enable highlighting of first matched item. @( Html.Kendo().MultiColumnComboBox() .Name("MultiColumnComboBox") .HighlightFirst(true) ) The text messages displayed in the widget. Use it to customize or localize the messages. The action that configures the messages. Specifies the minimum number of characters that should be typed before the widget queries the dataSource. @( Html.Kendo().MultiColumnComboBox() .Name("MultiColumnComboBox") .MinLength(3) ) Use it to set selected item index Item index. @( Html.Kendo().MultiColumnComboBox() .Name("MultiColumnComboBox") .SelectedIndex(0); ) Controls whether the ComboBox should automatically auto-type the rest of text. @( Html.Kendo().MultiColumnComboBox() .Name("MultiColumnComboBox") .Suggest(true) ) Controls whether the ComboBox should automatically sync custom text with the selected value. @( Html.Kendo().MultiColumnComboBox() .Name("MultiColumnComboBox") .SyncValueAndText(false) ) A string that appears in the textbox when it has no value. @( Html.Kendo().MultiColumnComboBox() .Name("MultiColumnComboBox") .Placeholder("Select country...") ) Use it to set the Id of the parent ComboBox. @( Html.Kendo().MultiColumnComboBox() .Name("MultiColumnComboBox") .CascadeFrom("ComboBox1") ) Use it to set the field used to filter the data source. @( Html.Kendo().MultiColumnComboBox() .Name("MultiColumnComboBox2") .CascadeFrom("MultiColumnComboBox1") .CascadeFromField("ParentID") ) Defines the parent field to be used to retain value from. This value will be used further to filter the dataSource. @( Html.Kendo().MultiColumnComboBox() .Name("MultiColumnComboBox2") .CascadeFrom("MultiColumnComboBox1") .CascadeFromField("ParentID") .CascadeFromParentField("ParentID") ) Applicable to a parent MultiColumnComboBox in а cascading scenario. If set to true cascading will be triggered upon custom input in the parent widget. When set to false (default) the child will not cascade and it will be disabled upon setting custom input in the parent MultiColumnComboBox. Cascade on custom values works only when cascadeFromParentField is not set for the child combo, or it points to the dataValueField of the parent. The value for CascadeOnCustomValue Applicable to a parent MultiColumnComboBox in а cascading scenario. If set to true cascading will be triggered upon custom input in the parent widget. When set to false (default) the child will not cascade and it will be disabled upon setting custom input in the parent MultiColumnComboBox. Cascade on custom values works only when cascadeFromParentField is not set for the child combo, or it points to the dataValueField of the parent. Define the text of the widget, when the autoBind is set to false. @( Html.Kendo().MultiColumnComboBox() .Name("MultiColumnComboBox") .Text("Chai") .AutoBind(false) ) Define the fields for the filtering of the MultiColumnComboBox. @( Html.Kendo().MultiColumnComboBox() .Name("MultiColumnComboBox") .FilterFields(new string[] {"Field1", "Field2"}) .AutoBind(false) ) Defines the columns rendered in the table of the MultiColumnComboBox. The configurator for the columns setting. This method is not valid for MultiColumnComboBox - use Column.Template instead. This method is not valid for MultiColumnComboBox - use Column.TemplateId instead. Sets the size of the component. The value for Size Sets a value controlling the border radius. The value for Rounded Sets a value controlling how the color is applied. The value for FillMode The fluent API for subscribing to Kendo UI ComboBox events. Initializes a new instance of the class. The client events. Defines the inline handler of the Select client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().MultiColumnComboBox() .Name("MultiColumnComboBox") .Events(events => events.Select( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Select client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().MultiColumnComboBox() .Name("MultiColumnComboBox") .Events(events => events.Select("select")) ) Defines the inline handler of the Change client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().MultiColumnComboBox() .Name("MultiColumnComboBox") .Events(events => events.Change( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Change client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().MultiColumnComboBox() .Name("MultiColumnComboBox") .Events(events => events.Change("change")) ) Defines the inline handler of the DataBound client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().MultiColumnComboBox() .Name("MultiColumnComboBox") .Events(events => events.DataBound( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the DataBound client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().MultiColumnComboBox() .Name("MultiColumnComboBox") .Events(events => events.DataBound("dataBound")) ) Defines the inline handler of the Filtering client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().MultiColumnComboBox() .Name("MultiColumnComboBox") .Events(events => events.Filtering( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Filtering client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().ComboBox() .Name("ComboBox") .Events(events => events.Filtering("filtering")) ) Defines the name of the JavaScript function that will handle the the Open client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().MultiColumnComboBox() .Name("MultiColumnComboBox") .Events(events => events.Open("open")) ) Defines the inline handler of the Open client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().MultiColumnComboBox() .Name("MultiColumnComboBox") .Events(events => events.Open( @<text> function(e) { //event handling code } </text> )) ) Defines the inline handler of the Close client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().MultiColumnComboBox() .Name("MultiColumnComboBox") .Events(events => events.Close( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Close client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().MultiColumnComboBox() .Name("MultiColumnComboBox") .Events(events => events.Close("close")) ) Defines the inline handler of the Cascade client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().MultiColumnComboBox() .Name("MultiColumnComboBox") .Events(events => events.Cascade( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Cascade client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().MultiColumnComboBox() .Name("MultiColumnComboBox") .Events(events => events.Cascade("cascade")) ) Defines the fluent interface for configuring the . Initializes a new instance of the class. The component. Specifies the culture info used by the MultiViewCalendar widget. @( Html.Kendo().MultiViewCalendar() .Name("multiViewCalendar") .Culture("de-DE") ) Configures the client-side events. The client events action. @( Html.Kendo().MultiViewCalendar() .Name("MultiViewCalendar") .Events(events => events.Select("onSelect") ) ) Sets the date format, which will be used to parse and format the machine date. FooterId to be used for rendering the footer of the MultiViewCalendar. @( Html.Kendo().MultiViewCalendar() .Name("MultiViewCalendar") .FooterId("widgetFooterId") ) Footer template to be used for rendering the footer of the MultiViewCalendar. @( Html.Kendo().MultiViewCalendar() .Name("MultiViewCalendar") .Footer("#= kendo.toString(data, "G") #") ) Enable/disable footer. @( Html.Kendo().MultiViewCalendar() .Name("MultiViewCalendar") .Footer(false) ) Specifies the navigation depth. @( Html.Kendo().MultiViewCalendar() .Name("MultiViewCalendar") .Depth(CalendarView.Month) ) Specifies the start view. @( Html.Kendo().MultiViewCalendar() .Name("MultiViewCalendar") .Start(CalendarView.Month) ) Specifies the selection mode. @( Html.Kendo().MultiViewCalendar() .Name("MultiViewCalendar") .Selectable("multiple") ) Specifies which dates to be selected if multiple selection mode is enabled. If set to true will render a header for every view. The value for ShowViewHeader If set to true will render a header for every view. MonthTemplateId to be used for rendering the cells of the MultiViewCalendar. @( Html.Kendo().MultiViewCalendar() .Name("MultiViewCalendar") .MonthTemplateId("widgetMonthTemplateId") ) MonthTemplate to be used for rendering the cells of the MultiViewCalendar. @( Html.Kendo().MultiViewCalendar() .Name("MultiViewCalendar") .MonthTemplateView(Html.Partial("widgetMonthTemplate")) ) Templates for the cells rendered in the "month" view. @( Html.Kendo().MultiViewCalendar() .Name("MultiViewCalendar") .MonthTemplate("#= data.value #") ) Configures the content of cells of the MultiViewCalendar. @( Html.Kendo().MultiViewCalendar() .Name("MultiViewCalendar") .MonthTemplate(month => month.Content("#= data.value #")) ) Allows localization of the strings that are used in the widget. The configurator for the messages setting. Sets the minimal date, which can be selected in the calendar. Sets the maximal date, which can be selected in the calendar. Sets the minimal date, which can be selected in the MultiViewCalendar Sets the maximal date, which can be selected in the MultiViewCalendar Sets the number of views in the MultiViewCalendar. If set to true a week of the year will be shown on the left side of the MultiViewCalendar. Sets the value of the MultiViewCalendar Sets the value of the MultiViewCalendar Configures the selection settings of the MultiViewCalendar. SelectAction settings, which includes Action name and IEnumerable of DateTime objects. Specifies a list of dates, which will be passed to the month template. Specifies the disabled dates in the MultiViewCalendar widget using a function. @( Html.Kendo().MultiViewCalendar() .Name("MultiViewCalendar") .DisableDates(DayofWeek.Saturday, DayOfWeek.Sunday) ) Specifies the disabled dates in the MultiViewCalendar widget using a function. @( Html.Kendo().MultiViewCalendar() .Name("MultiViewCalendar") .DisableDates("disableDates") ) Defines the fluent interface for configuring MultiViewCalendar client events. Defines the inline handler of the Change client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().MultiViewCalendar() .Name("MultiViewCalendar") .Events(events => events.Change( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Change client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().MultiViewCalendar() .Name("MultiViewCalendar") .Events(events => events.Change("change")) ) Defines the inline handler of the Navigate client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().MultiViewCalendar() .Name("MultiViewCalendar") .Events(events => events.Navigate( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the Navigate client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().MultiViewCalendar() .Name("MultiViewCalendar") .Events(events => events.Navigate("navigate")) ) Defines the fluent API for configuring MultiViewCalendarMessagesSettings Defines the fluent API for configuring MultiViewCalendarMessagesSettings Allows customization of the week column header text. Set the value to make the widget compliant with web accessibility standards. The value for WeekColumnHeader @( Html.Kendo().MultiViewCalendar() .Name("MultiViewCalendar") .WeekNumber(true) .Messages(m => m.WeekColumnHeader("W")) ) Defines the fluent interface for configuring the . Initializes a new instance of the class. The selection settings. Defines list of dates. This list determines which dates to be rendered with action link. List of objects Sets the action to which the date should navigate The route values of the Action method. Sets the action to which the item should navigate Name of the action. Name of the controller. The route values. Defines the fluent API for configuring the PanelBarMessagesSettings settings. The text message shown while the root level items are loading. The value that configures the loading. The text message shown when an error occurs while fetching the content. The value that configures the request failed. The text message shown in the retry button. The value that configures the retry. Creates items for the . Initializes a new instance of the class. The container. Defines a item. Defines the fluent interface for configuring the . Initializes a new instance of the class. The column Sets measure name. The measure name Sets measure type. The measure type The fluent API for configuring the pivot grid Excel export. Sets the file name of the excel file. Enables or disables filtering in the output Excel file. Set the url of the server side proxy. The proxy is responsible for returning the excel file to the end user. Used in browsers that don't support saving files from JavaScript. Forces the use of server-side proxy even if the browser supports local saving. true if the server proxy should be used always; false for automatic detection Defines the fluent API for configuring the Kendo RadioButton for ASP.NET MVC. Initializes a new instance of the class. The component. The checked state of the RadioButton. The value that configures the checked. Determines whether the radio label content should be rendered as an HTML string or it should be encoded. The value that configures the encoded. Specifies the label content for the radio. The value that configures the label. Sets a value controlling the size of the component. The value that configures the size. Configures the client-side events. The client events action. @( Html.Kendo().RadioButton() .Name("RadioButton") .Events(events => events .Change("onChange") ) ) Sets the value of the radio button. If set to false, the RadioButton will be disabled and will not allow the user to change its checked state. The value that configures the enabled. Add field based on which the data will be sorted. @(Html.Kendo().DataSource<OrderViewModel>() .Name("dataSource") .Ajax(dataSource => dataSource .Read(read => read.Action("Orders_Read", "DataSource")) .Sort(s=>s.Add("OrderId") ) ) Use it to configure WebApi binding. @(Html.Kendo().Scheduler<Screening>() .Name("scheduler") .DataSource(ds=>ds.WebApi()) ) Use it to configure Custom binding. @(Html.Kendo().Scheduler<Screening>() .Name("scheduler") .DataSource(ds=>ds.Custom()) ) Use it to configure SignalR binding. @(Html.Kendo().Scheduler<Screening>() .Name("scheduler") .DataSource(ds=>ds.SignalR()) ) Configures the initial filter. @(Html.Kendo().Scheduler<Screening>() .Name("scheduler") .DataSource(ds=>ds.Filter(f=>f.Add(s=>s.Description))) ) Configures the URL for Update operation. @(Html.Kendo().Scheduler<Screening>() .Name("scheduler") .DataSource(ds=>ds.Update(u=>u.Url("url"))) ) Sets controller and action for Update operation. Action name Controller Name @(Html.Kendo().Scheduler<Screening>() .Name("scheduler") .DataSource(ds=>ds.Update("Action", "Controller")) ) Sets controller, action and routeValues for Update operation. Action name Controller Name Route values @(Html.Kendo().Scheduler<Screening>() .Name("scheduler") .DataSource(ds => ds.Update("Action", "Controller", new { })) ) Configures the URL for Create operation. @(Html.Kendo().Scheduler<Screening>() .Name("scheduler") .DataSource(ds=>ds.Create(u=>u.Url("url"))) ) Sets controller and action for Create operation. Action name Controller Name @(Html.Kendo().Scheduler<Screening>() .Name("scheduler") .DataSource(ds=>ds.Create("Action", "Controller")) ) Sets controller, action and routeValues for Create operation. Action name Controller Name Route values @(Html.Kendo().Scheduler<Screening>() .Name("scheduler") .DataSource(ds => ds.Update("Action", "Controller", new { })) ) Configures the URL for Destroy operation. @(Html.Kendo().Scheduler<Screening>() .Name("scheduler") .DataSource(ds=>ds.Destroy(u=>u.Url("url"))) ) Sets controller and action for Destroy operation. Action name Controller Name @(Html.Kendo().Scheduler<Screening>() .Name("scheduler") .DataSource(ds => ds.Destroy("Action", "Controller")) ) Sets controller, action and routeValues for Destroy operation. Action name Controller Name Route values @(Html.Kendo().Scheduler<Screening>() .Name("scheduler") .DataSource(ds => ds.Destroy("Action", "Controller", new { })) ) Determines if modifications will be sent to the server in batches or as individually requests. If true changes will be batched, otherwise false. @(Html.Kendo().Scheduler<Screening>() .Name("scheduler") .DataSource(ds => ds.Batch(true)) ) Determines if data source would automatically sync any changes to its data items. By default changes are not automatically sync-ed. If true changes will be automatically synced, otherwise false. @(Html.Kendo().Scheduler<Screening>() .Name("scheduler") .DataSource(ds => ds.AutoSync(true)) ) Defines the fluent interface for configuring the Model definition. Type of the model Specify the member used for the from. Type of the field Member access expression which describes the member Specify the member used for the from. The member name. Specify the member used for the To. Type of the field Member access expression which describes the member Specify the member used for the height. The member name. Specify the member used for the fromX. Type of the field Member access expression which describes the member Specify the member used for the fromX. The member name. Specify the member used for the fromY. Type of the field Member access expression which describes the member Specify the member used for the fromY. The member name. Specify the member used for the toX. Type of the field Member access expression which describes the member Specify the member used for the toX. The member name. Specify the member used for the toY. Type of the field Member access expression which describes the member Specify the member used for the toY. The member name. Specify the member used for the type. Type of the field Member access expression which describes the member Specify the member used for the type. The member name. Specify the member used for the text. Type of the field Member access expression which describes the member Specify the member used for the text. The member name. Specify the member used for the source connector name. Type of the field Member access expression which describes the member Specify the member used for the source connector name. The member name. Specify the member used for the target connector name. Type of the field Member access expression which describes the member Specify the member used for the target connector name. The member name. Defines the fluent interface for configuring the Gantt . Configures Model properties Defines the fluent interface for configuring the Gantt . Configures Model properties Defines the fluent interface for configuring the Model definition. Type of the model Specify the member used for the width. Type of the field Member access expression which describes the member Specify the member used for the width. The member name. Specify the member used for the height. Type of the field Member access expression which describes the member Specify the member used for the height. The member name. Specify the member used for the x. Type of the field Member access expression which describes the member Specify the member used for the x. The member name. Specify the member used for the y. Type of the field Member access expression which describes the member Specify the member used for the y. The member name. Specify the member used for the type. Type of the field Member access expression which describes the member Specify the member used for the type. The member name. Specify the member used for the text. Type of the field Member access expression which describes the member Specify the member used for the text. The member name. Defines the fluent API for configuring the DiagramConnection settings. Initializes a new instance of the class. The column. The container. The object The generator. The columns configuration. The action defining the configuration. The fluent API for configuring the grid PDF export. Exports all pages. Applicable only for the Grid. Ajax binding or server binding with ServerOperation(false) is required. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .ToolBar(t => t.Pdf()) .Pdf(pdf => pdf.AllPages()) .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .ServerOperation(false) .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Does not create clickable hyperlinks in the exported PDF file. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .ToolBar(t => t.Pdf()) .Pdf(pdf => pdf.AvoidLinks()) .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) A flag indicating whether to produce clickable hyperlinks in the exported PDF file. A flag indicating whether to produce actual hyperlinks in the exported PDF file. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .ToolBar(t => t.Pdf()) .Pdf(pdf => pdf.AvoidLinks(true)) .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) A CSS selector for the links to ignore. All matching links will not be clickable in the exported PDF file. A CSS class parameter. All matching links will not be clickable in the exported PDF file. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .ToolBar(t => t.Pdf()) .Pdf(pdf => pdf.AvoidLinks("avoidLinkClass")) .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Turns the page in landscape orientation. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .ToolBar(t => t.Pdf()) .Pdf(pdf => pdf.Landscape()) .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the file name of the PDF file. Specifies the file name of the exported PDF file. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .ToolBar(t => t.Pdf()) .Pdf(pdf => pdf.FileName("Products.pdf")) .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Specifies a predefiend paper size e.g. "A3", "A4" or "auto" (default). Specifies the paper size. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .ToolBar(t => t.Pdf()) .Pdf(pdf => pdf.PaperSize("A3")) .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Specifies custom paper size in "pt" units. Specifies the width size of the PDF in "pt" units. Specifies the height size of the PDF in "pt" units. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .ToolBar(t => t.Pdf()) .Pdf(pdf => pdf.PaperSize(20, 20)) .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Specifies custom paper size in custom units ("in", "mm", "pt", "cm") Specifies the width size of the PDF. Specifies the height size of the PDF. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .ToolBar(t => t.Pdf()) .Pdf(pdf => pdf.PaperSize("15pt", "20cm")) .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Set the url of the server side proxy. The proxy is responsible for returning the PDF to the end user. Used in browsers that don't support saving files from JavaScript. The URL of the server side proxy which will stream the file to the end user. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .ToolBar(t => t.Pdf()) .Pdf(pdf => pdf.ProxyURL("/save")) .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Set the a name or keyword indicating where to display the document returned from the proxy. The default is "_self". The proxy target @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .ToolBar(t => t.Pdf()) .Pdf(pdf => pdf.ProxyTarget("_blank")) .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Specifies the margins in "pt" units. Specifies the top margin in "pt" units. Specifies the right margin in "pt" units. Specifies the bottom margin in "pt" units. Specifies the left margin in "pt" units. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .ToolBar(t => t.Pdf()) .Pdf(pdf => pdf.Margin(10, 10, 10, 10)) .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Specifies the margins in units ("in", "mm", "pt", "cm") Specifies the top margin. Specifies the right margin. Specifies the bottom margin. Specifies the left margin. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .ToolBar(t => t.Pdf()) .Pdf(pdf => pdf.Margin("10in", "10mm", "10pt", "10cm")) .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the title of the PDF document. The title of the PDF file. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .ToolBar(t => t.Pdf()) .Pdf(pdf => pdf.Title("Orders")) .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the author of the PDF document. The author of the PDF document. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .ToolBar(t => t.Pdf()) .Pdf(pdf => pdf.Author("John Doe")) .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the subject of the PDF document. The subject value of the PDF file. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .ToolBar(t => t.Pdf()) .Pdf(pdf => pdf.Subject("Products")) .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the keywords of the PDF document. Specifies the keywords of the exported PDF file. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .ToolBar(t => t.Pdf()) .Pdf(pdf => pdf.Keywords("northwind products")) .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Set this to true to repeat the grid headers on each page. The value for RepeatHeaders @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .ToolBar(t => t.Pdf()) .Pdf(pdf => pdf.RepeatHeaders(true)) .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Set this to true to repeat the grid headers on each page. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .ToolBar(t => t.Pdf()) .Pdf(pdf => pdf.RepeatHeaders()) .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) A scale factor. In many cases, text size on screen will be too big for print, so you can use this option to scale down the output in PDF. The value for the scale factor. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .ToolBar(t => t.Pdf()) .Pdf(pdf => pdf.Scale(1)) .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) A piece of HTML to be included in each page. Can be used to display headers and footers. See the documentation in drawDOM. The ID of the template element for Template @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .ToolBar(t => t.Pdf()) .Pdf(pdf => pdf.TemplateId("page-template").AllPages().PaperSize("A3")) .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) A piece of HTML to be included in each page. Can be used to display headers and footers. See the documentation in drawDOM. The view that contains Template @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .ToolBar(t => t.Pdf()) .Pdf(pdf => pdf.TemplateView(Html.Partial("page-template")).AllPages().PaperSize("A3")) .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the creator of the PDF document. The creator of the PDF document. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .ToolBar(t => t.Pdf()) .Pdf(pdf => pdf.Creator("John Doe")) .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the date of the PDF document. The date when the PDF document is created. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .ToolBar(t => t.Pdf()) .Pdf(pdf => pdf.Date(DateTime.Now)) .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Forces the use of server-side proxy even if the browser supports local saving. true if the server proxy should be used always; false for automatic detection @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .ToolBar(t => t.Pdf()) .Pdf(pdf => pdf.ForceProxy(true)) .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Specifies if the Print dialog should be opened immediately after loading the document. The value that configures the autoprint. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .ToolBar(t => t.Pdf()) .Pdf(pdf => pdf.AutoPrint(false)) .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Specifies the quality of the images within the exported file, from 0 to 1. The value that configures the jpegquality. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .ToolBar(t => t.Pdf()) .Pdf(pdf => pdf.JpegQuality(0.85)) .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) If set to true all PNG images contained in the exported file will be kept in PNG format. The value that configures the keeppng. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .ToolBar(t => t.Pdf()) .Pdf(pdf => pdf.KeepPNG(true)) .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Initializes a new instance of the class. The settings. The object The generator. Specifying if the cell should be enabled. If 'true' - encoded, otherwise not. @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.Bound(x => x.Name).Filterable(ftb => ftb.Cell(c => c.Enabled(true))); })) Specifies the default operator that will be used for the cell filtering. Default operator. @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.Bound(x => x.Name).Filterable(ftb => ftb.Cell(c => c.Operator("neq"))); })) Specifies whether to show or hide the DropDownList with the operators. The value indicating if filter operator should be displayed @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.Bound(x => x.Name).Filterable(ftb => ftb.Cell(c => c.ShowOperators(true))); })) Sets JavaScript function which to modify the UI of the filter input. @(Html.Kendo().Grid(Model) .Name("Grid") .Columns(columns => columns.Bound(o => o.OrderDate) .Filterable(filterable => filterable.Cell(cell => cell.Template(@<text> JavaScript function goes here </text>) ) ) )) Sets JavaScript function which to modify the filter input used for Row filtering. JavaScript function name @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.Bound(x => x.Name).Filterable(ftb => ftb.Cell(c => c.Template("templateHandlerName"))); })) Specifies the delay of the AutoComplete suggestions when the column is of type string. The delay value. @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.Bound(x => x.Name).Filterable(ftb => ftb.Cell(c => c.Delay(5))); })) Specifies the MinLength option of the AutoComplete suggestions when the column is of type string. The minimum length @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.Bound(x => x.Name).Filterable(ftb => ftb.Cell(c => c.MinLength(5))); })) Specifies the filter option of the AutoComplete suggestions when the column is of type string. The filter type @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.Bound(x => x.Name).Filterable(ftb => ftb.Cell(c => c.SuggestionOperator(FilterType.StartsWith))); })) Specifies the width of the input before it is turned into a widget. The input width @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.Bound(x => x.Name).Filterable(ftb => ftb.Cell(c => c.InputWidth(5))); })) Specifies the name of the field which will be used to show the suggestions when using Custom DataSource. The dataTextField @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.Bound(x => x.Name).Filterable(ftb => ftb.Cell(c => c.DataTextField("FirstName"))); })) Configures the DataSource options. The DataSource configurator action. @(Html.Kendo().Grid(Model) .Name("Grid") .Columns(columns => columns.Bound(o => o.OrderDate) .Filterable(filterable => filterable.Cell(cell => cell.DataSource(ds => ds.Read("someAction", "someController") ) ) ) )) The fluent API for configuring the grid Excel export. Sets the file name of the excel file. If the parameter is set to true all pages will be exported @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .ToolBar(t => t.Excel()) .Excel(e => e.FileName("fileName")) .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Specifies whether all pages should be exported If the parameter is set to true all pages will be exported @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .ToolBar(t => t.Excel()) .Excel(e => e.AllPages(true)) .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Enables or disables filtering in the output Excel file. The value for Filterable @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .ToolBar(t => t.Excel()) .Excel(e => e.Filterable(true)) .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Set the url of the server side proxy. The proxy is responsible for returning the excel file to the end user. Used in browsers that don't support saving files from JavaScript. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .ToolBar(t => t.Excel()) .Excel(e => e.ProxyURL("url")) .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Forces the use of server-side proxy even if the browser supports local saving. true if the server proxy should be used always; false for automatic detection @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .ToolBar(t => t.Excel()) .Excel(e => e.ForceProxy(true)) .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Enables or disables collapsible (grouped) rows, for grids with aggregates. The value for Collapsible @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .ToolBar(t => t.Excel()) .Excel(e => e.Collapsible(true)) .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Enables or disables collapsible (grouped) rows, for grids with aggregates. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .ToolBar(t => t.Excel()) .Excel(e => e.Collapsible()) .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Defines the fluent API for configuring SchedulerFooterSettings Initializes a new instance of the class. The footer settings Sets the command which will be displayed in the scheduler footer. Currently only "workDay" option is supported. If the option is set to false, the "workDay" button will be removed from the footer. The value for Command @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Footer(f=>f.Command("command")) ) Defines the fluent interface for configuring the . Creates toolbar commands for the class. Initializes a new instance of the class. The container. Enables Pdf command. Enables Search tool. Defines the fluent interface for configuring the . Initializes a new instance of the class. The component. Use it to set the height of the Pivot. The height If set to true the user will be able to filter by using the field menu. The filterable Enables grid column sorting. @(Html.Kendo().PivotConfigurator() .Name("pivotconfigurator") .Sortable() .DataSource(dataSource => dataSource.Xmla() .Columns(columns => columns.Add("[Date].[Calendar]").Expand(true)) .Rows(rows => rows.Add("[Geography].[City]")) .Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"})) .Transport(transport => transport .Connection(connection => connection .Catalog("Adventure Works DW 2008R2") .Cube("Adventure Works")) .Read(read => read .Url("http://demos.telerik.com/olap/msmdpump.dll") .DataType("text") .ContentType("text/xml") .Type(HttpVerbs.Post) ) ) ) ) Sets the sorting configuration of the pivotgrid. The lambda which configures the sorting @(Html.Kendo().PivotConfigurator() .Name("pivotconfigurator") .Sortable(sorting => sorting.AllowUnsort(true)) .DataSource(dataSource => dataSource.Xmla() .Columns(columns => columns.Add("[Date].[Calendar]").Expand(true)) .Rows(rows => rows.Add("[Geography].[City]")) .Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"})) .Transport(transport => transport .Connection(connection => connection .Catalog("Adventure Works DW 2008R2") .Cube("Adventure Works")) .Read(read => read .Url("http://demos.telerik.com/olap/msmdpump.dll") .DataType("text") .ContentType("text/xml") .Type(HttpVerbs.Post) ) ) ) ) Sets the messages of the pivotConfigurator. The lambda which configures the pivotConfigurator messages Defines the fluent interface for configuring the . Sets the messages of the pivotFieldMenu. The lambda which configures the pivotFieldMenu messages Defines the fluent interface for configuring the . Initializes a new instance of the class. The settings. Enables or disables sorting. @( Html.Kendo().PivotConfigurator() .Name("PivotConfigurator") .Sortable(sorting => sorting.Enabled((bool)ViewData["enableSorting"])) ) The Enabled method is useful when you need to enable sorting based on certain conditions. Enables or disables unsorted mode. The value. @( Html.Kendo().PivotConfigurator() .Name("PivotConfigurator") .Sortable(sorting => sorting.AllowUnsort(true)) ) Defines the fluent interface for configuring the component. Configures the client-side events Configures the transport of the Ajax DataSource Sets the columns of the Ajax DataSource. Sets the rows of the Ajax DataSource. Sets the measures of the Ajax DataSource. Configures the schema of the Ajax DataSource Configures the initial sorting. Defines the fluent interface for configuring the component. Configures the cube Configures Model properties Defines the fluent interface for configuring the component. Sets the dimensions option of the pivotGrid dataSource. The lambda which configures the cube dimensions Sets the measures option of the pivotGrid dataSource. The lambda which configures the cube measures Defines the fluent interface for configuring the Dimensions. Describes a caption of the dimension. The caption for the dimension. Defines the fluent interface for configuring the Dimensions. Defines a PivotGrid DataSource Cube Dimension and set it's member. The member Describes a Model field Field type Member access expression which describes the field Defines the fluent interface for configuring the Measures. Describes a measure field Field type Member access expression which describes the field Describes a measure field The member name for the measure. Describes a caption of the measure. The caption for the measure. Describes a format of the measure. The format for the measure. Sets Aggregate option Aggregate option Sets JavaScript function which to return the aggregate. Sets a built-in Aggregate option Aggregate option Sets Result option Result option Sets JavaScript function which to return the result value. Defines the fluent interface for configuring the Measures. Defines a PivotGrid DataSource Cube Measure. The measure Defines the fluent interface for configuring the options. Configures the URL for Read operation. Sets controller and action for Read operation. Action name Controller Name Route values Sets controller, action and routeValues for Read operation. Action name Controller Name Configures the discover operation. Sets controller and action for Discover operation. Action name Controller Name Route values Sets controller, action and routeValues for Discover operation. Action name Controller Name Defines the fluent interface for configuring the component. Configures the client-side events Configures the schema of the Custom DataSource Configures the transport of the Custom DataSource Sets the columns of the Custom DataSource. Sets the rows of the Custom DataSource. Sets the measures of the Custom DataSource. Defines the fluent interface for configuring the component. Configures the Read operation. Sets the Read operation using anonymous object. Sets the Read operation to JavaScript function or object. JavaScript function name Configures transport connection. Configures the discover operation. Sets the Discover operation using anonymous object. Sets the Discover operation to JavaScript function or object. JavaScript function name Sets the parameterMap function. Sets the parameterMap function. JavaScript function name Defines the fluent interface for configuring the component. Use it to configure Xmla binding. Use it to configure Custom binding. Use it to configure Ajax binding to flat data. The name of the method of the SignalR hub responsible for updating data items. Method name @(Html.Kendo().DataSource<OrderViewModel>() .Name("ds") .SignalR(s=>s.Transport(t=> { t.Client(c => c.Update("methodName")); })) ) The name of the method of the SignalR hub responsible for creating data items. Method name @(Html.Kendo().DataSource<OrderViewModel>() .Name("ds") .SignalR(s=>s.Transport(t=> { t.Client(c => c.Create("methodName")); })) ) The name of the method of the SignalR hub responsible for destroying data items. Method name @(Html.Kendo().DataSource<OrderViewModel>() .Name("ds") .SignalR(s=>s.Transport(t=> { t.Client(c => c.Destroy("methodName")); })) ) Configures the transport of the DataSource The transport configurator. @(Html.Kendo().DataSource<OrderViewModel>() .Name("ds") .SignalR(s=>s.Transport(t=> { t.Hub("methodName"); })) ) Configures Schema properties The Schema configurator. @(Html.Kendo().DataSource<OrderViewModel>() .Name("ds") .Schema(t=> { t.Data("Data"); })) ) Configures the initial sorting. The Sort configurator. @(Html.Kendo().DataSource<OrderViewModel>() .Name("ds") .SignalR(s=>s .Sort(sr=>sr.Add(x=>x.ContactName).Ascending())) ) Configures the initial grouping. The Group configurator. @(Html.Kendo().DataSource<OrderViewModel>() .Name("ds") .SignalR(s=>s .Group(sr=>sr.Add(x=>x.ContactName))) ) Configures the initial aggregates. The Aggregates configurator. @(Html.Kendo().DataSource<OrderViewModel>() .Name("ds") .SignalR(s=>s .Aggregates(sr=>sr.Add(x=>x.ContactName).Count())) ) Configures the initial filter. The Filter configurator. @(Html.Kendo().DataSource<OrderViewModel>() .Name("ds") .SignalR(s=>s .Filter(sr=>sr.Add(x=>x.ContactName).Contains("Test"))) ) Configures the client-side events The events configuration. @(Html.Kendo().DataSource<OrderViewModel>() .Name("ds") .SignalR(s=>s.Transport(t=> { t.Hub("HubName"); }) .Events(e=>e.RequestEnd("onRequestEnd")) )) Sets the total number of records in the data source. Required during Custom binding. Number of records @(Html.Kendo().DataSource<OrderViewModel>() .Name("ds") .SignalR(s=>s.Transport(t=> { t.Hub("HubName"); }) .Total(20) )) Sets the number of records displayed on a single page. The count of records on a page. @(Html.Kendo().DataSource<OrderViewModel>() .Name("ds") .SignalR(s=>s.Transport(t=> { t.Hub("HubName"); }) .PageSize(20) )) Configures whether diacritic filtering should be used. The used culture. @(Html.Kendo().DataSource<OrderViewModel>() .Name("ds") .SignalR(s=>s.Transport(t=> { t.Hub("HubName"); }) .AccentFoldingFiltering("de-DE") )) Sets the page of the DataSource. The current page. @(Html.Kendo().DataSource<OrderViewModel>() .Name("ds") .SignalR(s=>s.Transport(t=> { t.Hub("HubName"); }) .Page(20) )) Enables or disables server paging mode. If enabled the data source will make a request during paging. True to enable server paging; otherwise false (the default). @(Html.Kendo().DataSource<OrderViewModel>() .Name("ds") .SignalR(s=>s.Transport(t=> { t.Hub("HubName"); }) .ServerPaging(true) )) Enables or disables server sorting mode. If enabled the data source will make a request during paging. True to enable server sorting; otherwise false (the default). @(Html.Kendo().DataSource<OrderViewModel>() .Name("ds") .SignalR(s=>s.Transport(t=> { t.Hub("HubName"); }) .ServerSorting(true) )) Enables or disables server filtering mode. If enabled the data source will make a request during filtering. True to enable server filtering; otherwise false (the default). @(Html.Kendo().DataSource<OrderViewModel>() .Name("ds") .SignalR(s=>s.Transport(t=> { t.Hub("HubName"); }) .ServerFiltering(true) )) Enables or disables server grouping mode. If enabled the data source will make a request during grouping. True to enable server grouping; otherwise false (the default). @(Html.Kendo().DataSource<OrderViewModel>() .Name("ds") .SignalR(s=>s.Transport(t=> { t.Hub("HubName"); }) .ServerGrouping(true) )) Enables or disables server aggregates. If enabled the data source will expect the aggregates to be calculated server-side. True to enable server aggregates; otherwise false (the default). @(Html.Kendo().DataSource<OrderViewModel>() .Name("ds") .SignalR(s=>s.Transport(t=> { t.Hub("HubName"); }) .ServerAggregates(true) )) Determines if modifications will be sent to the server in batches or as individually requests. If true changes will be batched, otherwise false. @(Html.Kendo().DataSource<OrderViewModel>() .Name("ds") .SignalR(s=>s.Transport(t=> { t.Hub("HubName"); }) .Batch(true) )) Determines if data source would automatically sync any changes to its data items. By default changes are not automatically sync-ed. If true changes will be automatically synced, otherwise false. @(Html.Kendo().DataSource<OrderViewModel>() .Name("ds") .SignalR(s=>s.Transport(t=> { t.Hub("HubName"); }) .AutoSync(true) )) Sets the transport of the DataSource using anonymous object. @(Html.Kendo().DataSource<OrderViewModel>() .Name("ds") .SignalR(s=>s.Transport(t=> { t.Hub("HubName"); }) .Transport(new { }) )) Defines the fluent interface for configuring the options. Configures the client-side CRUD methods of the SignalR hub. The client configuration. @(Html.Kendo().DataSource<OrderViewModel>() .Name("ds") .SignalR(x=> { x.Transport(t=> { t.Client(c=>c.Read("methodName")); }); }) ) Configures the server-side CRUD methods of the SignalR hub. The server configuration. @(Html.Kendo().DataSource<OrderViewModel>() .Name("ds") .SignalR(x=> { x.Transport(t=> { .Server(c=>c.Read("methodName")); }); }) ) Configures the server-side CRUD methods of the SignalR hub. The server configuration setting. @(Html.Kendo().DataSource<OrderViewModel>() .Name("ds") .SignalR(x=> { x.Transport(t=> { t.Server(new { }); }); }) ) Defines the fluent interface for configuring the options. Sets the parameterMap function. The parameter map configuration. @(Html.Kendo().DataSource<OrderViewModel>() .Name("ds") .SignalR(x=> { x.Transport(t=> { t.ParameterMap(p => "handlerName"); }); }) ) Sets the parameterMap function. JavaScript function name @(Html.Kendo().DataSource<OrderViewModel>() .Name("ds") .SignalR(x=> { x.Transport(t=> { t.ParameterMap("handlerName"); }); }) ) The SignalR hub object returned by the createHubProxy method. The hub option is mandatory @(Html.Kendo().DataSource<OrderViewModel>() .Name("ds") .SignalR(x=> { x.Transport(t=> { t.Hub(h => "HubName"); }); }) ) The SignalR hub object returned by the createHubProxy method. The hub option is mandatory JavaScript function name @(Html.Kendo().DataSource<OrderViewModel>() .Name("ds") .SignalR(x=> { x.Transport(t=> { t.Hub("HubName"); }); }) ) The promise returned by the start method of the SignalR connection. The promise option is mandatory. @(Html.Kendo().DataSource<OrderViewModel>() .Name("ds") .SignalR(x=> { x.Transport(t=> { t.Promise(p => "Promise"); }); }) ) The promise returned by the start method of the SignalR connection. The promise option is mandatory. JavaScript function name @(Html.Kendo().DataSource<OrderViewModel>() .Name("ds") .SignalR(x=> { x.Transport(t=> { t.Promise("Promise"); }); }) ) The name of the method of the SignalR hub responsible for reading data items. Method name @(Html.Kendo().DataSource<OrderViewModel>() .Name("ds") .SignalR(s=>s.Transport(t=> { t.Client(c => c.Read("methodName")); })) ) Defines the fluent API for configuring the Kendo Diagram for ASP.NET MVC. Initializes a new instance of the class. The component. If set to false the widget will not bind to the data source during initialization. In this case data binding will occur when the change event of the data source is fired. By default the widget will bind to the data source specified in the configuration. The value that configures the autobind. Defines the defaults of the connections. Whenever a connection is created, the specified connectionDefaults will be used and merged with the (optional) configuration passed through the connection creation method. The action that configures the connectiondefaults. Defines the connections configuration. The action that configures the connections. Defines how the diagram behaves when the user attempts to edit shape content, create new connections, edit connection labels and so on. Enables or disables the editable option. Defines how the diagram behaves when the user attempts to edit shape content, create new connections, edit connection labels and so on. The action that configures the editable. The layout of a diagram consists in arranging the shapes (sometimes also the connections) in some fashion in order to achieve an aesthetically pleasing experience to the user. It aims at giving a more direct insight in the information contained within the diagram and its relational structure.On a technical level, layout consists of a multitude of algorithms and optimizations:and various ad-hoc calculations which depend on the type of layout. The criteria on which an algorithm is based vary but the common denominator is:Kendo diagram includes three of the most used layout algorithms which should cover most of your layout needs - tree layout, force-directed layout and layered layout. Please, check the type property for more details regarding each type.The generic way to apply a layout is by calling the layout() method on the diagram. The method has a single parameter options. It is an object, which can contain parameters which are specific to the layout as well as parameters customizing the global grid layout. Parameters which apply to other layout algorithms can be included but are overlooked if not applicable to the chose layout type. This means that you can define a set of parameters which cover all possible layout types and simply pass it in the method whatever the layout define in the first parameter. The action that configures the layout. Defines the pannable options. Enables or disables the pannable option. Defines the pannable options. The action that configures the pannable. Configures the export settings for the saveAsPDF method. The action that configures the pdf. Defines the selectable options. Enables or disables the selectable option. Defines the selectable options. The action that configures the selectable. Defines the shape options. The action that configures the shapedefaults. Defines the shape options. The action that configures the shapes. The template which renders the content of the shape when bound to a dataSource. The names you can use in the template correspond to the properties used in the dataSource. See the dataSource topic below for a concrete example. The value that configures the template. The template which renders the content of the shape when bound to a dataSource. The names you can use in the template correspond to the properties used in the dataSource. See the dataSource topic below for a concrete example. The value that configures the template. The template which renders the content of the shape when bound to a dataSource. The names you can use in the template correspond to the properties used in the dataSource. See the dataSource topic below for a concrete example. The value that configures the template. Sets the theme of the diagram. The Diagram theme. @( Html.Kendo().Diagram() .Name("Diagram") .Theme("sass") ) The zoom level in percentages. The value that configures the zoom. The zoom max level in percentages. The value that configures the zoommax. The zoom min level in percentages. The value that configures the zoommin. The zoom step when using the mouse-wheel to zoom in or out. The value that configures the zoomrate. Configure the HierarchicalDataSource of the component The action that configures the . @( Html.Kendo().Diagram() .Name("diagram") .DataSource(dataSource => dataSource .Read(read => read .Action("_OrgChart", "Diagram") ) ) ) Configure the DataSource of the component The action that configures the . @( Html.Kendo().Diagram() .Name("diagram") .DataSource(dataSource => dataSource .Read(read => read .Action("_OrgChart", "Diagram") ) ) ) Configures the client-side events. The client events action. @( Html.Kendo().Diagram() .Name("diagram") .Events(events => events .Click("onClick") ) ) Defines the fluent API for configuring the Kendo Diagram for ASP.NET MVC events. Fired when the user adds new shape or connection.The event handler function context (available via the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the add event. Fired when the user clicks the "cancel" button in the popup window in case the item was added via a toolbar. The name of the JavaScript function that will handle the cancel event. Fired when an item is added or removed to/from the diagram. The name of the JavaScript function that will handle the change event. Fired when the user clicks on a shape or a connection. The name of the JavaScript function that will handle the click event. Fired when the widget is bound to data from dataDource and connectionsDataSource.The event handler function context (available via the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the dataBound event. Fired when dragging shapes or connection. The name of the JavaScript function that will handle the drag event. Fired after finishing dragging shapes or connection. The name of the JavaScript function that will handle the dragEnd event. Fired before starting dragging shapes or connection. The name of the JavaScript function that will handle the dragStart event. Fired when the user edits a shape or connection. The name of the JavaScript function that will handle the edit event. Fired when the location or size of an item are changed. The name of the JavaScript function that will handle the itemBoundsChange event. Fired when an item is rotated. The name of the JavaScript function that will handle the itemRotate event. Fired when the mouse enters a shape or a connection.Will not fire for disabled items. The name of the JavaScript function that will handle the mouseEnter event. Fired when the mouse leaves a shape or a connection.Will not fire for disabled items. The name of the JavaScript function that will handle the mouseLeave event. Fired when the user pans the diagram. The name of the JavaScript function that will handle the pan event. Fired when the user removes a shape or connection. The name of the JavaScript function that will handle the remove event. Fired when the user saved a shape or a connection. The name of the JavaScript function that will handle the save event. Fired when the user selects one or more items. The name of the JavaScript function that will handle the select event. Fired when the user changes the diagram zoom level. The name of the JavaScript function that will handle the zoomEnd event. Fired when the user starts changing the diagram zoom level. The name of the JavaScript function that will handle the zoomStart event. Fired when the user clicks an item in the toolbar. The name of the JavaScript function that will handle the toolBarClick event. Defines the fluent interface for configuring bound columns The type of the task data item /// The type of the dependency data item Initializes a new instance of the class. The column. Provides a way to specify a custom editing UI for the column. Use the container parameter to create the editing UI. The value that configures the editor. Provides a way to specify a custom editing UI for the column. Use the container parameter to create the editing UI. The value that configures the editor. Makes the column sortable or not. By default a column is not sortable. @( Html.Kendo().Gantt(Model) .Name("Gantt") .Columns(columns => columns.Bound(o => o.OrderID).Sortable(true)) ) Sortable configuration The action that configures the filterable. Defines the fluent interface for configuring columns. The type of the column builder. Initializes a new instance of the class. The column. Gets or sets the column. The column. Sets the title displayed in the header of the column. The text. @( Html.Kendo().Gantt(Model) .Name("Gantt") .Columns(columns => columns.Bound(o => o.OrderID).Title("ID")) ) Makes the column editable or not.By default a column is not editable. @( Html.Kendo().Gantt(Model) .Name("Gantt") .Columns(columns => columns.Bound(o => o.OrderID).Editable(true)) ) Sets the width of the column in pixels. The width in pixels. @( Html.Kendo().Gantt(Model) .Name("Gantt") .Columns(columns => columns.Bound(o => o.OrderID).Width(100)) ) Gets or sets the format for displaying the data. The value. @( Html.Kendo().Gantt(Model) .Name("Gantt") .Columns(columns => columns.Bound(o => o.OrderDate).Format("{0:dd/MM/yyyy}")) ) The HTML attributes of the table cell (<td>) that is rendered for the column. The value that configures the htmlattributes. The HTML attributes of the table cell (<td>) that is rendered for the column. The value that configures the htmlattributes. If set to true, the column will show the icons that are used for expanding and collapsing child rows. By default, the "title" column of the Gantt is expandable. The value that configures the expandable. If set to true and if filtering is enabled for the entire Gantt, a filter menu will be displayed for this column. If set to false, the filter menu will not be displayed. By default, a filter menu is displayed for all columns when filtering is enabled through the filterable option. Can be set to a JavaScript object which represents the filter menu configuration. Enables or disables the filterable option. If set to true and if filtering is enabled for the entire Gantt, a filter menu will be displayed for this column. If set to false, the filter menu will not be displayed. By default, a filter menu is displayed for all columns when filtering is enabled through the filterable option. Can be set to a JavaScript object which represents the filter menu configuration. The action that configures the filterable. The HTML attributes of the table header cell (<th>) that is rendered for the column. The value that configures the headerattributes. The HTML attributes of the table header cell (<th>) that is rendered for the column. The value that configures the headerattributes. The template which renders the column header content. By default, the value of the title column option is displayed in the column header cell. The value that configures the headertemplate. The template which renders the column header content. By default, the value of the title column option is displayed in the column header cell. The value that configures the headertemplate. The template which renders the column header content. By default, the value of the title column option is displayed in the column header cell. The value that configures the headertemplate. If set to true, the Gantt will not display the column. By default, all columns are displayed. The value that configures the hidden. If set to true, the Gantt will display the column in the column menu. By default, the column menu includes all data-bound columns, that is, the ones with a set field option. The value that configures the menu. The pixel screen width below which the column will be hidden. The setting takes precedence over the hidden setting and the two cannot not be used at the same time. The value that configures the minscreenwidth. The template which renders the column content. The Gantt renders table rows (<tr>) which represent the data source items. Each table row consists of table cells (<td>) which represent the GanttList columns. By default, the HTML-encoded value of the field is displayed in the column. The value that configures the template. The template which renders the column content. The Gantt renders table rows (<tr>) which represent the data source items. Each table row consists of table cells (<td>) which represent the GanttList columns. By default, the HTML-encoded value of the field is displayed in the column. The value that configures the template. The template which renders the column content. The Gantt renders table rows (<tr>) which represent the data source items. Each table row consists of table cells (<td>) which represent the GanttList columns. By default, the HTML-encoded value of the field is displayed in the column. The value that configures the template. Defines the fluent interface for configuring the dependencies Model definition. Type of the model Specify the member used for the predecessorId. Type of the field Member access expression which describes the member Specify the member used for the predecessorId. The member name. Specify the member used for the successorId. Type of the field Member access expression which describes the member Specify the member used for the successorId. The member name. Specify the member used for the type. Type of the field Member access expression which describes the member Specify the member used for the type. The member name. Defines the fluent interface for configuring the Gantt dependencies . Configures Model properties Defines the fluent interface for configuring the Model definition. Type of the model Specify the member used for the parentId. Type of the field Member access expression which describes the member Specify the member used for the parentId. The member name. Specify the member used for the orderId. Type of the field Member access expression which describes the member Specify the member used for the orderId. The member name. Defines the fluent API for configuring EditorFileBrowserMessagesBuilder settings Defines text for the confirmation dialog shown when the file or directory is deleted. Default message: "Are you sure you want to delete {0}?" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages .FileBrowser(fileBrowser => fileBrowser.DeleteFile("Please confirm that {0} should be deleted.")) ) ) Defines text for dialog shown when the directory not found error occurs. Default message: "A directory with this name was not found." The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages .FileBrowser(fileBrowser => fileBrowser.DirectoryNotFound("The directory is not found.")) ) ) Defines text for search box placeholder. Default message: "Search" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages .FileBrowser(fileBrowser => fileBrowser.Search("Search file...")) ) ) Defines text displayed when folder does not contain items. Default message: "Empty Folder" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages .FileBrowser(fileBrowser => fileBrowser.EmptyFolder("No files in this folder")) ) ) Defines text for dialog shown when an invalid file is set for upload. Default message: "The selected file '{0}' is not valid. Supported file types are {1}." The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages .FileBrowser(fileBrowser => fileBrowser.InvalidFileType("This file type is not supported")) ) ) Defines text for order by label. Default message: "Arrange by" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages .FileBrowser(fileBrowser => fileBrowser.OrderBy("Order by")) ) ) Defines text for Name item of order by drop down list. Default message: "Name" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages .FileBrowser(fileBrowser => fileBrowser.OrderByName("File name")) ) ) Defines text for Size item of order by drop down list. Default message: "Size" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages .FileBrowser(fileBrowser => fileBrowser.OrderBySize("File size")) ) ) Defines text for dialog shown when an already existing file is set for upload. Default message: "A file with name '{0}' already exists in the current directory. Do you want to overwrite it?" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages .FileBrowser(fileBrowser => fileBrowser.OverwriteFile("A file with the same name already exists")) ) ) Defines text for upload button. Default message: "Upload" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages .FileBrowser(fileBrowser => fileBrowser.UploadFile("Upload file")) ) ) Defines the fluent API for operation configuring of the FileBrowser. Sets the route values for the file browser operation. Route values @( Html.Kendo().Editor() .Name("Editor") .FileBrowser(fileBrowser => fileBrowser .Read(read => read.Action("ReadFiles","Home").Route(new RouteValueDictionary { { "id", ViewData["id"] } })) ) ) Sets the action, contoller and route values for the file browser operation. Action name Controller name Route values @( Html.Kendo().Editor() .Name("Editor") .FileBrowser(fileBrowser => fileBrowser .Read(read => read.Action("ReadFiles","Home", new { id = ViewData["id"] })) ) ) Sets the action, contoller and route values for the file browser operation. Action name Controller name Route values @( Html.Kendo().Editor() .Name("Editor") .FileBrowser(fileBrowser => fileBrowser .Read(read => read.Action("ReadFiles","Home", new RouteValueDictionary { { "id", ViewData["id"] } })) ) ) Sets the action and contoller values for the file browser operation. Action name Controller name @( Html.Kendo().Editor() .Name("Editor") .FileBrowser(fileBrowser => fileBrowser .Read(read => read.Action("ReadFiles","Home")) ) ) Sets the route name and values for the file browser operation. Route name Route values @( Html.Kendo().Editor() .Name("Editor") .FileBrowser(fileBrowser => fileBrowser .Read(read => read.Action("ReadFiles","Home").Route("Default", new RouteValueDictionary { { "id", ViewData["id"] } })) ) ) Sets the route name and values for the file browser operation. Route name Route values @( Html.Kendo().Editor() .Name("Editor") .FileBrowser(fileBrowser => fileBrowser .Read(read => read.Action("ReadFiles","Home").Route("Default", new { id = ViewData["id"] })) ) ) Sets the route name for the file browser operation. @( Html.Kendo().Editor() .Name("Editor") .FileBrowser(fileBrowser => fileBrowser .Read(read => read.Action("ReadFiles","Home").Route("Default")) ) ) Specifies an absolute or relative URL for the file browser operation. Absolute or relative URL for the operation @( Html.Kendo().Editor() .Name("Editor") .FileBrowser(fileBrowser => fileBrowser .Read(read => read.Url("/Home/ReadFiles")) ) ) Defines the fluent API for configuring the FileBrowser. Initializes a new instance of the class. The File Browser settings. The view context The URL generator. Sets the Action and Controller for remote file retrieval. The name of the Action. The name of the Controller. @( Html.Kendo().Editor() .Name("Editor") .FileBrowser(fileBrowser => fileBrowser .Read("ReadFiles","Home") ) ) Sets the Action, Controller, and routeValues for remote file retrieval. The name of the Action. The name of the Controller. The route values. @( Html.Kendo().Editor() .Name("Editor") .FileBrowser(fileBrowser => fileBrowser .Read("ReadFiles","Home", new RouteValueDictionary { { "paramName[0]", "paramValue" } }) ) ) Sets the Action, Controller, and routeValues for remote file retrieval. The name of the Action. The name of the Controller. The route values. @( Html.Kendo().Editor() .Name("Editor") .FileBrowser(fileBrowser => fileBrowser .Read("ReadFiles","Home", new { id = ViewData["id"] }) ) ) Configures the URL for remote file read operation. The action which configures the Read Action. @( Html.Kendo().Editor() .Name("Editor") .FileBrowser(fileBrowser => fileBrowser .Read(read => read.Action("ReadFiles","Home")) ) ) Sets the Action and Controller responsible for serving the original file. The name of the Action. The name of the Controller. @( Html.Kendo().Editor() .Name("Editor") .FileBrowser(fileBrowser => fileBrowser .File("File","Home") ) ) Sets the URL responsible for serving the original file. A file name placeholder should be specified. By default the placeholder value is URL encoded. If this is not desired, use a function. The string URL. @( Html.Kendo().Editor() .Name("Editor") .FileBrowser(fileBrowser => fileBrowser .File("~/shared/UserFiles/Images/{0}") ) ) Sets the Action, Controller, and routeValues responsible for serving the original file. Name of the Action. Name of the Controller. Route values. @( Html.Kendo().Editor() .Name("Editor") .FileBrowser(fileBrowser => fileBrowser .File("File","Home", new RouteValueDictionary { { "paramName[0]", "paramValue" } }) ) ) Sets the Action, Controller, and routeValues responsible for serving the original file. Name of the Action. Name of the Controller. Route values. @( Html.Kendo().Editor() .Name("Editor") .FileBrowser(fileBrowser => fileBrowser .File("File","Home", new { id = ViewData["id"] }) ) ) Configures the URL for serving the original file. The action which configures the File Action. @( Html.Kendo().Editor() .Name("Editor") .FileBrowser(fileBrowser => fileBrowser .File(file => file.Action("File","Home")) ) ) Sets the Action and Controller that will handle the new files upload. Name of the Action. Name of the Controller. @( Html.Kendo().Editor() .Name("Editor") .FileBrowser(fileBrowser => fileBrowser .Upload("UploadFiles","Home") ) ) Sets the Action, Controller, and routeValues for uploading new files. Name of the Action. Name of the Controller. Route values. @( Html.Kendo().Editor() .Name("Editor") .FileBrowser(fileBrowser => fileBrowser .Upload("UploadFiles","Home", new RouteValueDictionary { { "paramName[0]", "paramValue" } }) ) ) Sets the Action, Controller, and routeValues for uploading new files. Name of the Action. Name of the Controller. Route values. @( Html.Kendo().Editor() .Name("Editor") .FileBrowser(fileBrowser => fileBrowser .Upload("UploadFiles","Home", new { id = ViewData["id"] }) ) ) Configures the URL for files uplaod operation. The action which configures the Upload Action. @( Html.Kendo().Editor() .Name("Editor") .FileBrowser(fileBrowser => fileBrowser .Upload(upload => upload.Action("UploadFiles","Home")) ) ) Sets the Action and Controller that will handle the file or directory deletion. Name of the Action. Name of the Controller. @( Html.Kendo().Editor() .Name("Editor") .FileBrowser(fileBrowser => fileBrowser .Destroy("Delete","Home") ) ) Sets the Action, Controller, and routeValues for file or directory destroy operation. Name of the Action. Name of the Controller. Route values. @( Html.Kendo().Editor() .Name("Editor") .FileBrowser(fileBrowser => fileBrowser .Destroy("Destroy","Home", new RouteValueDictionary { { "paramName[0]", "paramValue" } }) ) ) Sets the Action, Controller, and routeValues for file or directory destroy operation. Name of the Action. Name of the Controller. Route values. @( Html.Kendo().Editor() .Name("Editor") .FileBrowser(fileBrowser => fileBrowser .Destroy("Destroy","Home", new { id = ViewData["id"] }) ) ) Configures the URL for the file or directory destroy operation. The action which configures the Destroy Action. @( Html.Kendo().Editor() .Name("Editor") .FileBrowser(fileBrowser => fileBrowser .Destroy(destroy => destroy.Action("Delete","Home")) ) ) Sets the Action and Controller that will handle the directory creation. Name of the Action. Name of the Controller. @( Html.Kendo().Editor() .Name("Editor") .FileBrowser(fileBrowser => fileBrowser .Create("CreateDirectory","Home") ) ) Sets the Action, Controller, and routeValues for directory create operation. Name of the Action. Name of the Controller. Route values. @( Html.Kendo().Editor() .Name("Editor") .FileBrowser(fileBrowser => fileBrowser .Create("CreateDirectory","Home", new RouteValueDictionary { { "paramName[0]", "paramValue" } }) ) ) Sets the Action, Controller, and routeValues for directory create operation. Name of the Action. Name of the Controller. Route values. @( Html.Kendo().Editor() .Name("Editor") .FileBrowser(fileBrowser => fileBrowser .Create("CreateDirectory","Home", new { id = ViewData["id"] }) ) ) Configures the URL for directory create operation. The action which configures the Create Action. @( Html.Kendo().Editor() .Name("Editor") .FileBrowser(fileBrowser => fileBrowser .Create(create => create.Action("CreateDirectory","Home")) ) ) Defines the allowed file extensions. Default: "." The file types. @( Html.Kendo().Editor() .Name("Editor") .FileBrowser(fileBrowser => fileBrowser .FileTypes("*.zip") ) ) Configures the transport of the DataSource Configures Schema properties Configures the initial filter. Configures the initial sort. Defines the fluent interface for configuring the Model definition. Type of the model Specify the member used to identify an unique Model instance. The member name. Specify the model children member name. The member name. Specify the children DataSource configuration. The configurator action. Specify the member name used to determine if the model has children. The member name. Describes a Model field Field name Field type Defines the fluent interface for configuring the options. Configures Model properties The server side wrapper for Kendo UI SignalRHierarchicalDataSourceBuilder Configures the transport of the DataSource Configures Schema properties Configures the initial filter. Configures the initial sort. Defines the fluent interface for configuring the Model definition. Type of the model Specify the member used to identify an unique Model instance. The member name. Specify the model children member name. The member name. Specify the children DataSource configuration. The configurator action. Specify the member name used to determine if the model has children. The member name. Describes a Model field Field name Field type Defines the fluent interface for configuring the options. Configures Model properties Defines the fluent API for configuring the Kendo Map for ASP.NET MVC. Initializes a new instance of the class. The component. Configures the center of the map. The latitude The longtitude The configuration of built-in map controls. The action that configures the controls. The default configuration for map layers by type. The action that configures the layerdefaults. The minimum zoom level. Typical web maps use zoom levels from 0 (whole world) to 19 (sub-meter features). The value that configures the minzoom. The maximum zoom level. Typical web maps use zoom levels from 0 (whole world) to 19 (sub-meter features). The value that configures the maxzoom. The size of the map in pixels at zoom level 0. The value that configures the minsize. Controls whether the user can pan the map. The value that configures the pannable. Specifies whether the map should wrap around the east-west edges. The value that configures the wraparound. The initial zoom level.Typical web maps use zoom levels from 0 (whole world) to 19 (sub-meter features).The map size is derived from the zoom level and minScale options: size = (2 ^ zoom) * minSize The value that configures the zoom. Controls whether the map zoom level can be changed by the user. The value that configures the zoomable. The configuration of the map layers. The layer type is determined by the value of the type field. The action that configures the layers. The configuration of the map markers. The action that configures the markers. The default options for all markers. The action that configures the markerdefaults. Configures the client-side events. The client events action. @( Html.Kendo().Map() .Name("Map") .Events(events => events .Click("onClick") ) ) Defines the fluent API for configuring the Kendo Map for ASP.NET MVC events. Fired immediately before the map is reset. This event is typically used for cleanup by layer implementers. The name of the JavaScript function that will handle the beforeReset event. Fired when the user clicks on the map. The name of the JavaScript function that will handle the click event. Fired when a marker has been displayed and has a DOM element assigned. The name of the JavaScript function that will handle the markerActivate event. Fired when a marker has been created and is about to be displayed. Cancelling the event will prevent the marker from being shown.Use markerActivate if you need to access the marker DOM element. The name of the JavaScript function that will handle the markerCreated event. Fired when a marker has been clicked or tapped. The name of the JavaScript function that will handle the markerClick event. Fired while the map viewport is being moved. The name of the JavaScript function that will handle the pan event. Fires after the map viewport has been moved. The name of the JavaScript function that will handle the panEnd event. Fired when the map is reset. This typically occurs on initial load and after a zoom/center change. The name of the JavaScript function that will handle the reset event. Fired when a shape is clicked or tapped. The name of the JavaScript function that will handle the shapeClick event. Fired when a shape is created, but is not rendered yet. The name of the JavaScript function that will handle the shapeCreated event. Fired when a GeoJSON Feature is created on a shape layer. The name of the JavaScript function that will handle the shapeFeatureCreated event. Fired when the mouse enters a shape. The name of the JavaScript function that will handle the shapeMouseEnter event. Fired when the mouse leaves a shape. The name of the JavaScript function that will handle the shapeMouseLeave event. Fired when the map zoom level is about to change. Cancelling the event will prevent the user action. The name of the JavaScript function that will handle the zoomStart event. Fired when the map zoom level has changed. The name of the JavaScript function that will handle the zoomEnd event. Defines the fluent interface for configuring the NumericTextBox events. Adds custom mask rule. The name of the rule. The JavaScript RegExp object assigned to defined rule. @(Html.Kendo().MaskedTextBox() .Name("MaskedTextBox") .Events(events => events.Change( @<text> function(e) { //event handling code } </text> )) ) Adds custom mask rule. The name of the rule. The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().MaskedTextBox() .Name("MaskedTextBox") .Events(events => events.Change( @<text> function(e) { //event handling code } </text> )) ) Defines the fluent interface for configuring the component. Sets the initial value of the MaskedTextBox. Specifies whether the widget will unmask input value on form post Specifies whether the widget will replace the prompt characters with spaces on blur Specifies the character used to represent the absence of user input in the widget Configures the client-side events. The client events action. @( Html.Kendo().MaskedTextBox() .Name("MaskedTextBox") .Events(events => events.Change("change") ) ) Configures the custom rules. The rules action. @( Html.Kendo().MaskedTextBox() .Name("MaskedTextBox") .Rules(rules => rules.Add("~", "/[+-]/") ) ) Enables or disables the textbox. Sets the mask of the MaskedTextBox. @( Html.Kendo().MaskedTextBox() .Name("MaskedTextBox") .Mask("999 000 000") ) Specifies the culture info used by the MaskedTextBox widget. @( Html.Kendo().MaskedTextBox() .Name("MaskedTextBox") .Culture("de-DE") ) Adds a label before the input. If the input has no id attribute, a generated id will be assigned. The string and the function parameters are setting the inner HTML of the label. The action that configures the label. @( Html.Kendo().MaskedTextBox() .Name("MaskedTextBox") .Label(l => l.Content("Phone number").Floating(true)) ) Sets a value controlling how the color is applied. Can also be set to the following string values: null; "solid"; "flat" or "outline".. The value for FillMode @( Html.Kendo().MaskedTextBox() .Name("MaskedTextBox") .FillMode("solid") ) Sets a value controlling size of the component. Can also be set to the following string values: "small"; "medium"; "large" or null. The value for Size @( Html.Kendo().MaskedTextBox() .Name("MaskedTextBox") .Size("medium") ) Defines the fluent interface for configuring the NumericTextBox events. Defines the inline handler of the Change client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().MaskedTextBox() .Name("MaskedTextBox") .Events(events => events.Change( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Change client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().MaskedTextBox() .Name("MaskedTextBox") .Events(events => events.Change("change")) ) Sets whether popup notifications should maintain their position during page scrolling. Sets the position of the first popup notification with regard to the viewport's bottom edge. Sets the position of the first popup notification with regard to the viewport's left edge. Sets the position of the first popup notification with regard to the viewport's right edge. Sets the position of the first popup notification with regard to the viewport's top edge. Defines the fluent interface for configuring the . Sets the notification type (i.e. template name). The value should be a valid Javascript identifier. Sets the client ID of the notification template. Sets the Kendo UI template to be used for the notifications. Sets the Kendo UI template to be used for the notifications. Defines the fluent interface for configuring the component. Initializes a new instance of the class. The component. Configures the position settings of the popup notifications. Sets the stacking direction when multiple notifications are displayed by a single widget instance. Sets whether notifications should be hidden by clicking anywhere on their content. Sets whether notifications should display a hide button (when using default templates only). Sets the time in milliseconds, after which a notifications can be hidden by the user via clicking. Sets the time in milliseconds, after which a notifications is hidden automatically. Defines a CSS selector, which points to the element that will hold the notifications to be displayed. Defines the width of the notifications to be displayed. Defines the width of the notifications to be displayed. Defines the height of the notifications to be displayed. Defines the height of the notifications to be displayed. Configures the Notification templates. Configures the animation effects of the displayed notifications. The action that configures the animation. Configures the client-side events. The client events action. @( Html.Kendo().Notification() .Name("Notification") .Events(events => events.Hide("onHide")) ) Sets the Notification HTML tag. A SPAN tag is used by default. @( Html.Kendo().Notification() .Name("Notification") .Tag("div") ) Defines the title attribute value for the Notification wrapper. The value for Title Defines the fluent interface for configuring the Notification events. Defines the inline handler of the Hide client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().Notification() .Name("Notification") .Events(events => events.Hide( @<text> function(e) { //event handling code } </text> )) .Render(); ) Defines the name of the JavaScript function that will handle the the Hide client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Notification() .Name("Notification") .Events(events => events.Hide("onHide")) ) Defines the inline handler of the Show client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().Notification() .Name("Notification") .Events(events => events.Show( @<text> function(e) { //event handling code } </text> )) .Render(); ) Defines the name of the JavaScript function that will handle the the Show client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Notification() .Name("Notification") .Events(events => events.Show("onShow")) ) Defines the fluent interface for configuring the AJAX create/update/destroy operation bindings. Configures the URL for Update operation. The lambda which configures the Update Action .DataSource(dataSource => dataSource .Ajax() .Update(u => u.Action("Update", "Grid")) ) Sets controller and action for Update operation. Action name Controller Name .DataSource(dataSource => dataSource .Ajax() .Update("Update", "Grid") ) Sets controller, action and routeValues for Update operation. Action name Controller Name Route values .DataSource(dataSource => dataSource .Ajax() .Update("Update", "Grid", new { id = ViewData["id"] }) ) Configures the URL for Create operation. The lambda which configures the Create Action .DataSource(dataSource => dataSource .Ajax() .Create(u => u.Action("Create", "Grid")) ) Sets controller and action for Create operation. Action name Controller Name .DataSource(dataSource => dataSource .Ajax() .Create("Create", "Grid") ) Sets controller, action and routeValues for Create operation. Action name Controller Name Route values .DataSource(dataSource => dataSource .Ajax() .Create("Create", "Grid", new { id = ViewData["id"] }) ) Configures the URL for Destroy operation. The lambda which configures the Destroy Action .DataSource(dataSource => dataSource .Ajax() .Destroy(u => u.Action("Destroy", "Grid")) ) Sets controller and action for Destroy operation. Action name Controller Name .DataSource(dataSource => dataSource .Ajax() .Destroy("Destroy", "Grid") ) Sets controller, action and routeValues for Destroy operation. Action name Controller Name Route values .DataSource(dataSource => dataSource .Ajax() .Destroy("Destroy", "Grid", new { id = ViewData["id"] }) ) Determines if modifications will be sent to the server in batches or as individually requests. If true changes will be batched, otherwise false. .DataSource(dataSource => dataSource .Ajax() .Batch(true) ) Determines if data source would automatically sync any changes to its data items. By default changes are not automatically sync-ed. If true changes will be automatically synced, otherwise false. .DataSource(dataSource => dataSource .Ajax() .AutoSync(true) ) Determines if dates should be formatted before submitted to the server. If true dates will be sent not formatted. .DataSource(dataSource => dataSource .Ajax() .StringifyDates(true) ) Defines the fluent interface for configuring the options. Configures the client-side events The lambda which configures the Update Action .DataSource(dataSource => dataSource .Ajax() .Events(e => e.Push("onDataSourcePush")) ) Configures the URL for Read operation. The lambda which configures the Read Action .DataSource(dataSource => dataSource .Ajax() .Read(u => u.Action("Read", "Grid")) ) Sets controller and action for Read operation. Action name Controller Name Route values .DataSource(dataSource => dataSource .Ajax() .Read("Read", "Grid", new { id = ViewData["id"] }) ) Sets controller, action and routeValues for Read operation. Action name Controller Name .DataSource(dataSource => dataSource .Ajax() .Read("Read", "Grid") ) Sets the total number of records in the data source. Required during Custom binding. Number of records .DataSource(dataSource => dataSource .Ajax() .Total(50) ) Enables/disables group paging. .DataSource(dataSource => dataSource .Ajax() .GroupPaging(true) ) Sets the key used for offline state persistance. .DataSource(dataSource => dataSource .Ajax() .OfflineStorage("products-offline") ) Specifies custom implementation for offline storage. The name of the JavaScript function which returns the offline state. The name of the JavaScript function which saves the offline state. .DataSource(dataSource => dataSource .Ajax() .OfflineStorage("getItem", "setItem") ) Sets the number of records displayed on a single page. An integer value for the size of a Page in the DataSource .DataSource(dataSource => dataSource .Ajax() .PageSize(20) ) Sets the operation mode of the DataSource. By default the DataSource will make a request to the server when data for paging, sorting, filtering or grouping is needed. If set to false all data will be requested through single request. Any other paging, sorting, filtering or grouping will be performed client-side. True(default) if server operation mode is enabled, otherwise false. .DataSource(dataSource => dataSource .Ajax() .ServerOperation(false) ) Configures the initial sorting. The lambda which configures the Sort Action .DataSource(dataSource => dataSource .Ajax() .Sort(s => s.Add("ShipName")) ) Configures the initial grouping. The lambda which configures the Group Action .DataSource(dataSource => dataSource .Ajax() .Group(g => g.Add(a => a.ShipName)) ) Configures whether diacritic filtering should be used. The culture applied for the Action .DataSource(dataSource => dataSource .Ajax() .AccentFoldingFiltering("bg-BG") ) Configures the initial aggregates. The Aggregates set for the DataSource .DataSource(dataSource => dataSource .Ajax() .Aggregates(aggregates => { aggregates.Add(p => p.UnitsInStock).Min().Max().Count(); aggregates.Add(p => p.UnitsOnOrder).Average(); aggregates.Add(p => p.ProductName).Count(); aggregates.Add(p => p.UnitPrice).Sum(); }) ) Configures the initial filter. The lambda which configures the Filter Action .DataSource(dataSource => dataSource .Ajax() .Filter(f => f.Add(a => a.ShipName)) ) Configures Model properties The lambda which configures the Model instance .DataSource(dataSource => dataSource .Ajax() .Model(m => m.Id(o => o.OrderID)) ) Configures the OperationUrl The CRUD operation The name of the Action The name of the Controller The root values for the Action .DataSource(dataSource => dataSource .Ajax() .SetOperationUrl(CrudOperation.Equals, "Operation", "Grid", new { id = ViewData["id"] }) ) Defines the fluent interface for configuring the options. Sets the route values for the operation. Route values Sets the action, contoller and route values for the operation. Action name Controller name Route values Sets the action, contoller and route values for the operation. Action name Controller name Route values Sets the action and contoller values for the operation. Action name Controller name Sets the route name and values for the operation. Route name Route values Sets the route name and values for the operation. Route name Route values Sets the route name for the operation. Sets JavaScript function which to return additional parameters which to be sent the server. Sets JavaScript function which to return additional parameters which to be sent the server. JavaScript function name Specifies an absolute or relative URL for the operation. Absolute or relative URL for the operation Specifies the HTTP verb of the request. The HTTP verb Specifies the HTTP headers. Specifies the HTTP headers. Sets the contentType option of the operation. contentType Sets the cache option of the operation. If set to false, it will force requested pages not to be cached by the browser. Enable or disable the operation cache Sets the dataType option of the operation. DataType of the operation Configures the transport of the DataSource The lambda which configures the Transport property .DataSource(dataSource => dataSource .Custom() .Batch(true) .PageSize(20) .Schema(schema => schema.Model(m => m.Id(p => p.ProductID))) .Transport(transport => { transport.Read(read => read.Url("https://demos.telerik.com/kendo-ui/service/products") .DataType("jsonp") ); transport.Create(create => create.Url("https://demos.telerik.com/kendo-ui/service/products/create") .DataType("jsonp") ); transport.Update(update => update.Url("https://demos.telerik.com/kendo-ui/service/products/update") .DataType("jsonp") ); transport.Destroy(destroy => destroy.Url("https://demos.telerik.com/kendo-ui/service/products/destroy") .DataType("jsonp") ); transport.ParameterMap("parameterMap"); }) ) Configures Schema properties The lambda which configures the Schema property .DataSource(dataSource => dataSource .Custom() .Batch(true) .PageSize(20) .Schema(schema => schema.Model(m => m.Id(p => p.ProductID))) .Transport(transport => { transport.Read(read => read.Url("https://demos.telerik.com/kendo-ui/service/products") .DataType("jsonp") ); transport.Create(create => create.Url("https://demos.telerik.com/kendo-ui/service/products/create") .DataType("jsonp") ); transport.Update(update => update.Url("https://demos.telerik.com/kendo-ui/service/products/update") .DataType("jsonp") ); transport.Destroy(destroy => destroy.Url("https://demos.telerik.com/kendo-ui/service/products/destroy") .DataType("jsonp") ); transport.ParameterMap("parameterMap"); }) ) Configures the initial sorting. The lambda which configures the Sort Action .DataSource(dataSource => dataSource .Custom() .Sort(s => s.Add("ShipName")) ) Configures the initial grouping. The lambda which configures the Group Action .DataSource(dataSource => dataSource .Custom() .Group(s => s.Add(a =>a.ShipName)) ) Configures the initial aggregates. The Aggregates set for the Custom DataSource .DataSource(dataSource => dataSource .Custom() .Aggregates(aggregates => { aggregates.Add(p => p.UnitsInStock).Min().Max().Count(); aggregates.Add(p => p.UnitsOnOrder).Average(); aggregates.Add(p => p.ProductName).Count(); aggregates.Add(p => p.UnitPrice).Sum(); }) ) Configures the initial filter. The lambda which configures the Filter Action .DataSource(dataSource => dataSource .Custom() .Filter(f => f.Add(a => a.ShipName)) ) Configures the client-side events The lambda which configures the Update Action .DataSource(dataSource => dataSource .Custom() .Events(e => e.Push("onDataSourcePush")) ) Sets the total number of records in the data source. Required during Custom binding. Number of records .DataSource(dataSource => dataSource .Custom() .Total(50) ) Sets the number of records displayed on a single page. An integer value for the size of a Page in the Custom DataSource .DataSource(dataSource => dataSource .Custom() .PageSize(20) ) Sets the page of the DataSource. Sets the page value .DataSource(dataSource => dataSource .Custom() .Page(3) ) Configures whether diacritic filtering should be used. The culture applied for the Action .DataSource(dataSource => dataSource .Custom() .AccentFoldingFiltering("bg-BG") ) Enables or disables server paging mode. If enabled the data source will make a request during paging. True to enable server paging; otherwise false (the default). .DataSource(dataSource => dataSource .Custom() .ServerPaging(false) ) Enables or disables server sorting mode. If enabled the data source will make a request during paging. True to enable server sorting; otherwise false (the default). .DataSource(dataSource => dataSource .Custom() .ServerSorting(false) ) Enables or disables server filtering mode. If enabled the data source will make a request during filtering. True to enable server filtering; otherwise false (the default). .DataSource(dataSource => dataSource .Custom() .ServerFiltering(false) ) Enables or disables server grouping mode. If enabled the data source will make a request during grouping. True to enable server grouping; otherwise false (the default). .DataSource(dataSource => dataSource .Custom() .ServerGrouping(false) ) Enables or disables server aggregates. If enabled the data source will expect the aggregates to be calculated server-side. True to enable server aggregates; otherwise false (the default). .DataSource(dataSource => dataSource .Custom() .ServerAggregates(false) ) Determines if modifications will be sent to the server in batches or as individually requests. If true changes will be batched, otherwise false. .DataSource(dataSource => dataSource .Custom() .Batch(true) ) Determines if data source would automatically sync any changes to its data items. By default changes are not automatically sync-ed. If true changes will be automatically synced, otherwise false. .DataSource(dataSource => dataSource .Custom() .AutoSync(true) ) Sets the transport of the DataSource using anonymous object. Sets the type of the data source. If set, the data source will use a predefined transport and/or schema. .DataSource(dataSource => dataSource .Custom() .Type("odata") ) Determines if group paging is enabled. If true, group paging is enabled. .DataSource(dataSource => dataSource .Custom() .GroupPaging(true) ) Defines the fluent interface for configuring the Model definition. Type of the model Specify the member used to identify an unique Model instance. The member name. Specify the member used to identify an unique Model instance. Type of the field Member access expression which describes the member Describes a Model field Field type Member access expression which describes the field Describes a Model field Field name Field type Describes a Model field Field type Member name Clears all Model fields. Defines the fluent interface for configuring the . Specifies the field of the original record which value to be used for population of the Model field. The field of the original record which value to be used Specifies the handler which will parse the field value. If not set default parsers will be used. The handler Specifies the handler which will parse the field value. If not set default parsers will be used. Defines the fluent interface for configuring the options. Configures Model properties The lambda which configures the Model instance .DataSource(dataSource => dataSource .Custom() .Model(m => m.Id(o => o.OrderID)) ) Configures Model properties Defines the fluent interface for configuring the options. Sets Aggregates option. Aggregates option Sets JavaScript function which to return aggregates. Sets Groups option. Groups option Sets JavaScript function which to return groups. Sets Data option. Data option Sets JavaScript function which to return data. Sets Total option. Total option Sets JavaScript function which to return total. Sets Errors option Errors option Sets JavaScript function which to return the errors. Sets JavaScript function which to return data. Sets Schema Type option Type option Defines the fluent interface for configuring the options. Configures the URL for Update operation. The lambda which configures the Update Action .DataSource(dataSource => dataSource .Custom() .Transport(transport => { transport.Update(update => update.Action("Update", "Grid") ); }) ) Sets controller and action for Update operation. Action name Controller Name .DataSource(dataSource => dataSource .Custom() .Transport(transport => { transport.Update("Update", "Grid"); }) ) Sets controller, action and routeValues for Update operation. Action name Controller Name Route values .DataSource(dataSource => dataSource .Custom() .Transport(transport => { transport.Update("Update", "Grid", new { id = ViewData["id"] }); }) ) Sets the Update operation using anonymous object. Sets JavaScript function which to return additional parameters which to be sent the server. JavaScript function name .DataSource(dataSource => dataSource .Custom() .Transport(transport => { transport.Update("updateDS"); }) ) Configures the URL for Create operation. The lambda which configures the Create Action .DataSource(dataSource => dataSource .Custom() .Transport(transport => { transport.Create(create => create.Action("Create", "Grid") ); }) ) Sets controller and action for Create operation. Action name Controller Name .DataSource(dataSource => dataSource .Custom() .Transport(transport => { transport.Create("Create", "Grid"); }) ) Sets controller, action and routeValues for Create operation. Action name Controller Name Route values .DataSource(dataSource => dataSource .Custom() .Transport(transport => { transport.Create("Create", "Grid", new { id = ViewData["id"] }); }) ) Sets the Create operation using anonymous object. Sets JavaScript function which to return additional parameters which to be sent the server. JavaScript function name .DataSource(dataSource => dataSource .Custom() .Transport(transport => { transport.Create("createDS"); }) ) Configures the URL for Destroy operation. The lambda which configures the Destroy Action .DataSource(dataSource => dataSource .Custom() .Transport(transport => { transport.Destroy(destroy => destroy.Action("Destroy", "Grid") ); }) ) Sets controller and action for Destroy operation. Action name Controller Name .DataSource(dataSource => dataSource .Custom() .Transport(transport => { transport.Destroy("Destroy", "Grid"); }) ) Sets controller, action and routeValues for Destroy operation. Action name Controller Name Route values .DataSource(dataSource => dataSource .Custom() .Transport(transport => { transport.Destroy("Destroy", "Grid", new { id = ViewData["id"] }); }) ) Sets the Destroy operation using anonymous object. Sets JavaScript function which to return additional parameters which to be sent the server. JavaScript function name .DataSource(dataSource => dataSource .Custom() .Transport(transport => { transport.Destroy("destroyDS"); }) ) Sets JavaScript function to handle the submit action. JavaScript function name .DataSource(dataSource => dataSource .Custom() .Transport(transport => { transport.Submit("submitDS"); }) ) Sets the Batch operation using anonymous object. Defines the fluent interface for configuring the options. Sets the parameterMap function. Sets the parameterMap function. JavaScript function name .DataSource(dataSource => dataSource .Custom() .Transport(transport => { transport.ParameterMap("parameterMap"); }) ) Configures the URL for Read operation. The lambda which configures the Read Action .DataSource(dataSource => dataSource .Custom() .Transport(transport => { transport.Read(read => read.Action("Read", "Grid") ); }) ) Sets controller and action for Read operation. Action name Controller Name Route values .DataSource(dataSource => dataSource .Custom() .Transport(transport => { transport.Read("Read", "Grid", new { id = ViewData["id"] }); }) ) Sets controller, action and routeValues for Read operation. Action name Controller Name .DataSource(dataSource => dataSource .Custom() .Transport(transport => { transport.Read("Read", "Grid"); }) ) Sets the Read operation using anonymous object. Sets the Read operation to JavaScript function or object. JavaScript function name .DataSource(dataSource => dataSource .Custom() .Transport(transport => { transport.Read("readDS"); }) ) Configures the OperationUrl The CRUD operation The name of the Action The name of the Controller The root values for the Action .DataSource(dataSource => dataSource .Custom() .SetOperationUrl(CrudOperation.Equals, "Operation", "Grid", new { id = ViewData["id"] }) ) Sets the transport cache. The boolean value for the Cache .DataSource(dataSource => dataSource .Custom() .Transport(transport => { transport.Cache(false); }) ) Defines the fluent interface for configuring filter. Defines the fluent interface for configuring the Model definition. Type of the model Specify the member used to identify an unique Model instance. The member name. Defines the fluent interface for configuring the . Sets the value which will be used to populate the field when new non-existing model is created. The value .DataSource(dataSource => dataSource .Ajax() .Model(m => m.Field(f => f.ShipName).DefaultValue("Test")) ) Sets the value which will be used to populate the field when new non-existing model is created. The value Specifies if the field should be editable. .DataSource(dataSource => dataSource .Ajax() .Model(m => m.Field(f => f.ShipName).Editable()) ) Specifies if the field should be editable. True is the field should be editable, otherwise false .DataSource(dataSource => dataSource .Ajax() .Model(m => m.Field(f => f.ShipName).Editable(false)) ) Ajax DataSource builder for the widget. Initializes a new instance of the class. The The context for view execution The Use it to configure WebApi binding. @(Html.Kendo().ListView<OrderViewModel>() .Name("listView") .DataSource(dataSource => dataSource .WebApi() .Read(read => read.Action("Products_Read", "ListView")) .PageSize(20) ) ) Use it to configure Custom binding. @(Html.Kendo().ListView<OrderViewModel>() .Name("listView") .DataSource(dataSource => dataSource .Custom() .Read(read => read.Action("Products_Read", "ListView")) .PageSize(20) ) ) Use it to configure SignalR binding. @(Html.Kendo().ListView<OrderViewModel>() .Name("listView") .DataSource(dataSource => dataSource .SignalR() .Read(read => read.Action("Products_Read", "ListView")) .PageSize(20) ) ) Defines the fluent API for configuring a readon-only AJAX data source. Use it to configure WebApi binding. @(Html.Kendo().DropDownList() .Name("ddl") .DataSource(ds=> ds .WebApi()) ) Use it to configure Custom binding. @(Html.Kendo().DropDownList() .Name("ddl") .DataSource(ds=> ds .Custom()) ) Use it to configure SignalR binding. @(Html.Kendo().DropDownList() .Name("ddl") .DataSource(ds=> ds .SignalR()) ) Defines the fluent interface for configuring the Model definition. Type of the model Specify the member used for recurrenceId. Type of the field Member access expression which describes the member @(Html.Kendo().Scheduler<Screening>() .Name("scheduler") .Date(new DateTime(2013, 6, 13)) .WorkDayEnd(16,0,0) .DataSource(ds=> { ds.Model(m => { m.RecurrenceId(r=>r.RecurrenceId); }); }) ) Configures the transport of the DataSource @(Html.Kendo().DropDownList() .Name("ddl") .DataSource(ds=> ds .Custom()) .Transport(ts=>ts.Read(r=>r.Url("url"))) ) Configures Schema properties @(Html.Kendo().DropDownList() .Name("ddl") .DataSource(ds=> ds .Custom()) .Schema(s=>s.Data("data")) ) Configures the initial filter. @(Html.Kendo().DropDownList() .Name("ddl") .DataSource(ds=> ds .Custom()) .Filter(f=>f.AddRange(new List<Kendo.Mvc.IFilterDescriptor>())) ) Configures the initial sort. @(Html.Kendo().DropDownList() .Name("ddl") .DataSource(ds=> ds .Custom()) .Sort(s=>s.Add("memberName")) ) Configures the initial group. @(Html.Kendo().DropDownList() .Name("ddl") .DataSource(ds=> ds .Custom()) .Group(s=>s.Add("memberName", typeof(string))) ) Defines the fluent interface for configuring filter. Defines the fluent interface for configuring the options. Configures Model properties The Model configurator. @(Html.Kendo().DropDownList() .Name("ddl") .DataSource(ds=> ds .Custom()) .Schema(s=>s.Model(m=>m.Id("ID"))) ) Defines the fluent interface for configuring the Model definition. Type of the model Specify the member used to identify an unique Model instance. The member name. @(Html.Kendo().DropDownList() .Name("ddl") .DataSource(ds=> ds .Custom()) .Schema(s=>s.Model(m=>m.Id("ID"))) ) Describes a Model field Field name Field type @(Html.Kendo().DropDownList() .Name("ddl") .DataSource(ds=> ds .Custom()) .Schema(s=>s.Model(m=>m.Field("Field", typeof(string)))) ) Defines the fluent interface for configuring the options. Configures the initial filter. @(Html.Kendo().Scheduler<Screening>() .Name("scheduler") .DataSource(ds => ds.WebApi().Filter(f=>f.Add(s=>s.Description))) ) Configures Model properties @(Html.Kendo().Scheduler<Screening>() .Name("scheduler") .DataSource(ds => ds.WebApi().Model(f=>f.Id(s=>s.RecurrenceId))) ) Defines the fluent interface for configuring the WebApi create/update/destroy operation bindings. Configures the URL for Update operation. The Update configurator. @(Html.Kendo().DataSource<OrderViewModel>() .Name("ds") .WebApi(x=> { x.Update(y=>y.Action("Action", "Controller")); }) ) Sets controller, action and routeValues for Update operation. Absolute or relative URL for the operation @(Html.Kendo().DataSource<OrderViewModel>() .Name("ds") .WebApi(x=> { x.Update("url"); }) ) Configures the URL for Create operation. The Create configurator. @(Html.Kendo().DataSource<OrderViewModel>() .Name("ds") .WebApi(x=> { x.Create(y=>y.Action("Action", "Controller")); }) ) Sets controller, action and routeValues for Create operation. Absolute or relative URL for the operation @(Html.Kendo().DataSource<OrderViewModel>() .Name("ds") .WebApi(x=> { x.Create("url"); }) ) Configures the URL for Destroy operation. The Destroy configurator. @(Html.Kendo().DataSource<OrderViewModel>() .Name("ds") .WebApi(x=> { x.Destroy(y=>y.Action("Action", "Controller")); }) ) Sets controller and action for Destroy operation. Absolute or relative URL for the operation @(Html.Kendo().DataSource<OrderViewModel>() .Name("ds") .WebApi(x=> { x.Destroy("url"); }) ) Determines if data source would automatically sync any changes to its data items. By default changes are not automatically sync-ed. If true changes will be automatically synced, otherwise false. @(Html.Kendo().DataSource<OrderViewModel>() .Name("ds") .WebApi(x=> { x.AutoSync(true); }) ) Defines the fluent interface for configuring the options. Configures the client-side events The events configuration. @(Html.Kendo().DataSource<OrderViewModel>() .Name("ds") .WebApi(x=> { x.Events(ev => ev.Change("onChange")); }) ) Configures the URL for Read operation. The read configuration. @(Html.Kendo().DataSource<OrderViewModel>() .Name("ds") .WebApi(x=> { x.Read(r=>r.Action("Action", "Controller")); }) ) Sets controller and action for Read operation. Absolute or relative URL for the operation @(Html.Kendo().DataSource<OrderViewModel>() .Name("ds") .WebApi(x=> { x.Read("url"); }) ) Sets the total number of records in the data source. Required during Custom binding. Number of records @(Html.Kendo().DataSource<OrderViewModel>() .Name("ds") .WebApi(x=> { x.Total(10); }) ) Sets the number of records displayed on a single page. The count of records per page. @(Html.Kendo().DataSource<OrderViewModel>() .Name("ds") .WebApi(x=> { x.PageSize(10); }) ) Configures whether diacritic filtering should be used. The used culture. @(Html.Kendo().DataSource<OrderViewModel>() .Name("ds") .WebApi(x=> { x.AccentFoldingFiltering("de-DE"); }) ) Sets the operation mode of the DataSource. By default the DataSource will make a request to the server when data for paging, sorting, filtering or grouping is needed. If set to false all data will be requested through single request. Any other paging, sorting, filtering or grouping will be performed client-side. True(default) if server operation mode is enabled, otherwise false. @(Html.Kendo().DataSource<OrderViewModel>() .Name("ds") .WebApi(x=> { x.ServerOperation(true); }) ) Configures the initial sorting. The sort configurator. @(Html.Kendo().DataSource<OrderViewModel>() .Name("ds") .WebApi(x=> { x.Sort(y=>y.Add("OrderID")); }) ) Configures the initial grouping. The group configurator. @(Html.Kendo().DataSource<OrderViewModel>() .Name("ds") .WebApi(x=> { x.Group(y=>y.Add("OrderID", typeof(int))); }) ) The aggregates which are calculated when the data source populates with data. The Aggregates configurator. @(Html.Kendo().DataSource<OrderViewModel>() .Name("ds") .WebApi(x=> { x.Aggregates(y=>y.Add("OrderID", typeof(int)).Average()); }) ) Configures the initial filter. The Filter configurator. @(Html.Kendo().DataSource<OrderViewModel>() .Name("ds") .WebApi(x=> { x.Filter(y=>y.Add(z=>z.ContactName != "Condition")); }) ) Configures Model properties The Model configurator. @(Html.Kendo().DataSource<OrderViewModel>() .Name("ds") .WebApi(x=> { x.Model(m => m.Id(id => id.OrderID)); }) ) Defines the fluent interface for configuring the options for server binding. Sets the route values for the operation. Route values @(Html.Kendo().Grid<OrderViewModel>() .Columns(c=> { c.Bound(b => b.OrderID); c.Bound(b => b.OrderDate); }) .Name("grid") .DataSource(ds=> ds .Ajax() .Read(r=>r.Route(new RouteValueDictionary() )) ) ) Sets the action, contoller and route values for the operation. Action name Controller name Route values @(Html.Kendo().Grid<OrderViewModel>() .Columns(c=> { c.Bound(b => b.OrderID); c.Bound(b => b.OrderDate); }) .Name("grid") .DataSource(ds=> ds .Ajax() .Read(r=>r.Action("Action","Controller", new { })) ) ) Sets the action, contoller and route values for the operation. Action name Controller name Route values @(Html.Kendo().Grid<OrderViewModel>() .Columns(c=> { c.Bound(b => b.OrderID); c.Bound(b => b.OrderDate); }) .Name("grid") .DataSource(ds=> ds .Ajax() .Read(r=>r.Action("Action","Controller", new RouteValueDictionary())) ) ) Sets the action and contoller values for the operation. Action name Controller name @(Html.Kendo().Grid<OrderViewModel>() .Columns(c=> { c.Bound(b => b.OrderID); c.Bound(b => b.OrderDate); }) .Name("grid") .DataSource(ds=> ds .Ajax() .Read(r=>r.Action("Action","Controller")) ) ) Sets the route name and values for the operation. Route name Route values @(Html.Kendo().Grid<OrderViewModel>() .Columns(c=> { c.Bound(b => b.OrderID); c.Bound(b => b.OrderDate); }) .Name("grid") .DataSource(ds=> ds .Ajax() .Read(r=>r.Route("RouteName", new RouteValueDictionary())) ) ) Sets the route name and values for the operation. Route name Route values @(Html.Kendo().Grid<OrderViewModel>() .Columns(c=> { c.Bound(b => b.OrderID); c.Bound(b => b.OrderDate); }) .Name("grid") .DataSource(ds=> ds .Ajax() .Read(r=>r.Route("RouteName", new { })) ) ) Sets the route name for the operation. @(Html.Kendo().Grid<OrderViewModel>() .Columns(c=> { c.Bound(b => b.OrderID); c.Bound(b => b.OrderDate); }) .Name("grid") .DataSource(ds=> ds .Ajax() .Read(r=>r.Route("RouteName")) ) ) Configures the URL for Read operation. @(Html.Kendo().Grid<OrderViewModel>() .Columns(c=> { c.Bound(b => b.OrderID); c.Bound(b => b.OrderDate); }) .Name("grid") .DataSource(ds=> ds .Ajax() .Read(r=>r.Route(new RouteValueDictionary() )) ) ) Sets controller and action for Read operation. Action name Controller Name Route values @(Html.Kendo().Grid<OrderViewModel>() .Columns(c=> { c.Bound(b => b.OrderID); c.Bound(b => b.OrderDate); }) .Name("grid") .DataSource(ds=> ds .Ajax() .Read("Action","Controller", new { })) ) ) Sets controller, action and routeValues for Read operation. Action name Controller Name @(Html.Kendo().Grid<OrderViewModel>() .Columns(c=> { c.Bound(b => b.OrderID); c.Bound(b => b.OrderDate); }) .Name("grid") .DataSource(ds=> ds .Ajax() .Read("Action","Controller")) ) ) Sets the total number of records in the data source. Required during Custom binding. Number of records @(Html.Kendo().Grid<OrderViewModel>() .Columns(c=> { c.Bound(b => b.OrderID); c.Bound(b => b.OrderDate); }) .Name("grid") .DataSource(ds=> ds .Ajax() .Total(50) ) ) Configures the URL for Update operation. The configurator of the URL for the Update operation. @(Html.Kendo().Grid<OrderViewModel>() .Columns(c=> { c.Bound(b => b.OrderID); c.Bound(b => b.OrderDate); }) .Name("grid") .DataSource(ds=> ds .Ajax() .Update(u=>u.Url("url")) ) ) Sets controller and action for Update operation. Action name Controller Name Route values @(Html.Kendo().Grid<OrderViewModel>() .Columns(c=> { c.Bound(b => b.OrderID); c.Bound(b => b.OrderDate); }) .Name("grid") .DataSource(ds=> ds .Ajax() .Update("Action", "Controller", new { }) ) ) Sets controller, action and routeValues for Update operation. Action name Controller Name @(Html.Kendo().Grid<OrderViewModel>() .Columns(c=> { c.Bound(b => b.OrderID); c.Bound(b => b.OrderDate); }) .Name("grid") .DataSource(ds=> ds .Ajax() .Update("Action", "Controller") ) ) Configures the URL for Create operation. The configurator of the URL for the Create operation. @(Html.Kendo().Grid<OrderViewModel>() .Columns(c=> { c.Bound(b => b.OrderID); c.Bound(b => b.OrderDate); }) .Name("grid") .DataSource(ds=> ds .Ajax() .Create(u=>u.Url("url")) ) ) Sets controller and action for Create operation. Action name Controller Name Route values @(Html.Kendo().Grid<OrderViewModel>() .Columns(c=> { c.Bound(b => b.OrderID); c.Bound(b => b.OrderDate); }) .Name("grid") .DataSource(ds=> ds .Ajax() .Create("Action", "Controller", new { }) ) ) Sets controller, action and routeValues for Create operation. Action name Controller Name @(Html.Kendo().Grid<OrderViewModel>() .Columns(c=> { c.Bound(b => b.OrderID); c.Bound(b => b.OrderDate); }) .Name("grid") .DataSource(ds=> ds .Ajax() .Create("Action", "Controller") ) ) Configures the URL for Destroy operation. The configurator of the URL for the Destroy operation. @(Html.Kendo().Grid<OrderViewModel>() .Columns(c=> { c.Bound(b => b.OrderID); c.Bound(b => b.OrderDate); }) .Name("grid") .DataSource(ds=> ds .Ajax() .Destroy(u=>u.Url("url")) ) ) Sets controller and action for Destroy operation. Action name Controller Name Route values @(Html.Kendo().Grid<OrderViewModel>() .Columns(c=> { c.Bound(b => b.OrderID); c.Bound(b => b.OrderDate); }) .Name("grid") .DataSource(ds=> ds .Ajax() .Destroy("Action", "Controller", new { }) ) ) Sets controller, action and routeValues for Destroy operation. Action name Controller Name @(Html.Kendo().Grid<OrderViewModel>() .Columns(c=> { c.Bound(b => b.OrderID); c.Bound(b => b.OrderDate); }) .Name("grid") .DataSource(ds=> ds .Ajax() .Destroy("Action", "Controller") ) ) Sets the number of records displayed on a single page. Count of records per page. @(Html.Kendo().Grid<OrderViewModel>() .Columns(c=> { c.Bound(b => b.OrderID); c.Bound(b => b.OrderDate); }) .Name("grid") .DataSource(ds=> ds .Ajax() .PageSize(10) ) ) Configures the initial sorting. The applied sorting configuration. @(Html.Kendo().Grid<OrderViewModel>() .Columns(c=> { c.Bound(b => b.OrderID); c.Bound(b => b.OrderDate); }) .Name("grid") .DataSource(ds=> ds .Ajax() .Sort(s=>s.Add(x=>x.ContactName).Ascending()) ) ) Configures the initial grouping. The applied grouping configuration. @(Html.Kendo().Grid<OrderViewModel>() .Columns(c=> { c.Bound(b => b.OrderID); c.Bound(b => b.OrderDate); }) .Name("grid") .DataSource(ds=> ds .Ajax() .Group(s=>s.Add(x=>x.ContactName)) ) ) Configures the initial aggregates. The applied Aggregates configuration. @(Html.Kendo().Grid<OrderViewModel>() .Columns(c=> { c.Bound(b => b.OrderID); c.Bound(b => b.OrderDate); }) .Name("grid") .DataSource(ds=> ds .Ajax() .Aggregates(s=>s.Add(x=>x.ContactName).Count()) ) ) Configures the initial filter. The applied Filter configuration. @(Html.Kendo().Grid<OrderViewModel>() .Columns(c=> { c.Bound(b => b.OrderID); c.Bound(b => b.OrderDate); }) .Name("grid") .DataSource(ds=> ds .Ajax() .Filter(f=>f.Add(x=>x.ContactName).Contains("Test")) ) ) Configures Model properties The model configurator. @(Html.Kendo().Grid<OrderViewModel>() .Columns(c=> { c.Bound(b => b.OrderID); c.Bound(b => b.OrderDate); }) .Name("grid") .DataSource(ds=> ds .Ajax() .Model(f=>f.Id(s=>s.OrderID)) ) ) Defines the fluent interface for configuring the component client-side events. Defines the name of the JavaScript function that will handle the the Change client-side event. The name of the JavaScript function that will handle the event. .DataSource(dataSource => dataSource .Ajax() .Events(e => e.Change("onChangeDS")) ) Defines the inline handler of the Change client-side event. The handler code wrapped in a text tag (Razor syntax). .DataSource(dataSource => dataSource .Ajax() .Events(events => events.Change( @ function(e) { //event handling code } )) ) Defines the name of the JavaScript function that will handle the Sync client-side event. The name of the JavaScript function that will handle the event. .DataSource(dataSource => dataSource .Ajax() .Events(e => e.Sync("onSyncDS")) ) Defines the inline handler of the Sync client-side event. The handler code wrapped in a text tag (Razor syntax). .DataSource(dataSource => dataSource .Ajax() .Events(events => events.Sync( @ function(e) { //event handling code } )) ) Defines the name of the JavaScript function that will handle the RequestStart client-side event. The name of the JavaScript function that will handle the event. .DataSource(dataSource => dataSource .Ajax() .Events(e => e.RequestStart("onRequestStartDS")) ) Defines the inline handler of the RequestStart client-side event. The handler code wrapped in a text tag (Razor syntax). .DataSource(dataSource => dataSource .Ajax() .Events(events => events.RequestStart( @ function(e) { //event handling code } )) ) Defines the name of the JavaScript function that will handle the RequestEnd client-side event. The name of the JavaScript function that will handle the event. .DataSource(dataSource => dataSource .Ajax() .Events(e => e.RequestEnd("onRequestEndDS")) ) Defines the inline handler of the RequestEnd client-side event. The handler code wrapped in a text tag (Razor syntax). .DataSource(dataSource => dataSource .Ajax() .Events(events => events.RequestEnd( @ function(e) { //event handling code } )) ) Defines the name of the JavaScript function that will handle the Error client-side event. The name of the JavaScript function that will handle the event. .DataSource(dataSource => dataSource .Ajax() .Events(e => e.Error("onErrorDS")) ) Defines the inline handler of the Error client-side event. The handler code wrapped in a text tag (Razor syntax). .DataSource(dataSource => dataSource .Ajax() .Events(events => events.Error( @ function(e) { //event handling code } )) ) Defines the name of the JavaScript function that will handle the Push client-side event. The name of the JavaScript function that will handle the event. .DataSource(dataSource => dataSource .Ajax() .Events(e => e.Push("onPushDS")) ) Defines the inline handler of the Push client-side event. The handler code wrapped in a text tag (Razor syntax). .DataSource(dataSource => dataSource .Ajax() .Events(events => events.Push( @ function(e) { //event handling code } )) ) Defines the fluent interface for configuring the . Defines the fluent interface for configuring the Model definition. Type of the model Specify the member used to identify an unique Model instance. The member name. .DataSource(dataSource => dataSource .Ajax() .Model(m => m.Id("OrderID")) ) Specify the member used to identify an unique Model instance. Type of the field Member access expression which describes the member .DataSource(dataSource => dataSource .Ajax() .Model(m => m.Id(o => o.OrderID)) ) Describes a Model field Field type Member access expression which describes the field .DataSource(dataSource => dataSource .Ajax() .Model(m => m.Field(f => f.ShipName).Editable(false)) ) Describes a Model field Field name Field type .DataSource(dataSource => dataSource .Ajax() .Model(m => m.Field("ShipName", typeof(string))) ) Describes a Model field Field type Member name Defines the fluent interface for configuring the . Specifies member on which aggregates to be calculated. The Aggregates set for the DataSource .DataSource(dataSource => dataSource .Custom() .Aggregates(aggregates => { aggregates.Add(p => p.UnitsInStock).Min(); }) ) Specifies member on which aggregates to be calculated. Defines the fluent interface for configuring the options. Defines the fluent interface for configuring the when in read-only mode. Configures the URL for Read operation. @(Html.Kendo().DropDownList() .Name("ddl") .DataSource(ds=> ds .Read(r=>r.Action("Action", "Controller")) ) ) Configures whether diacritic filtering should be used. @(Html.Kendo().DropDownList() .Name("ddl") .DataSource(ds=> ds .AccentFoldingFiltering("de-DE") ) ) Sets controller and action for Read operation. Action name Controller Name Route values @(Html.Kendo().DropDownList() .Name("ddl") .DataSource(ds=> ds .Read("Action", "Controller", new { }) ) ) Sets controller, action and routeValues for Read operation. Action name Controller Name @(Html.Kendo().DropDownList() .Name("ddl") .DataSource(ds=> ds .Read("Action", "Controller") ) ) Specifies if filtering should be handled by the server. @(Html.Kendo().DropDownList() .Name("ddl") .DataSource(ds=> ds .ServerFiltering() ) ) Specifies if filtering should be handled by the server. @(Html.Kendo().DropDownList() .Name("ddl") .DataSource(ds=> ds .ServerFiltering(false) ) ) Configures the client-side events The events configuration. @(Html.Kendo().DropDownList() .Name("ddl") .DataSource(ds=> ds .Events(ev=>ev.Sync("onSync")) ) ) Use it to configure Custom binding. @(Html.Kendo().DropDownList() .Name("ddl") .DataSource(ds=> ds .Custom() ) ) Use it to configure SignalR binding. @(Html.Kendo().DropDownList() .Name("ddl") .DataSource(ds=> ds .SignalR() ) ) Defines the fluent interface for configuring the component. Use it to configure Ajax binding. .DataSource(dataSource => dataSource .Ajax() ) Use it to configure Server binding. .DataSource(dataSource => dataSource .Server() ) Use it to configure WebApi binding. .DataSource(dataSource => dataSource .WebApi() ) Use it to configure Custom binding. .DataSource(dataSource => dataSource .Custom() ) Use it to configure SignalR binding. .DataSource(dataSource => dataSource .SignalR() ) Defines the fluent interface for configuring the . Sets the ID of the content template. The id of the template. Sets the ID of the empty cell template. The id of the template. Sets the ID of the week number cell template. The id of the template. Sets the content of the cell. The content of the cell. Sets the content of the empty cells. The content of the empty cells. Sets the content of the week number cells. The content of the week cells. Defines the fluent interface for configuring datepicker client events. Defines the inline handler of the Change client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().DatePicker() .Name("DatePicker") .Events(events => events.Change( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Change client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().DatePicker() .Name("DatePicker") .Events(events => events.Change("change")) ) Defines the inline handler of the Open client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().DatePicker() .Name("DatePicker") .Events(events => events.Open( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the Open client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().DatePicker() .Name("DatePicker") .Events(events => events.Open("open")) ) Defines the inline handler of the Close client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().DatePicker() .Name("DatePicker") .Events(events => events.Close( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the Close client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().DatePicker() .Name("DatePicker") .Events(events => events.Close("close")) ) Defines the fluent interface for configuring the , and components. Use to enable or disable animation of the popup element. The boolean value. @( Html.Kendo().DropDownList() .Name("DropDownList") .Animation(false) //toggle effect ) Configures the animation effects of the widget. The action which configures the animation effects. @( Html.Kendo().DropDownList() .Name("DropDownList") .Animation(animation => { animation.Open(open => { open.SlideIn(SlideDirection.Down); }); }) ) Binds the widget to an IEnumerable list. The data source. @( Html.Kendo().DropDownList() .Name("DropDownList") .DataTextField("CompanyName") .DataValueField("CompanyID") .BindTo(new List<Company> { new Company { CompanyName = "Text1", CompanyID = "Value1" }, new Company { CompanyName = "Text2", CompanyID = "Value2" } }) ) Sets the field of the data item that provides the text content of the list items. @( Html.Kendo().DropDownList() .Name("DropDownList") .DataTextField("Text") ) Configures the DataSource options. The DataSource configurator action. @( Html.Kendo().DropDownList() .Name("DropDownList") .DataSource(source => { source.Read(read => { read.Action("GetProducts", "Home"); }); }) ) Specifies the delay in ms after which the widget will start filtering the dataSource. @( Html.Kendo().DropDownList() .Name("DropDownList") .Delay(300) ) Enables or disables the combobox. Fixed group template which will be rendered as a static group header of the popup element. FixedGroupTemplateId to be used for rendering the static header of the popup element. FixedGroupTemplateView to be used for rendering the static header of the popup element. Group template which will be rendered as a group header of each new group in the popup. GroupTemplateId to be used for rendering the static header of the popup element. GroupTemplateView to be used for rendering the static header of the popup element. Use it to enable case insensitive bahavior of the combobox. If true the combobox will select the first matching item ignoring its casing. @( Html.Kendo().ComboBox() .Name("ComboBox") .IgnoreCase(true) ) Sets the height of the drop-down list in pixels. @( Html.Kendo().DropDownList() .Name("DropDownList") .Height(300) ) Header template which will be rendered as a static header of the popup element. @( Html.Kendo().DropDownList() .Name("DropDownList") .HeaderTemplate("

Customers

") ) HeaderTemplateId to be used for rendering the static header of the popup element. @( Html.Kendo().DropDownList() .Name("DropDownList") .HeaderTemplateId("widgetHeaderTemplateId") ) HeaderTemplateView to be used for rendering the static header of the popup element. @( Html.Kendo().DropDownList() .Name("DropDownList") .HeaderTemplateView(Html.Partial("HeaderTemplate")) ) Footer template which will be rendered as a static footer of the popup element. @( Html.Kendo().DropDownList() .Name("DropDownList") .FooterTemplate("Total #: instance.dataSource.total() # items found") ) FooterTemplateId to be used for rendering the static footer of the popup element. @( Html.Kendo().DropDownList() .Name("DropDownList") .FooterTemplateId("widgetFooterTemplateId") ) FooterTemplateView to be used for rendering the static footer of the popup element. @( Html.Kendo().DropDownList() .Name("DropDownList") .FooterTemplateView(Html.Partial("FooterTemplate")) ) No data template which will be rendered as a static no-data template of the popup element. @( Html.Kendo().DropDownList() .Name("DropDownList") .NoDataTemplate("No Data!") ) NoDataTemplateId to be used for rendering the static no-data template of the popup element. @( Html.Kendo().DropDownList() .Name("DropDownList") .NoDataTemplateId("widgetNoDataTemplateId") ) NoDataTemplateView to be used for rendering the static no-data template of the popup element. @( Html.Kendo().DropDownList() .Name("DropDownList") .NoDataTemplateView(Html.Partial("NoDataTemplate")) ) Configures the popup settings of the widget. Configures the virtualization settings of the widget. Configures the virtualization settings of the widget. Adds a label before the input. If the input has no id attribute, a generated id will be assigned. The string and the function parameters are setting the inner HTML of the label. Defines the fluent interface for configuring the and components. Template to be used for rendering the items in the list. @( Html.Kendo().DropDownList() .Name("DropDownList") .Template("#= data #") ) TemplateId to be used for rendering the items in the list. @( Html.Kendo().DropDownList() .Name("DropDownList") .TemplateId("widgetTemplateId") ) TemplateView to be used for rendering the items in the list. @( Html.Kendo().DropDownList() .Name("DropDownList") .TemplateView(Html.Partial("TemplateView")) ) Sets the value of the widget. @( Html.Kendo().DropDownList() .Name("DropDownList") .Value("1") ) The fluent API for subscribing to Kendo UI DropDownList events. Initializes a new instance of the class. The client events. Defines the inline handler of the Select client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().DropDownList() .Name("DropDownList") .Events(events => events.Select( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Select client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().DropDownList() .Name("DropDownList") .Events(events => events.Select("select")) ) Defines the inline handler of the Change client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().DropDownList() .Name("DropDownList") .Events(events => events.Change( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Change client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().DropDownList() .Name("DropDownList") .Events(events => events.Change("change")) ) Defines the inline handler of the DataBound client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().DropDownList() .Name("DropDownList") .Events(events => events.DataBound( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the DataBound client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().DropDownList() .Name("DropDownList") .Events(events => events.DataBound("dataBound")) ) Defines the inline handler of the Filtering client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().DropDownList() .Name("DropDownList") .Events(events => events.Filtering( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Filtering client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().DropDownList() .Name("DropDownList") .Events(events => events.Filtering("filtering")) ) Defines the name of the JavaScript function that will handle the the Open client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().DropDownList() .Name("DropDownList") .Events(events => events.Open("open")) ) Defines the inline handler of the Open client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().DropDownList() .Name("DropDownList") .Events(events => events.Open( @<text> function(e) { //event handling code } </text> )) ) Defines the inline handler of the Close client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().DropDownList() .Name("DropDownList") .Events(events => events.Close( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Close client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().DropDownList() .Name("DropDownList") .Events(events => events.Close("close")) ) Defines the inline handler of the Cascade client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().DropDownList() .Name("DropDownList") .Events(events => events.Cascade( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Cascade client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().DropDownList() .Name("DropDownList") .Events(events => events.Cascade("cascade")) ) Defines the fluent API for configuring EditorImageBrowserMessagesBuilder settings Defines text for the confirmation dialog shown when the image or directory is deleted. Default message: "Are you sure you want to delete {0}?" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages .ImageBrowser(imageBrowser => imageBrowser.DeleteFile("Please confirm that {0} should be deleted.")) ) ) Defines text for dialog shown when the directory not found error occurs. Default message: "A directory with this name was not found." The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages .ImageBrowser(imageBrowser => imageBrowser.DirectoryNotFound("Not found directory.")) ) ) Defines text for search box placeholder. Default message: "Search" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages .ImageBrowser(imageBrowser => imageBrowser.Search("Search image...")) ) ) Defines text displayed when folder does not contain items. Default message: "Empty Folder" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages .ImageBrowser(imageBrowser => imageBrowser.EmptyFolder("Empty")) ) ) Defines text for dialog shown when an invalid file is set for upload. Default message: "The selected file '{0}' is not valid. Supported file types are {1}." The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages .ImageBrowser(imageBrowser => imageBrowser.InvalidFileType("The file type is not valid")) ) ) Defines text for order by label. Default message: "Arrange by" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages .ImageBrowser(imageBrowser => imageBrowser.OrderBy("Order by")) ) ) Defines text for Name item of order by drop down list. Default message: "Name" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages .ImageBrowser(imageBrowser => imageBrowser.OrderByName("File name")) ) ) Defines text for Size item of order by drop down list. Default message: "Size" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages .ImageBrowser(imageBrowser => imageBrowser.OrderBySize("File size")) ) ) Defines text for dialog shown when an already existing file is set for upload. Default message: "A file with name '{0}' already exists in the current directory. Do you want to overwrite it?" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages .ImageBrowser(imageBrowser => imageBrowser.OverwriteFile("Do you want to overwrite the file with name '{0}'?")) ) ) Defines text for upload button. Default message: "Upload" The message content @( Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages .ImageBrowser(imageBrowser => imageBrowser.UploadFile("Upload image")) ) ) Defines the fluent API for operation configuring of the ImageBrowser. Sets the route values for the image browser operation. Route values @( Html.Kendo().Editor() .Name("Editor") .ImageBrowser(imageBrowser => imageBrowser .Read(read => read.Action("ReadImages","Home").Route(new RouteValueDictionary { { "id", ViewData["id"] } })) ) ) Sets the action, contoller and route values for the image browser operation. Action name Controller name Route values @( Html.Kendo().Editor() .Name("Editor") .ImageBrowser(imageBrowser => imageBrowser .Read(read => read.Action("ReadImages","Home", new { id = ViewData["id"] })) ) ) Sets the action, contoller and route values for the image browser operation. Action name Controller name Route values @( Html.Kendo().Editor() .Name("Editor") .ImageBrowser(imageBrowser => imageBrowser .Read(read => read.Action("ReadImages","Home", new RouteValueDictionary { { "id", ViewData["id"] } })) ) ) Sets the action and contoller values for the image browser operation. Action name Controller name @( Html.Kendo().Editor() .Name("Editor") .ImageBrowser(imageBrowser => imageBrowser .Read(read => read.Action("ReadImages","Home")) ) ) Sets the route name and values for the image browser operation. Route name Route values @( Html.Kendo().Editor() .Name("Editor") .ImageBrowser(imageBrowser => imageBrowser .Read(read => read.Action("ReadImages","Home").Route("Default", new RouteValueDictionary { { "id", ViewData["id"] } })) ) ) Sets the route name and values for the image browser operation. Route name Route values @( Html.Kendo().Editor() .Name("Editor") .ImageBrowser(imageBrowser => imageBrowser .Read(read => read.Action("ReadImages","Home").Route("Default", new { id = ViewData["id"] })) ) ) Sets the route name for the image browser operation. @( Html.Kendo().Editor() .Name("Editor") .ImageBrowser(imageBrowser => imageBrowser .Read(read => read.Action("ReadImages","Home").Route("Default")) ) ) Specifies an absolute or relative URL for the image browser operation. Absolute or relative URL for the operation @( Html.Kendo().Editor() .Name("Editor") .ImageBrowser(imageBrowser => imageBrowser .Read(read => read.Url("/Home/ReadImages")) ) ) Sets a JavaScript function or the name of a function that returns the URL for the image. The JavaScript function name @( Html.Kendo().Editor() .Name("Editor") .ImageBrowser(imageBrowser => imageBrowser .Read(read => read.UrlHandler("getImageUrl")) ) ) Defines the fluent API for configuring the ImageBrowser. Initializes a new instance of the class. The Image Browser settings. The view context The URL generator. Sets the Action and Controller for remote image retrieval. Name of the Action. Name of the Controller. @( Html.Kendo().Editor() .Name("Editor") .ImageBrowser(imageBrowser => imageBrowser .Read("ReadImages","Home") ) ) Sets the Action, Controller, and routeValues for remote image retrieval. Name of the Action. Name of the Controller. Route values. @( Html.Kendo().Editor() .Name("Editor") .ImageBrowser(imageBrowser => imageBrowser .Read("ReadImages","Home", new RouteValueDictionary { { "paramName[0]", "paramValue" } }) ) ) Sets the Action, Controller, and routeValues for remote image retrieval. Name of the Action. Name of the Controller. Route values. @( Html.Kendo().Editor() .Name("Editor") .ImageBrowser(imageBrowser => imageBrowser .Read("ReadImages","Home", new { id = ViewData["id"] }) ) ) Configures the URL for remote image read operation. The action which configures the Read Action. @( Html.Kendo().Editor() .Name("Editor") .ImageBrowser(imageBrowser => imageBrowser .Read(read => read.Action("ReadImages","Home")) ) ) Sets the Action and Controller for retrieving the thumbnail version of the image. If not specified a default image icon will be shown. Name of the Action. Name of the Controller. @( Html.Kendo().Editor() .Name("Editor") .ImageBrowser(imageBrowser => imageBrowser .Thumbnail("GetThumbnails","Home") ) ) Sets the Action, Controller, and routeValues for retrieving the thumbnail version of the image. Name of the Action. Name of the Controller. Route values. @( Html.Kendo().Editor() .Name("Editor") .ImageBrowser(imageBrowser => imageBrowser .Thumbnail("GetThumbnails","Home", new RouteValueDictionary { { "paramName[0]", "paramValue" } }) ) ) Sets the Action, Controller, and routeValues for retrieving the thumbnail version of the image. Name of the Action. Name of the Controller. Route values. @( Html.Kendo().Editor() .Name("Editor") .ImageBrowser(imageBrowser => imageBrowser .Thumbnail("GetThumbnails","Home", new { id = ViewData["id"] }) ) ) Configures the URL for retrieving the thumbnail version of the image. The action which configures the Thumbnail Action. @( Html.Kendo().Editor() .Name("Editor") .ImageBrowser(imageBrowser => imageBrowser .Thumbnail(thumbnail => thumbnail.Action("GetThumbnails","Home")) ) ) Sets the Action and Controller responsible for serving the original image. Name of the Action. Name of the Controller. @( Html.Kendo().Editor() .Name("Editor") .ImageBrowser(imageBrowser => imageBrowser .Image("Image","Home") ) ) Sets the URL responsible for serving the original image. A image name placeholder should be specified. By default the placeholder value is URL encoded. If this is not desired, use a function. The string URL. @( Html.Kendo().Editor() .Name("Editor") .ImageBrowser(imageBrowser => imageBrowser .Image("~/shared/UserFiles/Images/{0}") ) ) Sets the Action, Controller, and routeValues responsible for serving the original image. Name of the Action. Name of the Controller. Route values. @( Html.Kendo().Editor() .Name("Editor") .ImageBrowser(imageBrowser => imageBrowser .Image("Image","Home", new RouteValueDictionary { { "paramName[0]", "paramValue" } }) ) ) Sets the Action, Controller, and routeValues responsible for serving the original image. Name of the Action. Name of the Controller. Route values. @( Html.Kendo().Editor() .Name("Editor") .ImageBrowser(imageBrowser => imageBrowser .Image("Image","Home", new { id = ViewData["id"] }) ) ) Configures the URL for serving the original image. The action which configures the Image Action. @( Html.Kendo().Editor() .Name("Editor") .ImageBrowser(imageBrowser => imageBrowser .Image(image => image.Action("Image","Home")) ) ) Sets the Action and Controller that will handle the new images upload. If not specified the Upload button will not be displayed. Name of the Action. Name of the Controller. @( Html.Kendo().Editor() .Name("Editor") .ImageBrowser(imageBrowser => imageBrowser .Upload("UploadImages","Home") ) ) Sets the Action, Controller, and routeValues for uploading new images. Name of the Action. Name of the Controller. Route values. @( Html.Kendo().Editor() .Name("Editor") .ImageBrowser(imageBrowser => imageBrowser .Upload("UploadImages","Home", new RouteValueDictionary { { "paramName[0]", "paramValue" } }) ) ) Sets the Action, Controller, and routeValues for uploading new images. Name of the Action. Name of the Controller. Route values. @( Html.Kendo().Editor() .Name("Editor") .ImageBrowser(imageBrowser => imageBrowser .Upload("UploadImages","Home", new { id = ViewData["id"] }) ) ) Configures the URL for images uplaod operation. The action which configures the Upload Action. @( Html.Kendo().Editor() .Name("Editor") .ImageBrowser(imageBrowser => imageBrowser .Upload(upload => upload.Action("UploadImages","Home")) ) ) Sets the Action and Controller that will handle the image or directory deletion. Name of the Action. Name of the Controller. @( Html.Kendo().Editor() .Name("Editor") .ImageBrowser(imageBrowser => imageBrowser .Destroy("Delete","Home") ) ) Sets the Action, Controller, and routeValues for image or directory destroy operation. Name of the Action. Name of the Controller. Route values. @( Html.Kendo().Editor() .Name("Editor") .ImageBrowser(imageBrowser => imageBrowser .Destroy("Destroy","Home", new RouteValueDictionary { { "paramName[0]", "paramValue" } }) ) ) Sets the Action, Controller, and routeValues for image or directory destroy operation. Name of the Action. Name of the Controller. Route values. @( Html.Kendo().Editor() .Name("Editor") .ImageBrowser(imageBrowser => imageBrowser .Destroy("Destroy","Home", new { id = ViewData["id"] }) ) ) Configures the URL for the image or directory destroy operation. The action which configures the Destroy Action. @( Html.Kendo().Editor() .Name("Editor") .ImageBrowser(imageBrowser => imageBrowser .Destroy(destroy => destroy.Action("Delete","Home")) ) ) Sets the Action and Controller that will handle the directory creation. Name of the Action. Name of the Controller. @( Html.Kendo().Editor() .Name("Editor") .ImageBrowser(imageBrowser => imageBrowser .Create("CreateDirectory","Home") ) ) Sets the Action, Controller, and routeValues for directory create operation. Name of the Action. Name of the Controller. Route values. @( Html.Kendo().Editor() .Name("Editor") .ImageBrowser(imageBrowser => imageBrowser .Create("CreateDirectory","Home", new RouteValueDictionary { { "paramName[0]", "paramValue" } }) ) ) Sets the Action, Controller, and routeValues for directory create operation. Name of the Action. Name of the Controller. Route values. @( Html.Kendo().Editor() .Name("Editor") .ImageBrowser(imageBrowser => imageBrowser .Create("CreateDirectory","Home", new { id = ViewData["id"] }) ) ) Configures the URL for directory create operation. The action which configures the Create Action. @( Html.Kendo().Editor() .Name("Editor") .ImageBrowser(imageBrowser => imageBrowser .Create(create => create.Action("CreateDirectory","Home")) ) ) Defines the allowed file extensions. Default: ".png, .gif, .jpg, .jpeg" The file types. @( Html.Kendo().Editor() .Name("Editor") .ImageBrowser(imageBrowser => imageBrowser .FileTypes("*.gif") ) ) Defines the fluent interface for configuring the Editor stylesheets. Adds custom stylesheets within the editing area. The string URL. @(Html.Kendo().Editor() .Name("Editor") .StyleSheets(css => css.Add(Url.Content("~/Content/web/Editor/editorStyles.css")) ) ) Defines the fluent API for configuring the object. Initializes a new instance of the class. Enables or disables the animation. Specifies whether the animation is enabled. The Expand settings. The configuration action. The Collapse settings. The configuration action. Defines the fluent API for configuring the object. Initializes a new instance of the class. Enables or disables the animation. Specifies whether the animation is enabled. .Animation(animation => animation.Enable(false)) The Open settings. The configuration action. .Animation(animation => animation.Open(open => open.Duration(600))) The Close settings. The configuration action. .Animation(animation => animation.Close(close => close.Duration(200))) Defines the fluent API for configuring the Kendo FlatColorPicker for ASP.NET MVC. Initializes a new instance of the class. The component. Specifies whether we should display the opacity slider to allow selection of transparency. The value that configures the opacity. Specifies whether the widget should display the Apply / Cancel buttons. The value that configures the buttons. The number of columns to show in the palette. Also defines the width of the FlatColorPicker. The value that configures the columns. Enables the contrast tool in the ColorGradient. Enables the contrast tool in the ColorGradient. Enables or disables the contrasttool option. Enables the contrast tool in the ColorGradient. The action that configures the contrasttool. Specifies whether the widget should display the 'Clear color' button. The value that configures the clearbutton. Sets the default input format in the gradient input editor. The value that configures the format. Whether to render the input in ColorGradient component. The value that configures the input. Specifies the initially selected color. The value that configures the value. The initially selected view in the FlatColorPicker. The value that configures the view. Specifies whether a selected and previous color are displayed for color comparison. with autoupdate set to true both selected and previous colors will be updated. The value that configures the preview. Specifies whether the UI should be updated while the user is typing in the input field, whenever a valid color can be parsed. If you passfalse for this, the widget will update only when ENTER is pressed. The value that configures the autoupdate. Allows customization of "Apply" / "Cancel" labels. The action that configures the messages. Sets the range of colors that the user can pick from. A list of colors. @( Html.Kendo().FlatColorPicker() .Name("FlatColorPicker") .Palette(new List<string> { "#ff0000", "#00ff00", "#0000ff" }) ) Sets the range of colors that the user can pick from. One of the preset palettes of colors @( Html.Kendo().FlatColorPicker() .Name("FlatColorPicker") .Palette(ColorPickerPalette.WebSafe) ) Sets the available input formats in the gradient input editor. Only "hex" and "rgb" are valid values. @( Html.Kendo().FlatColorPicker() .Name("FlatColorPicker") .Formats(new string[]{ "rgb", "hex" }) ) Sets the available views in the ColorPicker. Valid values are "gradient" and "palette". @( Html.Kendo().FlatColorPicker() .Name("FlatColorPicker") .Views(new string[]{ "gradient", "palette" }) ) Configures the client-side events. The client events action. @( Html.Kendo().FlatColorPicker() .Name("FlatColorPicker") .Events(events => events .Change("onChange") ) ) Defines the fluent interface for configuring . Initializes a new instance of the class. The chart line. Sets the line visibility The line visibility. @( Html.Kendo().LinearGauge() .Name("linearGauge") .Scale(scale => scale.Line(line => line.Color("#f00"))) .Render(); ) Defines the fluent interface for configuring the linear gauge labels. Initializes a new instance of the class. The labels configuration. Defines the fluent interface for configuring the radial gauge labels. Initializes a new instance of the class. The labels configuration. Sets the labels position The labels position. @( Html.Kendo().LinearGauge() .Name("linearGauge") .Scale(scale => scale .Labels(labels => labels .Position(GaugeRadialScaleLabelsPosition.Inside) ) ) ) Defines the fluent interface for configuring the component. Initializes a new instance of the class. The component. Sets the theme of the linear gauge. The linear gauge theme. @( Html.Kendo().RadialGauge() .Name("radialGauge") .Theme("Black") ) Sets the preferred rendering engine. If it is not supported by the browser, the Chart will switch to the first available mode. The preferred rendering engine. Sets the linear gauge area. The linear gauge area. @( Html.Kendo().RadialGauge() .Name("radialGauge") .ChartArea(chartArea => chartArea.margin(20)) ) Configures the scale The configurator @( Html.Kendo().RadialGauge() .Name("radialGauge") .Scale(scale => scale .Min(10) ) ) Configures the pointer The configurator @( Html.Kendo().RadialGauge() .Name("radialGauge") .Pointer(pointer => pointer .Value(10) ) ) Allows configuring multiple pointers The lambda which configures the pointers @( Html.Kendo().LinearGauge() .Name("gauge") .Pointers(pointer => { pointer.Add().Value(10); pointer.Add().Value(20).Shape(GaugeLinearPointerShape.Arrow); }) ) Enables or disabled animated transitions on initial load and refresh. A value indicating if transition animations should be played. @( Html.Kendo().RadialGauge() .Name("radialScale") .Transitions(false) ) Defines the fluent interface for configuring the component. Initializes a new instance of the class. The component. Sets the theme of the radial gauge. The radial gauge theme. @( Html.Kendo().RadialGauge() .Name("radialGauge") .Theme("Black") ) Sets the preferred rendering engine. If it is not supported by the browser, the Chart will switch to the first available mode. The preferred rendering engine. Sets the radial gauge area. The radial gauge area. @( Html.Kendo().RadialGauge() .Name("radialGauge") .ChartArea(chartArea => chartArea.margin(20)) ) Configures the scale The configurator @( Html.Kendo().RadialGauge() .Name("radialGauge") .Scale(scale => scale .Min(10) ) ) Configures the pointer The configurator @( Html.Kendo().RadialGauge() .Name("radialGauge") .Pointer(pointer => pointer .Value(10) ) ) Enables or disabled animated transitions on initial load and refresh. A value indicating if transition animations should be played. @( Html.Kendo().RadialGauge() .Name("radialScale") .Transitions(false) ) Defines the fluent interface for configuring the gauge scale. Initializes a new instance of the class. The gauge component. The parent Guage Sets the mirror of the gauge The mirror. @( Html.Kendo().LinearGauge() .Name("LinearGauge") .Scale(scale => scale .Mirror(true) ) ) Sets the orientation of the gauge The vertical. @( Html.Kendo().LinearGauge() .Name("LinearGauge") .Scale(scale => scale .Vertical(false) ) ) Configures the labels. The configuration action. @( Html.Kendo().LinearGauge() .Name("linearGauge") .Scale(scale => scale .Labels(labels => labels .Visible(false) ) ) ) Defines the fluent interface for configuring the gauge scale. Initializes a new instance of the class. The gauge component. The parent Guage Sets the end angle of the gauge The end angle. @( Html.Kendo().RadialGauge() .Name("radialGauge") .Scale(scale => scale .EndAngle(10) ) ) Sets the start angle of the gauge The start Angle. @( Html.Kendo().RadialGauge() .Name("radialGauge") .Scale(scale => scale .StartAngle(220) ) ) Configures the labels. The configuration action. @( Html.Kendo().RadialGauge() .Name("radialGauge") .Scale(scale => scale .Labels(labels => labels .Visible(false) ) ) ) Sets the width of the range indicators. The width of the range indicators. @( Html.Kendo().RadialGauge() .Name("radialGauge") .Scale(scale => scale .RangeSize(4) ) ) Sets the distance from the range indicators to the ticks. The distance from the range indicators to the ticks. @( Html.Kendo().RadialGauge() .Name("radialGauge") .Scale(scale => scale .RangeDistance(4) ) ) Defines the fluent interface for configuring the component. Initializes a new instance of the class. The component. Use to enable or disable animation of the popup element. The boolean value. @( Html.Kendo().DatePicker() .Name("DatePicker") .Animation(false) //toggle effect ) Configures the animation effects of the widget. The action which configures the animation effects. @( Html.Kendo().DatePicker() .Name("DatePicker") .Animation(animation => { animation.Open(open => { open.SlideIn(SlideDirection.Down); }) }) ) Specifies the culture info used by the widget. @( Html.Kendo().DatePicker() .Name("DatePicker") .Culture("de-DE") ) Configures the client-side events. The client events action. @( Html.Kendo().DatePicker() .Name("DatePicker") .Events(events => events.Open("open").Change("change") ) ) Sets the date format, which will be used to parse and format the machine date. Defaults to CultureInfo.DateTimeFormat.ShortDatePattern. Specifies the formats, which are used to parse the value set with value() method or by direct input. Enables or disables the picker. Sets the minimal date, which can be selected in picker. Sets the maximal date, which can be selected in picker. Sets the value of the picker input Sets the value of the picker input Specifies if the picker will use DateInput for editing value The value for DateInput Specifies if the picker will use DateInput for editing value Configures the popup settings of the widget. Allows localization of the strings that are used in the widget. The configurator for the messages setting. Adds a label before the input. If the input has no id attribute, a generated id will be assigned. The string and the function parameters are setting the inner HTML of the label. Defines the fluent interface for configuring the component. Initializes a new instance of the class. The component. Specifies a template used to populate aria-label attribute. The string template. @( Html.Kendo().DateTimePicker() .Name("DateTimePicker") .ARIATemplate("Date: #=kendo.toString(data.current, 'd')#") ) Sets the interval between hours. Binds the TimeView to a list of DateTime objects. The dates. @( Html.Kendo().TimePicker() .Name("TimePicker") .BindTo(new List<DateTime>{ DateTime.Now }) ) Enables/disables footer of the calendar popup. @( Html.Kendo().DateTimePicker() .Name("DateTimePicker") .Footer(false) ) Footer template to be used for rendering the footer of the Calendar. @( Html.Kendo().DateTimePicker() .Name("DateTimePicker") .Footer("#= kendo.toString(data, "G") #") ) FooterId to be used for rendering the footer of the Calendar. @( Html.Kendo().DateTimePicker() .Name("DateTimePicker") .FooterId("widgetFooterId") ) Specifies the navigation depth. @( Html.Kendo().DateTimePicker() .Name("DateTimePicker") .Depth(CalendarView.Month) ) Specifies the start view. @( Html.Kendo().DateTimePicker() .Name("DateTimePicker") .Start(CalendarView.Month) ) If set to true a week of the year will be shown on the left side of the calendar. It is possible to define a template in order to customize what will be displayed. MonthTemplateId to be used for rendering the cells of the Calendar. @( Html.Kendo().DateTimePicker() .Name("DateTimePicker") .MonthTemplateId("widgetMonthTemplateId") ) MonthTemplateView to be used for rendering the cells of the Calendar. @( Html.Kendo().DateTimePicker() .Name("DateTimePicker") .MonthTemplateView(Html.Partial("MonthTemplateView")) ) Templates for the cells rendered in the "month" view. @( Html.Kendo().DateTimePicker() .Name("DateTimePicker") .MonthTemplate("#= data.value #") ) Configures the content of cells of the Calendar. @( Html.Kendo().DateTimePicker() .Name("DateTimePicker") .MonthTemplate(month => month.Content("#= data.value #")) ) Sets the minimal date, which can be selected in DatePicker. Sets the maximal date, which can be selected in DatePicker. Specifies the format, which is used to format the values in the time drop-down list. Specifies the disabled dates in the DateTimePicker widget. @(Html.Kendo().DateTimePicker() .Name("DateTimePicker") .DisableDates(DayofWeek.Saturday, DayOfWeek.Sunday) ) Specifies the disabled dates in the DateTimePicker widget using a function. @( Html.Kendo().DateTimePicker() .Name("DateTimePicker") .DisableDates("disableDates") ) Specifies the component type of the widget. "classic" - Uses the standard rendering of the widget. or "modern" - Uses new rendering with a fresh and modern look and feel.. The value for ComponentType Sets the size of the component. The value for Size Sets a value controlling the border radius. The value for Rounded Sets a value controlling how the color is applied. The value for FillMode Defines the fluent interface for configuring the component. Controls whether to bind the widget to the DataSource on initialization. @(Html.Kendo().DropDownList() .Name("DropDownList") .AutoBind(false) ) Controls whether to adjust the popup width @(Html.Kendo().DropDownList() .Name("DropDownList") .AutoWidth(false) ) Binds the DropDownList to a list of DropDownListItem. The data source. @(Html.Kendo().DropDownList() .Name("DropDownList") .BindTo(new List <DropDownListItem> { new DropDownListItem() { Text = "Text1", Value = "Value1" }, new DropDownListItem() { Text = "Text2", Value = "Value2" } }) ) Binds the DropDownList to a list of SelectListItem. The data source. @(Html.Kendo().DropDownList() .Name("DropDownList") .BindTo(new List <SelectListItem> { new SelectListItem() { Text = "Text1", Value = "Value1" }, new SelectListItem() { Text = "Text2", Value = "Value2" } }) ) Sets the field of the data item that provides the value content of the list items. @(Html.Kendo().DropDownList() .Name("DropDownList") .DataTextField("Text") .DataValueField("Value") ) If set to true the widget will not show all items when the text of the search input cleared. By default the widget shows all items when the text of the search input is cleared. Works in conjunction with minLength. @(Html.Kendo().DropDownList() .Name("DropDownList") .MinLength(3) .Filter("contains") .EnforceMinLength(true) ) Configures the client-side events. The client events action. @(Html.Kendo().DropDownList() .Name("DropDownList") .Events(events => events.Change("change") ) ) Use it to enable filtering of items. @(Html.Kendo().DropDownList() .Name("DropDownList") .Filter("startswith"); ) Use it to enable filtering of items. @(Html.Kendo().DropDownList() .Name("DropDownList") .Filter(FilterType.Contains); ) Defines the items in the DropDownList The add action. @(Html.Kendo().DropDownList() .Name("DropDownList") .Items(items => { items.Add().Text("First Item"); items.Add().Text("Second Item"); }) ) Define the text of the default empty item. @(Html.Kendo().DropDownList() .Name("DropDownList") .OptionLabel("Select country...") ) Define the object of the default empty item. @(Html.Kendo().DropDownList() .Name("DropDownList") .DataTextField("Text") .DataValueField("Value") .OptionLabel(new { Text = "Text1", Value = "Value1" }) ) Specifies the minimum number of characters that should be typed before the widget queries the dataSource. @(Html.Kendo().DropDownList() .Name("DropDownList") .MinLength(3) ) Use it to set selected item index Item index. @(Html.Kendo().DropDownList() .Name("DropDownList") .SelectedIndex(0); ) Use it to set the Id of the parent DropDownList. @(Html.Kendo().DropDownList() .Name("DropDownList2") .CascadeFrom("DropDownList1") ) Use it to set the field used to filter the data source. @(Html.Kendo().DropDownList() .Name("DropDownList2") .CascadeFrom("DropDownList1") .CascadeFromField("ParentID") ) Defines the parent field to be used to retain value from. This value will be used further to filter the dataSource. @(Html.Kendo().DropDownList() .Name("DropDownList2") .CascadeFrom("DropDownList1") .CascadeFromField("ParentID") .CascadeFromParentField("ParentID") ) Define the text of the widget, when the autoBind is set to false. @(Html.Kendo().DropDownList() .Name("DropDownList") .Text("Chai") .AutoBind(false) ) Define the default item of the widget when the autoBind option is set to false. OptionLabelTemplate to be used to render the option label content. @(Html.Kendo().DropDownList() .Name("DropDownList") .OptionLabelTemplate("#= data #") ) OptionLabelTemplateId to be used to render the option label content. @(Html.Kendo().DropDownList() .Name("DropDownList") .OptionLabelTemplateId("widgetOptionLabelTemplateId") ) OptionLabelTemplateView to be used to render the option label content. @(Html.Kendo().DropDownList() .Name("DropDownList") .OptionLabelTemplateView(Html.Partial("OptionLabelTemplate")) ) ValueTemplate to be used to render the selected value. @(Html.Kendo().DropDownList() .Name("DropDownList") .ValueTemplate("#= data #") ) ValueTemplateId to be used to render the selected value. @(Html.Kendo().DropDownList() .Name("DropDownList") .ValueTemplateId("widgetValueTemplateId") ) ValueTemplateView to be used to render the selected value. @(Html.Kendo().DropDownList() .Name("DropDownList") .ValueTemplateView(Html.Partial("ValueTemplate")) ) When filtering is enabled, allows custom title to be defined for the filter input element. The value for FilterTitle @(Html.Kendo().DropDownList() .Name("DropDownList") .FilterTitle("MyFilter") ) Sets the size of the component. The value for Size @(Html.Kendo().DropDownList() .Name("DropDownList") .Size(ComponentSize.Medium) ) Sets a value controlling the border radius. The value for Rounded @(Html.Kendo().DropDownList() .Name("DropDownList") .Rounded(Rounded.Medium) ) Sets a value controlling how the color is applied. The value for FillMode @(Html.Kendo().DropDownList() .Name("DropDownList") .FillMode(FillMode.Solid) ) Defines the fluent interface for configuring child DropDonwList items. Initializes a new instance of the class. The item. Sets the value for the item. The value. @( Html.Kendo().DropDownList() .Name("DropDownList") .Items(items => items.Add().Text("First item.")) ) Sets the value for the item. The value. @( Html.Kendo().DropDownList() .Name("DropDownList") .Items(items => items.Add().Value("1")) ) Define when the item will be expanded on intial render. If true the item will be selected. @( Html.Kendo().DropDownList() .Name("DropDownList") .Items(items => { items.Add().Text("First Item").Selected(true); }) ) Creates items for the . Initializes a new instance of the class. The container. Defines a item. Configures the template of a custom template tool. The HTML content of the template. @(Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools .CustomTemplate(x => x.Template("<button class='k-button'>Save draft</button>")) ) ) Sets the name of the custom button tool. The name value. @(Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools .CustomButton(x => x .Name("custom") ) ) ) Sets a JavaScript function that will be executed when the end-user clicks the custom tool button. The handler code wrapped in a text tag. @(Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools .CustomButton(x => x .Name("custom") .Exec(@<text> function(e) { var editor = $(this).data("kendoEditor"); editor.exec("inserthtml", { value: "<hr />" }); } </text>) ) ) ) Sets a JavaScript function that will be executed when the end-user clicks the custom tool button. The name of the JavaScript function that will be evaluated. @(Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools .CustomButton(x => x .Name("custom") .Exec("insertRule") ) ) ) <script> function insertRule(e) { var editor = $(this).data("kendoEditor"); editor.exec("inserthtml", { value: "<hr />" }); } </script> Sets the text that will be displayed when the end-user hovers the custom tool button. The text content. @(Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools .CustomButton(x => x .Name("custom") .ToolTip("Insert a horizontal rule") ) ) ) Specifies a list of colors for "FontColor" and "BackColor" tools. The collection of colors. @(Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools .FontColor(config => config.Palette(new string[] { "#ffffff", "#ffff00", "#db9791" })) .BackColor(config => config.Palette(new string[] { "#ffffff", "#ffff00", "#db9791" })) ) ) Specifies the color columns for "FontColor" and "BackColor" tools when a list of colors is defined. The number of columns. @(Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools .FontColor(config => config .Palette(new string[] { "#ffff00", "#db9791" }) .Columns(2) ) ) ) Specifies the color palette for "FontColor" and "BackColor" tools. The ColorPickerPalette palette. @(Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools .FontColor(config => config.Palette(ColorPickerPalette.WebSafe)) .BackColor(config => config.Palette(ColorPickerPalette.Basic)) ) ) Defines the fluent interface for configuring the Editor events. Initializes a new instance of the class. The client events. Defines the handler of the Change client-side event. Fires when Editor is blurred and its content has changed. The name of the JavaScript function that will handle the event. @( Html.Kendo().Editor() .Name("Editor") .Events(events => events.Change("onChange")) ) Defines the inline handler of the Change client-side event. Fires when Editor is blurred and its content has changed. The handler code wrapped in a text tag. @( Html.Kendo().Editor() .Name("Editor") .Events(events => events.Change(@<text> function(e) { //event handling code } </text>) ) ) Defines the handler of the Execute client-side event. Fires when an Editor command is executed. The name of the JavaScript function that will handle the event. @( Html.Kendo().Editor() .Name("Editor") .Events(events => events.Execute("onExecute")) ) Defines the inline handler of the Execute client-side event. Fires when an Editor command is executed. The handler code wrapped in a text tag. @( Html.Kendo().Editor() .Name("Editor") .Events(events => events.Execute(@<text> function(e) { //event handling code } </text>) ) ) Defines the handler of the Paste client-side event. Fires before the content is pasted in the Editor. The name of the JavaScript function that will handle the event. @( Html.Kendo().Editor() .Name("Editor") .Events(events => events.Paste("onPaste")) ) Defines the inline handler of the Paste client-side event. Fires before the content is pasted in the Editor. The handler code wrapped in a text tag. @( Html.Kendo().Editor() .Name("Editor") .Events(events => events .Paste(@<text> function(ev) { //event handling code } </text>) ) ) Defines the handler of the Select client-side event. Fires when the Editor selection has changed. The name of the JavaScript function that will handle the event. @( Html.Kendo().Editor() .Name("Editor") .Events(events => events.Select("onSelect")) ) Defines the inline handler of the Select client-side event. Fires when the Editor selection has changed. The handler code wrapped in a text tag. @( Html.Kendo().Editor() .Name("Editor") .Events(events => events .Select(@<text> function(ev) { //event handling code } </text>) ) ) Defines the handler of the KeyUp client-side event. Fires when the user releases a keyboard key. The name of the JavaScript function that will handle the event. @( Html.Kendo().Editor() .Name("Editor") .Events(events => events.KeyUp("onKeyUp")) ) Defines the inline handler of the KeyUp client-side event. Fires when the user releases a keyboard key. The handler code wrapped in a text tag. @( Html.Kendo().Editor() .Name("Editor") .Events(events => events .Keyup(@<text> function(ev) { //event handling code } </text>) ) ) Defines the handler of the KeyDown client-side event. Fires when the user depresses a keyboard key. Triggered multiple times if the user holds the key down. The name of the JavaScript function that will handle the event. @( Html.Kendo().Editor() .Name("Editor") .Events(events => events.KeyDown("onKeyDown")) ) Defines the inline handler of the KeyDown client-side event. Fires when the user depresses a keyboard key. Triggered multiple times if the user holds the key down. The handler code wrapped in a text tag. @( Html.Kendo().Editor() .Name("Editor") .Events(events => events .Keydown(@<text> function(ev) { //event handling code } </text>) ) ) Defines the fluent API for configuring the EditorDropDownItem settings. Modifies the default options of the Editor tools. The string that the item will show. The value that will be applied by the tool when this item is selected. @( Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools .FontName(items => items .Add("Verdana", "Verdana,Geneva,sans-serif") .Add("Garamond", "Garamond, serif") ) ) ) Defines the fluent interface for configuring the Editor snippets feature. Adds predefined HTML code snippets in the content area. The title of the snippet. The HTML content of the snippet. @(Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools .Snippets(snippets => snippets .Add("Signature", "<p>Regards,<br /> John Doe,<br <a href='mailto:john.doe@example.com'>john.doe@example.com</a></p>") ) ) ) Loads predefined HTML code snippets in the content area from a file. The title of the snippet. The path to the file that contains the snippet. @(Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools .Snippets(snippets => snippets .AddFromFile("Signature", "~/Content/SignatureSnippet.html") ) ) ) Creates series for the . Initializes a new instance of the class. The group. Adds a custom template tool. The action which configures the custom template tool. @(Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools .CustomTemplate(x => x.Template("<button class='k-button'>Save draft</button>")) ) ) Adds a custom button tool. The action which configures the custom button tool. @(Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools .CustomButton(x => x .Name("custom") .ToolTip("Insert a horizontal rule") .Exec(@<text> function(e) { var editor = $(this).data("kendoEditor"); editor.exec("inserthtml", { value: "<hr />" }); } </text>) ) ) ) Clears all tools. If you remove the Clear() option, the default toolbar will be shown along with the buttons specified by you. @(Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools.Clear()) ) Adds Bold tool. @(Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools.Bold()) ) Adds Italic tool. @(Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools.Italic()) ) Adds Underline tool. @(Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools.Underline()) ) Adds Undo tool. @(Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools.Undo()) ) Adds Strikethrough tool. @(Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools.Strikethrough()) ) Adds JustifyLeft tool. @(Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools.JustifyLeft()) ) Adds JustifyRight tool. @(Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools.JustifyRight()) ) Adds JustifyCenter tool. @(Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools.JustifyCenter()) ) Adds JustifyFull tool. @(Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools.JustifyFull()) ) Adds InsertUnorderedList tool. @(Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools.InsertUnorderedList()) ) Adds Indent tool. @(Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools.Indent()) ) Adds Pdf tool. @(Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools.Pdf()) ) Adds Import tool. @(Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools.Import()) ) Adds ExportAs tool. @(Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools.ExportAs()) ) Adds ExportAs tool. The action that configures the ExportAs tool settings. @(Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools .ExportAs(exportAs => exportAs.Add("PDF","pdf")) ) ) Adds Outdent tool. @(Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools.Outdent()) ) Adds InsertOrderedList tool. @(Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools.InsertOrderedList()) ) Adds InsertUpperRomanList tool. @(Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools.InsertUpperRomanList()) ) Adds InsertUpperRomanList tool. @(Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools.InsertLowerRomanList()) ) Adds InsertImage tool. @(Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools.InsertImage()) ) Adds InsertFile tool. @(Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools.InsertFile()) ) Adds CreateLink tool. @(Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools.CreateLink()) ) Adds Unlink tool. @(Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools.Unlink()) ) Adds SubScript tool. @(Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools.SubScript()) ) Adds SuperScript tool. @(Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools.SuperScript()) ) Adds ViewHtml tool. @(Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools.ViewHtml()) ) Adds Print tool. @(Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools.Print()) ) Adds Redo tool. @(Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools.Redo()) ) Adds FontName tool. @(Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools.FontName()) ) Adds FontName tool. The action that configures the FontName tool settings. @( Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools .FontName(items => items .Add("Verdana", "Verdana,Geneva,sans-serif") .Add("Garamond", "Garamond, serif") ) ) ) Adds FontSize tool. @(Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools.FontSize()) ) Adds FontSize tool. The action that configures the FontSize tool settings. @( Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools .FontSize(items => items .Add("1 (8pt)","1") .Add("2 (10pt)","2") ) ) ) Adds Formatting tool. @(Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools.Formatting()) ) Adds Formatting tool. The action that configures the Formatting tool settings. @( Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools .Formatting(items => items .Add("Paragraph","1") .Add("Quotation","2") ) ) ) Adds FormatBlock tool. Deprecated. Adds FormatBlock tool. Deprecated. Adds Snippets tool. The action that configures the Snippets tool settings. @(Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools .Snippets(snippets => snippets .Add("Signature", "<p>Regards,<br /> John Doe,<br <a href='mailto:john.doe@example.com'>john.doe@example.com</a></p>") ) ) ) Adds Styles tool. Deprecated. Adds FontColor tool. @(Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools.FontColor()) ) Adds FontColor tool. The action that configures the FontColor tool settings. @(Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools .FontColor(items => items .Palette(new string[] { "#ffffff", "#ffff00", "#db9791" }) ) ) ) Adds BackColor tool. @(Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools.BackColor()) ) Adds BackColor tool. The action that configures the BackColor tool settings. @(Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools .BackColor(items => items .Palette(new string[] { "#ffffff", "#ffff00", "#db9791" }) ) ) ) Adds TableEditing tools. @(Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools.TableEditing()) ) Adds a separator. @(Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools.Separator()) ) Adds CleanFormatting tool. @(Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools.CleanFormatting()) ) Adds FormatPainter tool buttons. @(Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools.FormatPainter()) ) The fluent API for configuring the Telerik UI for ASP.NET MVC Editor. Sets the HTML content that will show initially in the Editor. The action that renders the HTML content. @(Html.Kendo().Editor() .Name("Editor") .Value(@<text> <blockquote> According to Deep Thought, the answer to the ultimate question of life, the universe and everything is <strong>42</strong>. </blockquote> </text>) ) Sets the HTML content that will show initially in the Editor. The predicate that renders the HTML content. @(Html.Kendo().Editor() .Name("Editor") .Value(@<text> <blockquote> According to Deep Thought, the answer to the ultimate question of life, the universe and everything is <strong>42</strong>. </blockquote> </text>) ) Sets the HTML content that will show initially in the Editor as a string. An HTML string. @( Html.Kendo().Editor() .Name("Editor") .Value("<blockquote>A towel has <strong>immense</strong> psychological value</blockquote>") ) Configures the client events. The action that configures the client events. @( Html.Kendo().Editor() .Name("Editor") .Events(events => events .Change("onChange") ) ) Configures the available tools in the toolbar. The action that configures the tools. @( Html.Kendo().Editor() .Name("Editor") .Tools(tools => tools .Clear() .Bold() .Italic() .Underline() ) ) Allows rendering of contentEditable elements instead of the default textarea Editor. Note: contentEditable elements are not posted to the server. The tag that will be rendered as contentEditable @( Html.Kendo().Editor() .Name("Editor") .Tag("div") ) Encodes the HTML content. By default, the submitted value is encoded. @( Html.Kendo().Editor() .Name("Editor") .Value("<blockquote>A towel has <strong>immense</strong> psychological value</blockquote>") .Encode(true) ) Configures the PDF export settings. The action that configures the PDF settings. @(Html.Kendo().Editor() .Name("Editor") .Pdf(pdf => pdf .Margin(20, 20, 20, 20) .PaperSize("A4") .ProxyURL(Url.Action("Pdf_Export_Save", "Editor")) ) ) Sets the CSS files that will be registered in the Editor's iframe The action that configures the StyleSheets settings. @( Html.Kendo().Editor() .Name("Editor") .StyleSheets(styleSheets => styleSheets.Add("editorStyles.css")) ) Configures the file browser dialog. The action that configures the file browser dialog. @( Html.Kendo().Editor() .Name("Editor") .FileBrowser(fileBrowser => fileBrowser .File("~/Content/UserFiles/{0}") .Read("Read", "FileBrowser") .Create("Create", "FileBrowser") .Destroy("Destroy", "FileBrowser") .Upload("Upload", "FileBrowser") ) ) Configures the image browser dialog. The action that configures the image browser dialog. @( Html.Kendo().Editor() .Name("Editor") .ImageBrowser(imageBrowser => imageBrowser .Image("~/Content/UserFiles/Images/{0}") .Read("Read", "ImageBrowser") .Create("Create", "ImageBrowser") .Destroy("Destroy", "ImageBrowser") .Upload("Upload", "ImageBrowser") .Thumbnail("Thumbnail", "ImageBrowser") ) ) Configures the export settings. The action that configures the ExportAs settings. @( Html.Kendo().Editor() .Name("Editor") .ExportAs(exportAs => exportAs .FileName("Editor") .Proxy("Export", "Editor") ) ) Configures the import settings. The action that configures the Import settings. @( Html.Kendo().Editor() .Name("Editor") .Import(import => import .Proxy("Import", "Editor") ) ) Fine-tune deserialization in the Editor component. Deserialization is the process of parsing the HTML string input from the value() method or from the viewHtml dialog into editable content. The action that configures the deserialization. @( Html.Kendo().Editor() .Name("Editor") .Deserialization(d => d.Custom("htmlDeserialization")) ) <script> function htmlDeserialization(html) { return html.replace(/(<\/?)b(\s?)/, "$1strong$2"); } </script> Relaxes the same-origin policy when using the iframe-based Editor. This is done automatically for all cases except when the policy is relaxed by document.domain = document.domain. In that case, this property must be used to allow the Editor to function properly across browsers. This property has been introduced in internal builds after 2014.1.319. The value that configures the domain. @( Html.Kendo().Editor() .Name("Editor") .Domain("example.com") ) If enabled, the Editor disables the editing and command execution in elements marked with editablecontent="false" attribute. @(Html.Kendo().Editor() .Name("Editor") .Immutables() ) If enabled, the Editor disables the editing and command execution in elements marked with editablecontent="false" attribute. Enables or disables the immutables option. @(Html.Kendo().Editor() .Name("Editor") .Immutables(false) ) If enabled, the Editor disables the editing and command execution in elements marked with editablecontent="false" attribute. The action that configures the immutables. @(Html.Kendo().Editor() .Name("Editor") .Immutables(immutables => { immutables.SerializationHandler("immutablesSerialization"); immutables.Deserialization("immutablesDeserialization"); }) ) Defines the text of the labels that are shown within the Editor. Used primarily for localization. The action that configures the messages. @(Html.Kendo().Editor() .Name("Editor") .Messages(messages => messages.CreateTable("New Table")) ) Options for controlling how the pasting content is modified before it is added in the Editor. The action that configures the PasteCleanup. @(Html.Kendo().Editor() .Name("Editor") .PasteCleanup(pastecleanup => pastecleanup.All(true)) ) The hint displayed by the Editor when it is empty. Not set by default. The value that configures the placeholder. @(Html.Kendo().Editor() .Name("Editor") .Placeholder("Enter some text") ) If enabled, the Editor renders a resize handle to allow users to resize it. @(Html.Kendo().Editor() .Name("Editor") .Resizable() ) If enabled, the Editor renders a resize handle to allow users to resize it. Enables or disables the resizable option. @(Html.Kendo().Editor() .Name("Editor") .Resizable(true) ) If enabled, the Editor renders a resize handle to allow users to resize it. The action that configures the resizable. @(Html.Kendo().Editor() .Name("Editor") .Resizable(resize => resize.Content(true)) ) Allows setting of serialization options. The action that configures the serialization. @( Html.Kendo().Editor() .Name("Editor") .Serialization(d => d.Custom("htmlSerialization")) ) <script> function htmlSerialization(html) { return html.replace(/(<\/?)b(\s?)/, "$1strong$2"); } </script> Creates scale ranges for the . Initializes a new instance of the class. The scale. The gauge scale Defines a item. Defines a item. Defines the fluent interface for configuring ranges. Initializes a new instance of the class. The scale ranges. Sets the ranges start position. The ranges start position. @( Html.Kendo().LinearGauge() .Name("linearGauge") .Scale(scale => scale .Ranges(ranges => ranges .Add().From(1).Color("Red"); ) ) .Render(); ) Sets the ranges end position. The ranges end position. @( Html.Kendo().LinearGauge() .Name("linearGauge") .Scale(scale => scale .Ranges(ranges => ranges .Add().To(2).Color("Red"); ) ) .Render(); ) Sets the ranges color The ranges color. @( Html.Kendo().LinearGauge() .Name("linearGauge") .Scale(scale => scale .Ranges(ranges => ranges .Add().Color("Red"); ) ) .Render(); ) Sets the ranges opacity The ranges opacity. @( Html.Kendo().LinearGauge() .Name("linearGauge") .Scale(scale => scale .Ranges(ranges => ranges .Add().Opacity(0.5); ) ) .Render(); ) Defines the fluent interface for configuring the gauge labels. Initializes a new instance of the class. The labels configuration. Sets the labels font The labels font (CSS format). @( Html.Kendo().LinearGauge() .Name("linearGauge") .Scale(scale => scale .Labels(labels => labels .Font("14px Arial,Helvetica,sans-serif") ) ) ) Sets the labels visibility The labels visibility. @( Html.Kendo().LinearGauge() .Name("linearGauge") .Scale(scale => scale .Labels(labels => labels .Visible(false) ) ) ) Sets the labels background color The labels background color. @( Html.Kendo().LinearGauge() .Name("linearGauge") .Scale(scale => scale .Labels(labels => labels .Background("Red") ) ) ) Sets the labels text color The labels text color. @( Html.Kendo().LinearGauge() .Name("linearGauge") .Scale(scale => scale .Labels(labels => labels .Color("Red") ) ) ) Sets the labels margin The labels top margin. The labels right margin. The labels bottom margin. The labels left margin. @( Html.Kendo().LinearGauge() .Name("linearGauge") .Scale(scale => scale .Labels(labels => labels .Margin(0, 5, 5, 0) ) ) )els Sets the labels margin The labels margin. @( Html.Kendo().LinearGauge() .Name("linearGauge") .Scale(scale => scale .Labels(labels => labels .Margin(20) ) ) ) Sets the labels padding The labels top padding. The labels right padding. The labels bottom padding. The labels left padding. @( Html.Kendo().LinearGauge() .Name("linearGauge") .Scale(scale => scale .Labels(labels => labels .Padding(0, 5, 5, 0) ) ) ) Sets the labels padding The labels padding. @( Html.Kendo().LinearGauge() .Name("linearGauge") .Scale(scale => scale .Labels(labels => labels .Padding(20) ) ) ) Sets the labels border The labels border width. The labels border color (CSS syntax). The labels border dash type. @( Html.Kendo().LinearGauge() .Name("linearGauge") .Scale(scale => scale .Labels(labels => labels .Border(1, "Red", ChartDashType.Dot) ) ) ) Configures the label border The border configuration action Sets the labels format. The labels format. @( Html.Kendo().LinearGauge() .Name("linearGauge") .Scale(scale => scale .Labels(labels => labels .Format("{0:C}") ) ) ) Sets the labels template. The labels template. @( Html.Kendo().LinearGauge() .Name("linearGauge") .Scale(scale => scale .Labels(labels => labels .Template("#= value #") ) ) ) Sets the labels opacity. The series opacity in the range from 0 (transparent) to 1 (opaque). The default value is 1. @( Html.Kendo().LinearGauge() .Name("linearGauge") .Scale(scale => scale .Labels(labels => labels .Opacity(0.5) ) ) ) Defines the fluent interface for configuring scale. The type of the series builder. Initializes a new instance of the class. The scale. Gets or sets the scale. The scale. Configures the minor ticks. The configuration action. @( Html.Kendo().LinearGauge() .Name("linearGauge") .Scale(scale => scale .MinorTicks(ticks => ticks .Visible(false) ) ) ) Configures the major ticks. The configuration action. @( Html.Kendo().LinearGauge() .Name("linearGauge") .Scale(scale => scale .MajorTicks(ticks => ticks .Visible(false) ) ) ) Defines the ranges items. The add action. @( Html.Kendo().LinearGauge() .Name("linearGauge") .Scale(scale => scale .Ranges.Add() .From(1) .To(2) ) ) Sets the scale major unit. The major unit. @( Html.Kendo().LinearGauge() .Name("linearGauge") .Scale(scale => sclae.MajorUnit(5)) ) Sets the scale minor unit. The minor unit. @( Html.Kendo().LinearGauge() .Name("linearGauge") .Scale(scale => sclae.MinorUnit(5)) ) Sets the scale min value. The min. @( Html.Kendo().LinearGauge() .Name("linearGauge") .Scale(scale => sclae.Min(-20)) ) Sets the scale max value. The max. @( Html.Kendo().LinearGauge() .Name("linearGauge") .Scale(scale => sclae.Max(20)) ) Sets the scale reverse. The scale reverse. @( Html.Kendo().LinearGauge() .Name("linearGauge") .Scale(scale => sclae.reverse(true)) ) Configures the major ticks. The configuration action. @( Html.Kendo().LinearGauge() .Name("linearGauge") .Scale(scale => scale .Line(line => line .Visible(false) ) ) ) Defines the fluent interface for configuring the . Initializes a new instance of the class. The gauge area. Sets the chart area background color. The background color. @( Html.Kendo().LinearGauge() .Name("linearGauge") .GaugeArea(gaugeArea => gaugeArea.Background("red")) .Render(); ) Sets the gauge area margin. The gauge area top margin. The gauge area right margin. The gauge area bottom margin. The gauge area left margin. @( Html.Kendo().LinearGauge() .Name("linearGauge") .GaugeArea(gaugeArea => gaugeArea.Margin(0, 5, 5, 0)) .Render(); ) Sets the gauge area margin. The gauge area margin. @( Html.Kendo().LinearGauge() .Name("linearGauge") .GaugeArea(gaugeArea => gaugeArea.Margin(5)) .Render(); ) Sets the gauge area border. The border width. The border color (CSS syntax). The border dash type. @( Html.Kendo().LinearGauge() .Name("linearGauge") .GaugeArea(gaugeArea => gaugeArea.Border(1, "#000", ChartDashType.Dot)) .Render(); ) Configures the gauge area border The border configuration action Defines the fluent interface for configuring the linear gauge track. Initializes a new instance of the class. The linear gauge track. Sets the track color. The track color. @( Html.Kendo().LinearGauge() .Name("linearGauge") .Pointer(pointer => pointer .Track(track => track.Color("red")) ) .Render(); ) Sets the track size. The track size. @( Html.Kendo().LinearGauge() .Name("linearGauge") .Pointer(pointer => pointer .Track(track => track.Size(8)) ) .Render(); ) Sets the track visibility. The track visibility. @( Html.Kendo().LinearGauge() .Name("linearGauge") .Pointer(pointer => pointer .Track(track => track.Visible(true)) ) .Render(); ) Sets the track border. The pointer border width. The pointer border color. The pointer dash type. @( Html.Kendo().LinearGauge() .Name("linearGauge") .Pointer(pointer => pointer .Track(track => track.Border(1, "#000", ChartDashType.Dot)) ) .Render(); ) Configures the track border The border configuration action Defines the fluent interface for configuring the . Initializes a new instance of the class. The gauge pointer. Sets the pointer color. The pointer color. @( Html.Kendo().LinearGauge() .Name("linearGauge") .Pointer(pointer => pointer .Color("red") ) .Render(); ) Sets the pointer shape. The pointer shape. @( Html.Kendo().LinearGauge() .Name("linearGauge") .Pointer(pointer => pointer .Shape(LinearGaugePointerShape.Arrow) ) .Render(); ) Sets the pointer margin. The pointer top margin. The pointer right margin. The pointer bottom margin. The pointer left margin. @( Html.Kendo().LinearGauge() .Name("linearGauge") .Pointer(pointer => pointer .Margin(20, 20, 20, 20) ) .Render(); ) Sets the pointer margin. The pointer margin. @( Html.Kendo().LinearGauge() .Name("linearGauge") .Pointer(pointer => pointer .Margin(20) ) .Render(); ) Sets the pointer border The pointer border width. The pointer border color. The pointer dash type. @( Html.Kendo().LinearGauge() .Name("linearGauge") .Pointer(pointer => pointer .Border(1, "#000", ChartDashType.Dot) ) .Render(); ) Configures the pointer border The border configuration action Sets the pointer opacity. The pointer opacity in the range from 0 (transparent) to 1 (opaque). The default value is 1. @( Html.Kendo().LinearGauge() .Name("linearGauge") .Pointer(pointer => pointer .Opacity(0.5) ) .Render(); ) Sets the pointer size. The pointer size. @( Html.Kendo().LinearGauge() .Name("linearGauge") .Pointer(pointer => pointer .Size(8) ) .Render(); ) Sets the pointer value. The pointer value. @( Html.Kendo().LinearGauge() .Name("linearGauge") .Pointer(pointer => pointer .Value(25) ) .Render(); ) Configures the pointer track. The configuration action. @( Html.Kendo().LinearGauge() .Name("linearGauge") .Pointer(pointer => pointer .Track(track => track.Visible(true)) ) .Render(); ) Defines the fluent interface for configuring the . Initializes a new instance of the class. The gauge cap. Sets the cap color. The cap color. @( Html.Kendo().RadialGauge() .Name("radialGauge") .Pointer(pointer => pointer .Cap(cap => cap.Color("red")) ) .Render(); ) Sets the cap opacity. The cap opacity in the range from 0 (transparent) to 1 (opaque). The default value is 1. @( Html.Kendo().RadialGauge() .Name("radialGauge") .Pointer(pointer => pointer .Cap(cap => cap.Opacity(0.5)) ) .Render(); ) Sets the cap size in percents. The cap size in percents. @( Html.Kendo().RadialGauge() .Name("radialGauge") .Pointer(pointer => pointer .Cap(cap => cap.Size(8)) ) .Render(); ) Defines the fluent interface for configuring the . Initializes a new instance of the class. The gauge pointer. Sets the pointer color. The pointer color. @( Html.Kendo().RadialGauge() .Name("radialGauge") .Pointer(pointer => pointer .Color("red") ) .Render(); ) Sets the pointer length. The pointer length (in percent) that is based on the distance to the scale. The default length of 1 indicates that the pointer exactly reaches the scale. Accepts values between 0.1 and 1.5. @( Html.Kendo().RadialGauge() .Name("radialGauge") .Pointer(pointer => pointer .Length(0.5) ) .Render(); ) Sets the pointer opacity. The pointer opacity in the range from 0 (transparent) to 1 (opaque). The default value is 1. @( Html.Kendo().RadialGauge() .Name("radialGauge") .Pointer(pointer => pointer .Opacity(0.5) ) .Render(); ) Sets the pointer value. The pointer value. @( Html.Kendo().RadialGauge() .Name("radialGauge") .Pointer(pointer => pointer .Value(25) ) .Render(); ) Configures the pointer cap. The configuration action. @( Html.Kendo().RadialGauge() .Name("radialGauge") .Pointer(pointer => pointer .Cap(cap => cap.Color("red")) ) .Render(); ) Defines the fluent interface for configuring . Initializes a new instance of the class. The gauge scale ticks. Sets the ticks color The ticks color (CSS format). @( Html.Kendo().LinearGauge() .Name("linearGauge") .Scale(scale => scale.MajorTicks(ticks => ticks.Color("#f00"))) .Render(); ) Sets the ticks width The ticks width. @( Html.Kendo().LinearGauge() .Name("linearGauge") .Scale(scale => scale.MajorTicks(ticks => ticks.Width(2))) .Render(); ) Sets the ticks size The ticks size. @( Html.Kendo().LinearGauge() .Name("linearGauge") .Scale(scale => scale.MajorTicks(ticks => ticks.Size(2))) .Render(); ) Sets the ticks dashType The ticks dashType. @( Html.Kendo().LinearGauge() .Name("linearGauge") .Scale(scale => scale.MajorTicks(ticks => ticks.DashType(ChartDashType.Dot))) .Render(); ) Sets the ticks visibility The ticks visibility. @( Html.Kendo().LinearGauge() .Name("linearGauge") .Scale(scale => scale.MajorTicks(ticks => ticks.Visible(false))) .Render(); ) Defines the fluent interface for configuring bound columns filterable options Initializes a new instance of the class. The settings. The object The generator. Sets the type of the input element of the filter menu The filter role. @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.Bound(c => c.Name).Filterable(ftb=>ftb.UI(GridFilterUIRole.DatePicker)); })) Configures the column filter cell The configuration of the cell. @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.Bound(c => c.Name).Filterable(ftb=>ftb.Cell(c=>c.SuggestionOperator(FilterType.StartsWith))); })) Sets JavaScript function which to modify the UI of the filter input. @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.Bound(c => c.Name).Filterable(ftb=>ftb.UI(@<text>JavaScript function goes here</text>)); })) Sets JavaScript function which to modify the UI of the filter input. JavaScript function name @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.Bound(c => c.Name).Filterable(ftb=>ftb.UI("UIHandler")); })) Sets the template for the checkbox rendering when Multi checkbox filtering is enabled The name of the handler that returns the template. @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.Bound(c => c.Name).Filterable(ftb=>ftb.ItemTemplate("jsHandler")); })) Enables / disabled the Multi Checkbox filtering support for this column. If 'true' - Multi Checkbox filtering is enabled, if 'false' Multi Checkbox filtering is disabled. @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.Bound(c => c.Name).Filterable(ftb=>ftb.Multi(true)); })) Controls whether to show a search box when checkbox filtering is enabled. If 'true' - search is enabled, if 'false' search is disabled. @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.Bound(c => c.Name).Filterable(ftb=>ftb.Search(true)); })) Toggles between case-insensitive (default) and case-sensitive searching. If 'true' - ignore the case, otherwise - not. @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.Bound(c => c.Name).Filterable(ftb=>ftb.IgnoreCase(true)); })) Provide IEnumerable that will be used as DataSource for Multi CheckBox filtering on this column Data of the DataSource @(Html.Kendo().Grid(Model) .Name("grid") .Filterable() .Columns(columns => { columns.Bound(c => c.Name).Filterable(ftb=>ftb.Multi(true).BindTo(new string[] { "Name 1", "Name 2"})); })) Enables / disabled the CheckAll checkboxes when Multi Checkbox filtering is enabled. @(Html.Kendo().Grid(Model) .Name("grid") .Filterable() .Columns(columns => { columns.Bound(c => c.Name).Filterable(ftb=>ftb.Multi(true).CheckAll(true)); })) Configures the DataSource options. The DataSource configurator action. @(Html.Kendo().Grid(Model) .Name("grid") .Filterable() .Columns(columns => columns.Bound(o => o.Name) .Filterable(filterable => filterable.Cell(cell => cell.DataSource(ds => ds.Read("someAction", "someController")))))) Sets the id/name of the used DataSource. The DataSource object ID. @(Html.Kendo().Grid(Model) .Name("grid") .Filterable() .Columns(columns => { columns.Bound(c => c.Name).Filterable(ftb => ftb.DataSource("dataSourceId")); })) Defines the fluent interface for configuring the column menu messages. Enables you to define custom messages in grid column menu. The message @(Html.Kendo().Grid(Model) .Name("Grid") .ColumnMenu(menu => menu.Messages(msg => msg.Filter("Custom filter message"))) ) Sets the text displayed for columns menu option. The message @(Html.Kendo().Grid(Model) .Name("Grid") .ColumnMenu(menu => menu.Messages(msg => msg.Columns("Custom columns message"))) ) Sets the text displayed for the column position item. The message @(Html.Kendo().Grid(Model) .Name("Grid") .ColumnMenu(menu => menu.Messages(msg => msg.SetColumnPosition("Custom column position message"))) ) Sets the text displayed for sort ascending menu option. The message @(Html.Kendo().Grid(Model) .Name("Grid") .ColumnMenu(menu => menu.Messages(msg => msg.SortAscending("Custom sort message"))) ) Sets the text displayed for sort descending menu option. The message @(Html.Kendo().Grid(Model) .Name("Grid") .ColumnMenu(menu => menu.Messages(msg => msg.SortDescending("Custom sort message"))) ) Sets the text displayed for menu header. The message @(Html.Kendo().Grid(Model) .Name("Grid") .ColumnMenu(menu => menu.Messages(msg => msg.ColumnSettings("Custom menu header message"))) ) Sets the text message displayed in the column menu for locking a column. The message @(Html.Kendo().Grid(Model) .Name("Grid") .ColumnMenu(menu => menu.Messages(msg => msg.Lock("Custom lock message"))) ) Sets the text message displayed in the column menu for unlocking a column. The message @(Html.Kendo().Grid(Model) .Name("Grid") .ColumnMenu(menu => menu.Messages(msg => msg.Unlock("Custom unlock message"))) ) Sets the text message displayed in the column menu for sticking a column. The message @(Html.Kendo().Grid(Model) .Name("Grid") .ColumnMenu(menu => menu.Messages(msg => msg.Stick("Custom stick message"))) ) Sets the text message displayed in the column menu for unsticking a column. The message @(Html.Kendo().Grid(Model) .Name("Grid") .ColumnMenu(menu => menu.Messages(msg => msg.Unstick("Custom unstick message"))) ) Sets the text message displayed in the apply button. The message @(Html.Kendo().Grid(Model) .Name("Grid") .ColumnMenu(menu => menu.Messages(msg => msg.Apply("Custom apply message"))) ) Sets the text message displayed in the reset button. The message @(Html.Kendo().Grid(Model) .Name("Grid") .ColumnMenu(menu => menu.Messages(msg => msg.Reset("Custom reset message"))) ) The title of the button that displays the ColumnMenu. The message @(Html.Kendo().Grid(Model) .Name("Grid") .ColumnMenu(menu => menu.Messages(msg => msg.ButtonTitle("Custom title message"))) ) Defines the fluent interface for configuring . Initializes a new instance of the class. The settings. Enables/disables header column menu. If true, enables the ColumnMenu. @(Html.Kendo().Grid(Model) .Name("Grid") .ColumnMenu(menu => menu.Enabled((bool)ViewData["enableColumnMenu"])) ) The Enabled method is useful when you need to enable column menu based on certain conditions. Enables/disables sort section in header column menu. If true, enables sorting. @(Html.Kendo().Grid(Model) .Name("Grid") .ColumnMenu(menu => menu.Sortable((bool)ViewData["enableSort"])) ) The Enabled method is useful when you need to enable/disable sort section in column menu based on certain conditions. Enables/disables filter section in header column menu. If true, enables filtering. @(Html.Kendo().Grid(Model) .Name("Grid") .ColumnMenu(menu => menu.Filterable((bool)ViewData["enableFilter"])) ) The Enabled method is useful when you need to enable/disable filter section in column menu based on certain conditions. Enables/disables columns section in header column menu. If true, enables the columns section in the column menu @(Html.Kendo().Grid(Model) .Name("Grid") .ColumnMenu(menu => menu.Columns((bool)ViewData["enableColumns"])) ) The Enabled method is useful when you need to enable/disable columns section in column menu based on certain conditions. If set to true the column menu would allow the user to select (show and hide) grid columns. By default the column menu allows column selection. The configurator for the columns setting. Enables you to define custom messages in grid column menu. @(Html.Kendo().Grid(Model) .Name("Grid") .ColumnMenu(menu => menu.Messages(msg => msg.Filter("Custom filter message"))) ) Specifies the component type of the column menu. "classic" - Uses the standard rendering of the column menu. or "modern" - Uses new rendering with a fresh and modern look and feel. The value for ComponentType Defines the fluent interface for configuring the Filter menu DropDownList options. Clears the options. Supported only in conjunction with custom messages. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(filterable => filterable .Extra(false) .Operators(operators => operators .ForEnums(str => str .Clear() .IsEqualTo("Equal to") .IsNotEqualTo("Not equal to") )) ) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the text for IsEqualTo operator filter menu item. The text of the "equal" filter operator. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(filterable => filterable .Extra(false) .Operators(operators => operators .ForEnums(str => str .IsEqualTo("Equal to") )) ) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the text for IsNotEqualTo operator filter menu item. The text of the "not equal" filter operator. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(filterable => filterable .Extra(false) .Operators(operators => operators .ForEnums(str => str .IsNotEqualTo("Not equal to") )) ) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the text for IsNull operator filter menu item. The text of the "isnull" filter operator. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(filterable => filterable .Extra(false) .Operators(operators => operators .ForEnums(str => str .IsNull("Null") )) ) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the text for IsNotNull operator filter menu item. The text of the "isnotnull" filter operator. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(filterable => filterable .Extra(false) .Operators(operators => operators .ForEnums(str => str .IsNotNull("Not null") )) ) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Defines the fluent interface for configuring the Filter menu DropDownList options. Clears the options. Supported only in conjunction with custom messages. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(filterable => filterable .Extra(false) .Operators(operators => operators .ForDate(str => str .Clear() .IsGreaterThan("After") .IsLessThan("Before") )) ) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the text for IsEqualTo operator filter menu item. The text of the "equal" filter operator. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(filterable => filterable .Extra(false) .Operators(operators => operators .ForDate(str => str .IsEqualTo("Equals") )) ) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the text for IsNotEqualTo operator filter menu item. The text of the "not equal" filter operator. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(filterable => filterable .Extra(false) .Operators(operators => operators .ForDate(str => str .IsNotEqualTo("Not equal") )) ) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the text for IsGreaterThanOrEqualTo operator filter menu item. The texts of the filter operators displayed for columns bound to date fields. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(filterable => filterable .Extra(false) .Operators(operators => operators .ForDate(str => str .IsGreaterThanOrEqualTo("After or equal to") )) ) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the text for IsGreaterThan operator filter menu item. The text of the "greater than" filter operator. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(filterable => filterable .Extra(false) .Operators(operators => operators .ForDate(str => str .IsGreaterThan("After") )) ) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the text for IsLessThanOrEqualTo operator filter menu item. The text of the "less than or equal" filter operator. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(filterable => filterable .Extra(false) .Operators(operators => operators .ForDate(str => str .IsLessThanOrEqualTo("Before or equal to") )) ) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the text for IsLessThan operator filter menu item. The text of the "less than" filter operator. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(filterable => filterable .Extra(false) .Operators(operators => operators .ForDate(str => str .IsLessThan("Before") )) ) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the text for IsNull operator filter menu item. The text of the "isnull" filter operator. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(filterable => filterable .Extra(false) .Operators(operators => operators .ForDate(str => str .IsNull("Null") )) ) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the text for IsNotNull operator filter menu item. The text of the "isnotnull" filter operator. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(filterable => filterable .Extra(false) .Operators(operators => operators .ForDate(str => str .IsNotNull("Not Null") )) ) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Defines the fluent interface for configuring the Filter menu DropDownList options. Clears the options. Supported only in conjunction with custom messages. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(filterable => filterable .Extra(false) .Operators(operators => operators .ForNumber(str => str .Clear() .IsEqualTo("Equal to") .IsNotEqualTo("Not equal to") )) ) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the text for IsEqualTo operator filter menu item. The text of the "equal" filter operator. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(filterable => filterable .Extra(false) .Operators(operators => operators .ForNumber(str => str .IsEqualTo("Equal to") )) ) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the text for IsNotEqualTo operator filter menu item. The text of the "not equal" filter operator. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(filterable => filterable .Extra(false) .Operators(operators => operators .ForNumber(str => str .IsNotEqualTo("Not equal to") )) ) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the text for IsGreaterThanOrEqualTo operator filter menu item. The text of the "greater than or equal" filter operator. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(filterable => filterable .Extra(false) .Operators(operators => operators .ForNumber(str => str .IsGreaterThanOrEqualTo("Greater than or equal to")) )) ) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) Sets the text for IsGreaterThan operator filter menu item. The text of the "greater than" filter operator. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(filterable => filterable .Extra(false) .Operators(operators => operators .ForNumber(str => str .IsGreaterThan("Greater than") )) ) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the text for IsLessThanOrEqualTo operator filter menu item. The text of the "less than or equal" filter operator. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(filterable => filterable .Extra(false) .Operators(operators => operators .ForNumber(str => str .IsLessThanOrEqualTo("Less than or equal to") )) ) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the text for IsLessThan operator filter menu item. The text of the "less than" filter operator. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(filterable => filterable .Extra(false) .Operators(operators => operators .ForNumber(str => str .IsLessThan("Less than") )) ) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the text for IsNull operator filter menu item. The text of the "isnull" filter operator. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(filterable => filterable .Extra(false) .Operators(operators => operators .ForNumber(str => str .IsNull("Null") )) ) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the text for IsNotNull operator filter menu item. The text of the "isnotnull" filter operator. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(filterable => filterable .Extra(false) .Operators(operators => operators .ForNumber(str => str .IsNotNull("Not null") )) ) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Defines the fluent interface for configuring the Filter menu options. Sets the info part of the filter menu The text of the information message on the top of the filter menu. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(f => f.Messages(m => m.Info("Filter by: "))) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the title attribute of the filter menu form The text rendered for the title attribute of the filter menu form. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(f => f.Messages(m => m.Title("Custom title: "))) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the text for And option. The text for And operator. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(f => f.Messages(m => m.And("And"))) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the text for Or option. The text of the option which represents the "or" logical operation @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(f => f.Messages(m => m.Or("Or"))) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the text for Boolean IsTrue option value. The text of the radio button for true values. Displayed when filtering Boolean fields. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(f => f.Messages(m => m.IsTrue("True"))) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the text for Boolean IsFalse option value. The text of the radio button for false values. Displayed when filtering Boolean fields. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(f => f.Messages(m => m.IsFalse("False"))) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the text for Filter button. The text of the button which applies the filter. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(f => f.Messages(m => m.Filter("Apply filter"))) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the text for SelectValue option. The text of the DropDownList displayed in the filter menu for columns whose values option is set. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(f => f.Messages(m => m.SelectValue("Select category"))) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the text for Clear button. The text of the button which clears the filter. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(f => f.Messages(m => m.Clear("Clear"))) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the text for Operator label. The text displayed in the tooltip of the operator item in filter menu. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(f => f.Messages(m => m.Operator("Choose operator"))) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the text for AdditionalOperator label. The text displayed in the tooltip of the additional operator item in filter menu. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(f => f.Messages(m => m.AdditionalOperator("Choose operator"))) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the text for Value label. The text displayed in the tooltip of the value item in filter menu. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(f => f.Messages(m => m.Value("Choose value"))) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the text for AdditionalValue label. The text displayed in the tooltip of the additional value item in filter menu. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(f => f.Messages(m => m.AdditionalValue("Choose value"))) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the text for CheckAll message when Multi checkbox filtering is enabled. The label used for the check-all checkbox. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight).Filterable(f => f.Multi(true)); }) .Filterable(f => f.Messages(m => m.CheckAll("Check all"))) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the text for the search input placeholder when the search option is enabled. The placeholder of the search input for columns with the search option set to true. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .ColumnMenu() .Filterable(f => f.Messages(m => m.Search("Search category"))) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the format for the selected items count message. The format string for selected items count in filter menu when search option set to true. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight).Filterable(f => f.Multi(true)); }) .Filterable(f => f.Messages(m => m.SelectedItemsFormat("There are {0} selected items"))) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the text for Logic label. The text displayed in the tooltip of the logic item in filter menu. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .ColumnMenu() .Filterable(f => f.Messages(m => m.Logic("Choose logic"))) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) The title of the button that displays the ColumnMenu. The title of the button that displays the FilterMenu. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .ColumnMenu() .Filterable(f => f.Messages(m => m.ButtonTitle("Filter"))) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Defines the fluent interface for configuring the Filter menu . Configures messages for string operators. The texts of the filter operators displayed for columns bound to string fields. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(filterable => filterable .Extra(false) .Operators(operators => operators .ForString(str => str .IsEqualTo("Equal to") .IsNotEqualTo("Not equal to") )) ) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Configures messages for number operators. The texts of the filter operators displayed for columns bound to number fields. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(filterable => filterable .Extra(false) .Operators(operators => operators .ForNumber(str => str .IsEqualTo("Equal to") .IsNotEqualTo("Not equal to") )) ) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Configures messages for date operators. The texts of the filter operators displayed for columns bound to date fields. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(filterable => filterable .Extra(false) .Operators(operators => operators .ForDate(str => str .IsGreaterThan("After") .IsLessThan("Before") )) ) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Configures messages for enums operators. The texts of the enum filter operators displayed for columns which have their values option set. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(filterable => filterable .Extra(false) .Operators(operators => operators .ForEnums(str => str .IsEqualTo("Equal to") .IsNotEqualTo("Not equal to") )) ) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Defines the fluent interface for configuring the Filter menu DropDownList options. Clears the options. Supported only in conjunction with custom messages. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(filterable => filterable .Extra(false) .Operators(operators => operators .ForString(str => str .Clear() .IsEqualTo("Equal to") .IsNotEqualTo("Not equal to") )) ) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the text for IsEqualTo operator filter menu item. The text of the "equal" filter operator. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(filterable => filterable .Extra(false) .Operators(operators => operators .ForString(str => str .IsEqualTo("Equal to") )) ) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the text for IsNotEqualTo operator filter menu item. The text of the "not equal" filter operator. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(filterable => filterable .Extra(false) .Operators(operators => operators .ForString(str => str .IsNotEqualTo("Not equal to") )) ) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the text for StartsWith operator filter menu item. The text of the "starts with" filter operator. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(filterable => filterable .Extra(false) .Operators(operators => operators .ForString(str => str .StartsWith("Starts with") )) ) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the text for EndsWith operator filter menu item. The text of the "ends with" filter operator. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(filterable => filterable .Extra(false) .Operators(operators => operators .ForString(str => str .EndsWith("Ends with") )) ) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the text for Contains operator filter menu item. The text of the "contains" filter operator. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(filterable => filterable .Extra(false) .Operators(operators => operators .ForString(str => str .Contains("Contains") )) ) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the text for DoesNotContain operator filter menu item. The text of the "does not contain" filter operator. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(filterable => filterable .Extra(false) .Operators(operators => operators .ForString(str => str .DoesNotContain("Does not contain") )) ) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the text for IsNull operator filter menu item. The text of the "isnull" filter operator. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(filterable => filterable .Extra(false) .Operators(operators => operators .ForString(str => str .IsNull("Is null") )) ) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the text for IsNotNull operator filter menu item. The text of the "isnotnull" filter operator. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(filterable => filterable .Extra(false) .Operators(operators => operators .ForString(str => str .IsNotNull("Is not null") )) ) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the text for IsEmpty operator filter menu item. The text of the "isempty" filter operator. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(filterable => filterable .Extra(false) .Operators(operators => operators .ForString(str => str .IsEmpty("Is empty") )) ) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the text for IsNotEmpty operator filter menu item. The text of the "isnotempty" filter operator. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(filterable => filterable .Extra(false) .Operators(operators => operators .ForString(str => str .IsNotEmpty("Is not empty") )) ) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the text for IsNullOrEmpty operator filter menu item. The text of the "isnullorempty" filter operator. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(filterable => filterable .Extra(false) .Operators(operators => operators .ForString(str => str .IsNullOrEmpty("Is null or empty") )) ) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the text for IsNotNullOrEmpty operator filter menu item. The text of the "isnotnulloremtpy" filter operator. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(filterable => filterable .Extra(false) .Operators(operators => operators .ForString(str => str .IsNotNullOrEmpty("Is not null or empty") )) ) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Defines the fluent interface for configuring Initializes a new instance of the class. The settings. Enables or disables keyboard navigation. @( Html.Kendo().Grid(Model) .Name("Grid") .Navigatable(setting => setting.Enabled((bool)ViewData["enableKeyBoardNavigation"])) ) The Enabled method is useful when you need to enable keyboard navigation based on certain conditions. Defines the fluent interface for configuring toolbar save command. The type of the model Sets the text displayed by the "save changes" button. If not set a default value is used. The text which should be displayed Sets the text displayed by the "cancel changes" button. If not set a default value is used. The text which should be displayed Defines the fluent interface for configuring messages. Sets the text of the group panel when grid is not grouped. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID); columns.Bound(p => p.Freight); }) .Groupable(g => g.Messages(m => m.Empty("Empty"))) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) The message Defines the fluent interface for configuring aggregates for a given field. Applies the Min aggregate function. .DataSource(dataSource => dataSource .Custom() .Aggregates(aggregates => { aggregates.Add(p => p.UnitsInStock).Min(); }) ) Applies the Max aggregate function. .DataSource(dataSource => dataSource .Custom() .Aggregates(aggregates => { aggregates.Add(p => p.UnitsInStock).Max(); }) ) Applies the Count aggregate function. .DataSource(dataSource => dataSource .Custom() .Aggregates(aggregates => { aggregates.Add(p => p.UnitsInStock).Count(); }) ) Applies the Average aggregate function. .DataSource(dataSource => dataSource .Custom() .Aggregates(aggregates => { aggregates.Add(p => p.UnitsInStock).Average(); }) ) Applies the Sum aggregate function. .DataSource(dataSource => dataSource .Custom() .Aggregates(aggregates => { aggregates.Add(p => p.UnitsInStock).Sum(); }) ) Defines the fluent interface for configuring the . Use it to configure Custom binding. Use it to configure SignalR binding. Configures the URL for Read operation. Sets controller, action and routeValues for Read operation. Action name Controller Name Route values Sets controller and action for Read operation. Action name Controller Name Configures the client-side events Configures the model Specifies if filtering should be handled by the server. Specifies if filtering should be handled by the server. Defines the fluent interface for configuring the HierarchicalModelDescriptor. Type of the model Specify the member used to identify an unique Model instance. The member name. Specify the model children member name. The member name. Specify the children DataSource configuration. The configurator action. Specify the member name used to determine if the model has children. The member name. Describes a Model field Field name Field type Defines the fluent API for configuring the MapControlsAttributionSettings settings. The position of the attribution control. Possible values include: The desired position. Defines the fluent API for configuring the map marker tooltip settings. Configures the URL for Read operation. Sets controller and action for Read operation. Action name Controller Name Route values Sets controller, action and routeValues for Read operation. Action name Controller Name The fluent API for the Map's DataSource. Defines the fluent API for configuring the MobileListViewLinkItem settings. Sets the HTML attributes of the link. The HTML attributes of the link. Sets the HTML attributes of the link. The HTML attributes of the link. Specifies the id of target Pane or `_top` for application level Pane The value that configures the target. This value will be available when the action callback of ActionSheet item is executed The value that configures the actionsheetcontext. Specifies the widget to be open when is tapped (the href must be set too) The value that configures the rel. Specifies the url for remote view or id of the view to be loaded (prefixed with #, like an anchor) The value that configures the url. Specifies the url for remote view to be loaded Sets controller and action from where the remove view to be loaded. Action name Controller Name Route values Sets controller, action and routeValues from where the remove view to be loaded. Action name Controller Name Defines the base fluent API for configuring the MobileListViewItem. Sets the text of the item. Sets the text of the item. Sets the HTML attributes. The HTML attributes. Sets the HTML attributes. The HTML attributes. Sets the HTML content which the item should display. The action which renders the item content. @( Html.Kendo().MobileListViewView() .Name("View") .Items(items => { items.Add().Content(() => { ) <strong> Item Content </strong> ( }); }) .Render(); ) Sets the HTML content which the item should display. The content wrapped in a regular HTML tag or text tag (Razor syntax). @(Html.Kendo().MobileListView() .Name("View") .Items(items => { items.Add().Content( @<text> Some text <strong> Item Content </strong> </text> ) }) ) The icon of the link item. It can be either one of the built-in icons, or a custom one. The value that configures the icon. Defines the fluent API for configuring the MobileListViewItem settings. Builds nested MobileListView items. Action for declaratively building MobileListView items. @( Html.Kendo().MobileListViewView() .Name("View") .Items(items => { items.Add().Text("Master Item") .Items(masterItem => { masterItem.Add().Text("Inner Item 1"); masterItem.Add().Text("Inner Item 2"); }); }) .Render(); ) Defines the fluent API for adding items to Kendo MobileListView for ASP.NET MVC Defines the fluent interface for configuring the options. Sets the route values for the settings. Route values Sets the action, contoller and route values for the settings. Action name Controller name Route values Sets the action, contoller and route values for the settings. Action name Controller name Route values Sets the action and contoller values for the settings. Action name Controller name Sets the route name and values for the settings. Route name Route values Sets the route name and values for the settings. Route name Route values Sets the route name for the settings. Specifies an absolute or relative URL for the settings. Absolute or relative URL for the settings Defines the fluent API for configuring the Kendo MobileSplitViewPane for ASP.NET MVC events. Triggered when pane navigates to a view. The name of the JavaScript function that will handle the navigate event. Triggered after the pane displays a view. The name of the JavaScript function that will handle the viewShow event. The fluent API for subscribing to Kendo UI MultiSelect events. Initializes a new instance of the class. The client events. Defines the inline handler of the Deselect client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().MultiSelect() .Name("MultiSelect") .Events(events => events.Deselect( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Deselect client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().MultiSelect() .Name("MultiSelect") .Events(events => events.Deselect("deselect")) ) Defines the inline handler of the Select client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().MultiSelect() .Name("MultiSelect") .Events(events => events.Select( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Select client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().MultiSelect() .Name("MultiSelect") .Events(events => events.Select("select")) ) Defines the inline handler of the Change client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().MultiSelect() .Name("MultiSelect") .Events(events => events.Change( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Change client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().MultiSelect() .Name("MultiSelect") .Events(events => events.Change("change")) ) Defines the inline handler of the DataBound client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().MultiSelect() .Name("MultiSelect") .Events(events => events.DataBound( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the DataBound client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().MultiSelect() .Name("MultiSelect") .Events(events => events.DataBound("dataBound")) ) Defines the inline handler of the Filtering client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().MultiSelect() .Name("MultiSelect") .Events(events => events.Filtering( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Filtering client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().MultiSelect() .Name("MultiSelect") .Events(events => events.Filtering("filtering")) ) Defines the name of the JavaScript function that will handle the the Open client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().MultiSelect() .Name("MultiSelect") .Events(events => events.Open("open")) ) Defines the inline handler of the Open client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().MultiSelect() .Name("MultiSelect") .Events(events => events.Open( @<text> function(e) { //event handling code } </text> )) ) Defines the inline handler of the Close client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().MultiSelect() .Name("MultiSelect") .Events(events => events.Close( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Close client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().MultiSelect() .Name("MultiSelect") .Events(events => events.Close("close")) ) Defines the fluent interface for configuring the component. Initializes a new instance of the class. The component. Controls whether to bind the component to the DataSource on initialization. If true, enables binding on initialization. @(Html.Kendo().MultiSelect() .Name("MultiSelect") .AutoBind(false) ) Controls whether to adjust the popup width If true, enables automatic popup width adjustment. @(Html.Kendo().MultiSelect() .Name("MultiSelect") .AutoWidth(false) ) Controls whether to close the component suggestion list on item selection. If true, enables suggestion list auto-close. @(Html.Kendo().MultiSelect() .Name("MultiSelect") .AutoClose(false) ) Binds the MultiSelect to a list of DropDownListItem. The data source. @(Html.Kendo().MultiSelect() .Name("MultiSelect") .BindTo(new List<DropDownListItem> { new DropDownListItem{ Text = "Text1", Value = "Value1" }, new DropDownListItem{ Text = "Text2", Value = "Value2" } }) ) Binds the MultiSelect to a list of SelectListItem. The data source. @( Html.Kendo().MultiSelect() .Name("MultiSelect") .BindTo(new List<SelectListItem> { new SelectListItem{ Text = "Text1", Value = "Value1" }, new SelectListItem{ Text = "Text2", Value = "Value2" } }) ) Use to enable or disable clear button functionality. If true, a clear button is shown in the input. @(Html.Kendo().MultiSelect() .Name("MultiSelect") .ClearButton(false) ) Sets the field of the data item that provides the value content of the list items. The name of the field. @(Html.Kendo().MultiSelect() .Name("MultiSelect") .DataTextField("Text") .DataValueField("Value") ) Configures the MultiSelect to render a down arrow, clicking on which opens and closes the popup. If true, a down arrow is rendered. @(Html.Kendo().MultiSelect() .Name("MultiSelect") .DataTextField("Text") .DataValueField("Value") .DownArrow(false) ) Configures the MultiSelect to render a down arrow that opens and closes its popup. @(Html.Kendo().MultiSelect() .Name("MultiSelect") .DataTextField("Text") .DataValueField("Value") .DownArrow() ) If set to true the component will not show all items when the text of the search input cleared. By default the component shows all items when the text of the search input is cleared. Works in conjunction with minLength. The boolean value. @(Html.Kendo().MultiSelect() .Name("MultiSelect") .MinLength(3) .Filter("contains") .EnforceMinLength(true) ) Configures the client-side events. The client events action. @(Html.Kendo().MultiSelect() .Name("MultiSelect") .Events(events => events.Change("change") ) ) Enables the filtering of items. The type of filtering. @(Html.Kendo().MultiSelect() .Name("MultiSelect") .Filter("startswith"); ) Enables the filtering of items. The type of filtering. @(Html.Kendo().MultiSelect() .Name("MultiSelect") .Filter(FilterType.Contains); ) Defines the items in the MultiSelect The add action. @(Html.Kendo().MultiSelect() .Name("MultiSelect") .Items(items => { items.Add().Text("First Item"); items.Add().Text("Second Item"); }) ) Use it to enable highlighting of first matched item. If true, enables the highlighting. @(Html.Kendo().MultiSelect() .Name("MultiSelect") .HighlightFirst(true) ) The text messages displayed in the component. Use it to customize or localize the messages. The action that configures the messages. Specifies the limit of the selected items. If set to null the component will not limit the number of the selected items. The max number of selected items. @(Html.Kendo().MultiSelect() .Name("MultiSelect") .MaxSelectedItems(3) ) Specifies the minimum number of characters that should be typed before the component queries the dataSource. The number of characters. @(Html.Kendo().MultiSelect() .Name("MultiSelect") .MinLength(3) ) A string that appears in the textbox when it has no value. The text that appears as placeholder. @(Html.Kendo().MultiSelect() .Name("MultiSelect") .Placeholder("Select country...") ) Template to be used for rendering the items in the list. The content to be rendered in the items. @(Html.Kendo().MultiSelect() .Name("MultiSelect") .ItemTemplate("#= data #") ) Specifies the id of the template to be used for rendering the items in the list. The id of the template. @(Html.Kendo().MultiSelect() .Name("MultiSelect") .ItemTemplateId("widgetTemplateId") ) Specifies the id of the template to be used for rendering the items in the list. The view which contains template. @(Html.Kendo().MultiSelect() .Name("MultiSelect") .ItemTemplateView(Html.Partial("widgetTemplate")) ) The mode used to render the selected tags. The available modes are 'single' and 'multiple' The tag mode. @(Html.Kendo().MultiSelect() .Name("MultiSelect") .TagMode(TagMode.Single) ) Template to be used for rendering the tags of the selected items. The content to be rendered in the tags. @(Html.Kendo().MultiSelect() .Name("MultiSelect") .TagTemplate("#= data #") ) Specifies the id of the tag template for the selected items. The id of the template. @(Html.Kendo().MultiSelect() .Name("MultiSelect") .TagTemplateId("widgetTemplateId") ) Specifies the id of the tag template for the selected items. The view which contains the template. @(Html.Kendo().MultiSelect() .Name("MultiSelect") .TagTemplateView(Html.Partial("widgetTemplate")) ) Sets the value of the component. The collection of values. @(Html.Kendo().MultiSelect() .Name("MultiSelect") .Value(new string[] { "1" }) ) Sets the size of the component. The value for Size. @(Html.Kendo().MultiSelect() .Name("MultiSelect") .Size(ComponentSize.Medium) ) Sets a value controlling the border radius. The value for Rounded @(Html.Kendo().MultiSelect() .Name("MultiSelect") .Rounded(Rounded.Medium) ) Sets a value controlling how the color is applied. The value for FillMode @(Html.Kendo().MultiSelect() .Name("MultiSelect") .FillMode(FillMode.Solid) ) The text message displayed in the Pager for the AllPages option. The message text for the AllPages option @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Pageable(p => p.Messages(m => m.AllPages("All pages"))) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) The text message displayed in the Pager. Contains three placeholders - {0} (the first data item index), {1} (the last data item index), {2} (the total number of data items). The pager info text. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Pageable(p => p.Messages(m => m.Display("Showing {0}-{1} from {2} data items"))) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) The text displayed in the Pager when the grid is empty. The Pager info text when the Grid is empty. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Pageable(p => p.Messages(m => m.Empty("No data"))) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) The label displayed before the pager input. The text of the label displayed before the pager input. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Pageable(p => p.Messages(m => m.Page("Enter page")).Input(true)) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) The label displayed before the pager input. Contains one optional placeholder {0} which represents the total number of pages. The text for the label displayed before the pager input. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Pageable(p => p.Messages(m => m.Of("from {0}"))) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) The label displayed after the page size DropDownList. The text for the label displayed after the page size DropDownList. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Pageable(p => p.Messages(m => m.ItemsPerPage("data items per pagee"))) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) The tooltip of the button which goes to the first page. The tooltip text of the Go to the fisrt page button. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Pageable(p => p.Messages(m => m.First("First page"))) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) The Tooltip of the button which goes to the previous page. The text for the Tooltip of the button which goes to the previous page. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Pageable(p => p.Messages(m => m.Previous("Previous page"))) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) The Tooltip of the button which goes to the next page. The Tooltip text message of the button which goes to the next page. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Pageable(p => p.Messages(m => m.Next("Next page"))) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) The tooltip of the button which goes to the last page. The tooltip text of the Go to the last page button. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Pageable(p => p.Messages(m => m.Last("Last page"))) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) The Tooltip of the refresh button. The text for the Tooltip of the refresh button. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Pageable(p => p.Messages(m => m.Refresh("Refresh the grid"))) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) The Tooltip of the ellipsis ("...") button, which appears when the number of pages is greater than the buttonCount. The tooltip text of the ellipsis button, which appears when the number of pages is greater than the buttonCount. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Pageable(p => p.Messages(m => m.MorePages("More pages"))) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) The Tooltip that is showing when hover on a page in the pager. The {0} parameter stands for the page number hovered. The text of the Tooltip that is showing when hover on a page in the pager. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Pageable(p => p.Messages(m => m.PageButtonLabel("page {0}"))) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Defines the fluent interface for configuring Enables or disables column reordering. True to enable columns reordering, otherwise false @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable() .Reorderable(reordering => reordering.Columns(true)) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Enables or disables rows reordering. True to enable rows reordering, otherwise false @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable() .Reorderable(reordering => reordering.Rows(true)) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Defines the fluent interface for configuring filter operator. Includes only values which are less then the given value. The value which the result should be less then .DataSource(dataSource => dataSource .Ajax() .Filter(f => f.Add(o => o.Freight).IsLessThan(30)) ) Includes only values which are less or equal to the given value. The value which the result should be less or equal to .DataSource(dataSource => dataSource .Ajax() .Filter(f => f.Add(o => o.Freight).IsLessThanOrEqualTo(30)) ) Includes only values which are greater then or equal to the given value. The value which the result should be greater then or equal to .DataSource(dataSource => dataSource .Ajax() .Filter(f => f.Add(o => o.Freight).IsGreaterThanOrEqualTo(30)) ) Includes only values which are greater then the given value. The value which the result should be greater then .DataSource(dataSource => dataSource .Ajax() .Filter(f => f.Add(o => o.Freight).IsGreaterThan(30)) ) Includes And condition to the filter .DataSource(dataSource => dataSource .Ajax() .Filter(f => f.Add(o => o.Freight).IsLessThan(30).And().IsGreaterThan(10)) ) Includes Or condition to the filter .DataSource(dataSource => dataSource .Ajax() .Filter(f => f.Add(o => o.Freight).IsLessThan(30).Or().IsGreaterThan(10)) ) Defines the fluent interface for configuring filter. Specifies the member on which the filter should be applied. Member access expression which describes the member Specifies the member on which the filter should be applied. Member access expression which describes the member Specifies the member on which the filter should be applied. Member type Member access expression which describes the member Specifies the member on which the filter should be applied. Member access expression which describes the member Includes only value which is equal to the given value. The value which the result should be equal to .DataSource(dataSource => dataSource .Ajax() .Filter(f => f.Add(o => o.Freight).IsEqualTo(30)) ) Includes only values which are not equal to the given value. The value which the result should not be equal to .DataSource(dataSource => dataSource .Ajax() .Filter(f => f.Add(o => o.Freight).IsNotEqualTo(30)) ) Includes only values which are null. .DataSource(dataSource => dataSource .Ajax() .Filter(f => f.Add(o => o.Freight).IsNull()) ) Includes only values which are not null. .DataSource(dataSource => dataSource .Ajax() .Filter(f => f.Add(o => o.Freight).IsNotNull()) ) Defines the fluent interface for configuring filter string operator. Includes only values which are starting with the given string. The string with which the result should start .DataSource(dataSource => dataSource .Ajax() .Filter(f => f.Add(o => o.ShipName).StartsWith("Ship")) ) Includes only values which end with the given string. The string with which the result should end .DataSource(dataSource => dataSource .Ajax() .Filter(f => f.Add(o => o.ShipName).EndsWith("Name")) ) Includes only values which contain the given string. The string which the result should contain .DataSource(dataSource => dataSource .Ajax() .Filter(f => f.Add(o => o.ShipName).Contains("Foo")) ) Includes only values which does not contain the given string. The string which the result should not contain .DataSource(dataSource => dataSource .Ajax() .Filter(f => f.Add(o => o.ShipName).DoesNotContain("Foo")) ) Includes only values which are equal to empty string. .DataSource(dataSource => dataSource .Ajax() .Filter(f => f.Add(o => o.ShipName).IsEmpty()) ) Includes only values which are not equal to empty string. .DataSource(dataSource => dataSource .Ajax() .Filter(f => f.Add(o => o.ShipName).IsNotEmpty()) ) Defines the fluent interface for configuring grid editing. Initializes a new instance of the class. The settings. Enables or disables grid editing. The boolean value for enabling or disabbling the grid editing. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable() .Editable(settings => settings.Enabled(true)) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) The Enabled method is useful when you need to enable grid editing on certain conditions. Sets the Edit Mode for a Grid. The grid edit Mode. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable() .Editable(e => e.Mode(GridEditMode.InCell)) .DataSource(dataSource => dataSource .Ajax() .Model(m => m.Id(o => o.OrderID)) .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) .Update(u => u.Action("Update", "Grid")) ) ) Specify an editor template to be used in PopUp edit mode. The name of the editor template. This settings is applicable only when Mode is @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable() .Editable(e => e.Mode(GridEditMode.PopUp).TemplateName("EditorTemplateName")) .DataSource(dataSource => dataSource .Ajax() .Model(m => m.Id(o => o.OrderID)) .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) .Update(u => u.Action("Update", "Grid")) ) ) Provides additional view data in the editor template. The additional view data will be provided if the editing mode is set to in-form or popup. For other editing modes use An anonymous object which contains the additional data @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable() .Editable(editing => editing.AdditionalViewData(new { customers = Model.Customers })) ) Enables or disables delete confirmation. The boolean value for displaying a delete confirmation message. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable() .Editable(settings => settings.DisplayDeleteConfirmation(true)) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Displays a message in the delete confirmation dialog. The message @(Html.Kendo().Grid<Order>() .Name("Orders") .Editable(settings => settings.DisplayDeleteConfirmation("Delete record")) ) Displays a message in the delete confirmation dialog. The handler code wrapped in a text tag (Razor syntax) @(Html.Kendo().Grid<Order>() .Name("Orders") .Editable(settings => settings.DisplayDeleteConfirmation( @<text> function(e) { //handling code } </text> )) ) Change default text for confirm delete button. Note: Available only on mobile devices. Available only on mobile devices. The text for the ConfirmDelete action. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable() .Editable(settings => settings.ConfirmDelete("Yes")) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Change default text for cancel delete button. Note: Available only on mobile devices. Available only on mobile devices. The text for the CancelDelete action. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable() .Editable(settings => settings.CancelDelete("No")) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets insert row position. The position of the row inserted. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable() .Editable(settings => settings.CreateAt(GridInsertRowPosition.Bottom)) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Defines the fluent interface for configuring Enables or disables column resizing. True to enable column resizing, otherwise false @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable() .Resizable(r => r.Columns(true)) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Defines the fluent interface for configuring template columns Used for specifying the client template. Declare an Ascending sorting rule. @(Html.Kendo().DataSource<OrderViewModel>() .Name("dataSource") .Ajax(dataSource => dataSource .Read(read => read.Action("Orders_Read", "DataSource")) .Sort(s=>s.Add(x=>x.OrderID).Ascending()) ) ) Declare a sorting rule. The value. @(Html.Kendo().DataSource<OrderViewModel>() .Name("dataSource") .Ajax(dataSource => dataSource .Read(read => read.Action("Orders_Read", "DataSource")) .Sort(s=>s.Add(x=>x.OrderID).Order(ListSortDirection.Ascending)) ) ) Defines the fluent interface for configuring toolbar custom command. The type of the model Sets command route. The route name Sets command route and route values. The route name The route values Sets command route and route values. The route name The route values Sets command action. The route values Sets command action and controller. The action name The controller name Sets command action and controller. The action name The controller name The route values Sets command action and controller. The action name The controller name The route values Sets command absolute URL. The URL Sets the command name. The name of the command Defines the fluent interface for configuring group. Specifies the member by which the data should be grouped. Member access expression which describes the member Specifies the member by which the data should be grouped. Member type Member name Specifies the member by which the data should be grouped. Member type Member type Sort order The name of the JS handler that is used for sorting the groups. Specifies the member by which the data should be sorted in descending order and grouped. Member type Member access expression which describes the member Specifies the member by which the data should be sorted in descending order and grouped. Member type Member name Defines the fluent interface for configuring . Configures messages. The lambda which configures text messages displayed during grouping. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID); columns.Bound(p => p.Freight); }) .Groupable(g => g.Messages(m => m.Empty("Empty"))) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Enables or disables filtering When set to false grouping is considered disabled. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID); columns.Bound(p => p.Freight); }) .Groupable(g => g.Enabled(true)) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Specifies whether the footer should be displayed when the Group is collapsed When enabled the group footer rows will remain visible when the corresponding group is collapsed. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID); columns.Bound(p => p.Freight); }) .Groupable(g => g.ShowFooter(true)) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets a sort configuration when grouping. Sets the sort configuration when grouping. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID); columns.Bound(p => p.Freight); }) .Groupable(g => g.Sort(s => s.Compare("compare"))) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Defines the fluent interface for configuring toolbar command. The type of the model The type of the command. The type of the builder. Sets the text displayed in the button. The text which should be displayed The class for the web font icon of the button. The class for the web font icon of the button Sets the HTML attributes. The HTML attributes. Sets the HTML attributes. The HTML attributes. Defines the fluent interface for configuring toolbar commands. The type of the model Defines a create command. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .ToolBar(t => t.Create()) .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Represents a command which exports the current grid data to Excel. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .ToolBar(t => t.Excel()) .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Represents a command which exports the current grid data to PDF. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .ToolBar(t => t.Pdf()) .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Defines a save command. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .ToolBar(t => t.Save()) .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Defines a custom command. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .ToolBar(t => t.Custom()) .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Defines a custom command. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .ToolBar(t => t.Search()) .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets toolbar template. The action defining the template. Sets toolbar template. The string template @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .ToolBar(t => t.Template("ToolbarTemplate")) .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the toolbar template. The action defining the template. Sets the toolbar template. The action defining the template. Defines the fluent interface for configuring ListView editing. Initializes a new instance of the class. The settings. Enable editing in the ListView. A boolean value determining whether editing should be enabled. Specify an editor template which to be used. name of the editor template Defines the fluent API for configuring the Kendo ListView for ASP.NET MVC events. Initializes a new instance of the class. The ListView event handlers. Fired when the user clicks the "cancel" button. The event handler function context (available via the this keyword) will be set to the widget instance. The handler code wrapped in a text tag (Razor syntax). Fired when the user clicks the "cancel" button. The event handler function context (available via the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the event. Fires when the ListView selection has changed. The event handler function context (available via the this keyword) will be set to the widget instance. The handler code wrapped in a text tag (Razor syntax). Fires when the ListView selection has changed. The event handler function context (available via the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the event. Fires when the ListView enters edit mode. The event handler function context (available via the this keyword) will be set to the widget instance. The handler code wrapped in a text tag (Razor syntax). Fires when the ListView enters edit mode. The event handler function context (available via the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the event. Fires before an item is removed. The event handler function context (available via the this keyword) will be set to the widget instance. The handler code wrapped in a text tag (Razor syntax). Fires before an item is removed. The event handler function context (available via the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the event. Fires when the ListView has received data from the DataSource and it is already rendered. The event handler function context (available via the this keyword) will be set to the widget instance. The handler code wrapped in a text tag (Razor syntax). Fires when the ListView has received data from the DataSource and it is already rendered. The event handler function context (available via the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the event. Fires when the ListView is about to be bound. The event handler function context (available via the this keyword) will be set to the widget instance. The handler code wrapped in a text tag (Razor syntax). Fires when the ListView is about to be bound. The event handler function context (available via the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the event. Fired when a data item is saved. The event handler function context (available via the this keyword) will be set to the widget instance. The handler code wrapped in a text tag (Razor syntax). Fired when a data item is saved. The event handler function context (available via the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the event. Defines the fluent interface for configuring Initiealizes a new instance of the class. Enables or disables selection. @( Html.Kendo().ListView(Model) .Name("ListView") .Selectable(selection => selection.Enabled((bool)ViewData["enableSelection"])) ) Specifies whether multiple or single selection is allowed. @( Html.Kendo().ListView(Model) .Name("ListView") .Selectable(selection => selection.Mode((bool)ViewData["selectionMode"])) ) The Mode method is useful to switch between different selection modes. Defines the fluent interface for configuring the . Initializes a new instance of the class. The component. Binds the ListView to a list of objects The data source. @(Html.Kendo().ListView<ProductViewModel>() .Name("productsListView") .BindTo((IEnumerable<ProductViewModel>) ViewData["Products"]); ) Binds the ListView to a list of objects The IEnumerable list of objects. @(Html.Kendo().ListView<ProductViewModel>() .Name("productsListView") .BindTo((IEnumerable)ViewData["Products"]); ) Specifies ListView item template. The Id of the element which contains the template. @(Html.Kendo().DataSource<ProductViewModel>() .Name("productsListView") .ClientTemplateId("listViewTemplate"); ) Specifies ListView item template. The view which contains the template. @(Html.Kendo().DataSource<ProductViewModel>() .Name("productsListView") .ClientTemplateView(Html.Partial("listViewTemplate")); ) Specifies ListView alternating item template. The Id of the element which contains the template. @(Html.Kendo().DataSource<ProductViewModel>() .Name("productsListView") .ClientAltTemplateId("listViewTemplate"); ) Specifies ListView alternating item template. The view which contains the template. @(Html.Kendo().DataSource<ProductViewModel>() .Name("productsListView") .ClientAltTemplateView(Html.Partial("listViewTemplate")); ) Allows paging of the data. @(Html.Kendo().ListView<ProductViewModel>() .Name("productsListView") .Pageable() .DataSource(dataSource => dataSource .Ajax() .Read(read => read.Action("Products_Read", "ListView")) .PageSize(21) ) ) Allows paging of the data. Use builder to define paging settings. @(Html.Kendo().ListView<ProductViewModel>() .Name("productsListView") .Pageable(paging=>paging.Numeric(true).PreviousNext(true).PageSizes(false)) .DataSource(dataSource => dataSource .Ajax() .Read(read => read.Action("Products_Read", "ListView")) .PageSize(21) ) ) If set to `true` the listview will display a scrollbar when the content exceeds the listview [height](/api/javascript/ui/listview/configuration/height) value. By default scrolling is disabled. In endless scrolling mode the listview should be configured to display a scrollbar. Scrolling to the end of the scrollbar will load more items (equal to the pageSize number) and append them to the listview DOM element utill all items are loaded and displayed. The value for Scrollable Enables keyboard navigation. @(Html.Kendo().ListView<ProductViewModel>() .Name("productsListView") .Navigatable() .DataSource(dataSource => dataSource .Ajax() .Read(read => read.Action("Products_Read", "ListView")) .PageSize(21) ) ) Enables single item selection. @(Html.Kendo().ListView<ProductViewModel>() .Name("productsListView") .Selectable() .DataSource(dataSource => dataSource .Ajax() .Read(read => read.Action("Products_Read", "ListView")) .PageSize(21) ) ) Enables selection in the specified selection mode. Use builder to define the selection mode. @(Html.Kendo().ListView<ProductViewModel>() .Name("productsListView") .Selectable(select=>select.Mode(ListViewSelectionMode.Multiple)) .DataSource(dataSource => dataSource .Ajax() .Read(read => read.Action("Products_Read", "ListView")) .PageSize(21) ) ) Sets an aria-label attribute on the ListView content element (the element with role listbox or list). The value for AriaLabel @(Html.Kendo().ListView<ProductViewModel>() .Name("productsListView") .AriaLabel("ListView with products") ) Specifies if the ListView should be automatically bound on initial load. This is only possible if AJAX binding is used, and widget is not initialy populated on the server. If true ListView will be automatically data bound, otherwise false Specifies ListView wrapper element tag name. @(Html.Kendo().ListView<ProductViewModel>() .Name("productsListView") .TagName("div") ) Configures the ListView editing settings. The editing settings configurator. @(Html.Kendo().ListView<ProductViewModel>() .Name("productsListView") .Editable(edit => edit.Enabled(true)) .DataSource(dataSource => dataSource .Ajax() .Model(model => model.Id("ProductID")) .Read(read => read.Action("Products_Read", "ListView")) .Update(update => update.Action("Products_Update", "ListView")) .PageSize(21) ) ) Enables ListView editing. @(Html.Kendo().ListView<ProductViewModel>() .Name("productsListView") .Editable() .DataSource(dataSource => dataSource .Ajax() .Model(model => model.Id("ProductID")) .Read(read => read.Action("Products_Read", "ListView")) .Update(update => update.Action("Products_Update", "ListView")) .PageSize(21) ) ) Configures the client-side events. The client events action. @(Html.Kendo().ListView<ProductViewModel>() .Name("productsListView") .Events(events => events .DataBound("onDataBound") ) ) Binds the ListView to a DataSource. The configurator. @(Html.Kendo().ListView<ProductViewModel>() .Name("productsListView") .DataSource(dataSource => dataSource .Ajax() .Read(read => read.Action("Products_Read", "ListView")) .PageSize(21) ) ) Binds the ListView to an existing DataSource instance. The name of the client DataSource instance. @(Html.Kendo().DataSource<ProductViewModel>() .Name("dataSource1") .Ajax(dataSource => dataSource .PageSize(10) .Read(read => read.Action("Products_Read", "DataSource")) ) ) @(Html.Kendo().ListView<ProductViewModel>() .Name("productsListView") .DataSource("dataSource1") ) Renders border around the listview element. The value for Bordered Renders border around the listview items. Valid values are: all: renders borders around listview items.; horizontal: renders top border of listview items. Useful when setting layout: "flex" and flex.direction: column. or vertical: renders top border of listview items. Useful when setting layout: "flex" and flex.direction: row.. The value for Borders Specify the layout of listview content. Valid options are: flex: This is equivalent to display: flex. It defines a flex container and enables a flex context for all its direct children. Think of flex items as primarily laying out either in horizontal rows or vertical columns. or grid: This is equivalent to display: grid. It defines the element as a grid container and establishes a new grid formatting context for its contents.. The value for Layout Flex layout settings The configurator for the flex setting. Grid layout settings. The configurator for the grid setting. Defines the type of element that holds the listview content. The value for ContentElement Defines the fluent interface for configuring the . Initializes a new instance of the class. The settings. Enables or disables sorting. @( Html.Kendo().PivotGrid() .Name("PivotGrid") .Sortable(sorting => sorting.Enabled((bool)ViewData["enableSorting"])) ) The Enabled method is useful when you need to enable sorting based on certain conditions. Enables or disables unsorted mode. The value. @( Html.Kendo().PivotGrid() .Name("PivotGrid") .Sortable(sorting => sorting.AllowUnsort(true)) ) Defines the fluent interface for configuring the . Sets the messages of the pivotFieldMenu filter operators. The lambda which configures the pivotFieldMenu operator messages Defines the fluent interface for configuring the . Initializes a new instance of the class. The component. If set to false the initial binding will be prevented. The autoBind Use it to set the Id of the PivotConfigurator. The configurator Use it to set the column width of the Pivot. The column width. Use it to set the height of the Pivot. The height Configures the Excel export settings. @(Html.Kendo().PivotGrid() .Name("pivotgrid") .Excel(excel => excel.FileName("PivotGridExport.xlsx")) ) Configures the PDF export settings. @(Html.Kendo().PivotGrid() .Name("pivotgrid") .Pdf(pdf => pdf.FileName("PivotGridExport.pdf")) ) If set to false the user will not be able to add/close/reorder current fields for columns/rows/measures. The reorderable If set to true the user will be able to filter by using the field menu. The filterable Enables grid column sorting. @(Html.Kendo().PivotGrid() .Name("pivotgrid") .Sortable() .DataSource(dataSource => dataSource.Xmla() .Columns(columns => columns.Add("[Date].[Calendar]").Expand(true)) .Rows(rows => rows.Add("[Geography].[City]")) .Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"})) .Transport(transport => transport .Connection(connection => connection .Catalog("Adventure Works DW 2008R2") .Cube("Adventure Works")) .Read(read => read .Url("http://demos.telerik.com/olap/msmdpump.dll") .DataType("text") .ContentType("text/xml") .Type(HttpVerbs.Post) ) ) ) ) Sets the sorting configuration of the pivotgrid. The lambda which configures the sorting @(Html.Kendo().PivotGrid() .Name("pivotgrid") .Sortable(sorting => sorting.AllowUnsort(true)) .DataSource(dataSource => dataSource.Xmla() .Columns(columns => columns.Add("[Date].[Calendar]").Expand(true)) .Rows(rows => rows.Add("[Geography].[City]")) .Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"})) .Transport(transport => transport .Connection(connection => connection .Catalog("Adventure Works DW 2008R2") .Cube("Adventure Works")) .Read(read => read .Url("http://demos.telerik.com/olap/msmdpump.dll") .DataType("text") .ContentType("text/xml") .Type(HttpVerbs.Post) ) ) ) ) Configures the client-side events Sets the data source configuration of the grid. The lambda which configures the data source Binds the pivotGrid to a list of objects The data source. Sets the messages of the pivotGrid. The lambda which configures the pivotGrid messages Sets the data cell template of the pivot grid. The template @(Html.Kendo().PivotGrid() .Name("pivotgrid") .DataCellTemplate("#: dataItem.fmtValue #") .DataSource(dataSource => dataSource.Xmla() .Columns(columns => columns.Add("[Date].[Calendar]").Expand(true)) .Rows(rows => rows.Add("[Geography].[City]")) .Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"})) .Transport(transport => transport .Connection(connection => connection .Catalog("Adventure Works DW 2008R2") .Cube("Adventure Works")) .Read(read => read .Url("http://demos.telerik.com/olap/msmdpump.dll") .DataType("text") .ContentType("text/xml") .Type(HttpVerbs.Post) ) ) ) ) Sets the data cell template of the pivot grid. The template id @(Html.Kendo().PivotGrid() .Name("pivotgrid") .DataCellTemplateId("dataCellTemplateId") .DataSource(dataSource => dataSource.Xmla() .Columns(columns => columns.Add("[Date].[Calendar]").Expand(true)) .Rows(rows => rows.Add("[Geography].[City]")) .Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"})) .Transport(transport => transport .Connection(connection => connection .Catalog("Adventure Works DW 2008R2") .Cube("Adventure Works")) .Read(read => read .Url("http://demos.telerik.com/olap/msmdpump.dll") .DataType("text") .ContentType("text/xml") .Type(HttpVerbs.Post) ) ) ) ) Sets the data cell template of the pivot grid. The view template @(Html.Kendo().PivotGrid() .Name("pivotgrid") .DataCellTemplateView(Html.Partial9"data-cell-template")) .DataSource(dataSource => dataSource.Xmla() .Columns(columns => columns.Add("[Date].[Calendar]").Expand(true)) .Rows(rows => rows.Add("[Geography].[City]")) .Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"})) .Transport(transport => transport .Connection(connection => connection .Catalog("Adventure Works DW 2008R2") .Cube("Adventure Works")) .Read(read => read .Url("http://demos.telerik.com/olap/msmdpump.dll") .DataType("text") .ContentType("text/xml") .Type(HttpVerbs.Post) ) ) ) ) Sets the KPI Status template of the pivot grid. The template @(Html.Kendo().PivotGrid() .Name("pivotgrid") .KPIStatusTemplate("#: dataItem.value #") .DataSource(dataSource => dataSource.Xmla() .Columns(columns => columns.Add("[Date].[Calendar]").Expand(true)) .Rows(rows => rows.Add("[Geography].[City]")) .Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"})) .Transport(transport => transport .Connection(connection => connection .Catalog("Adventure Works DW 2008R2") .Cube("Adventure Works")) .Read(read => read .Url("http://demos.telerik.com/olap/msmdpump.dll") .DataType("text") .ContentType("text/xml") .Type(HttpVerbs.Post) ) ) ) ) Sets the KPI Status template of the pivot grid. The template id @(Html.Kendo().PivotGrid() .Name("pivotgrid") .KPIStatusTemplateId("kpiStatusTemplateId") .DataSource(dataSource => dataSource.Xmla() .Columns(columns => columns.Add("[Date].[Calendar]").Expand(true)) .Rows(rows => rows.Add("[Geography].[City]")) .Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"})) .Transport(transport => transport .Connection(connection => connection .Catalog("Adventure Works DW 2008R2") .Cube("Adventure Works")) .Read(read => read .Url("http://demos.telerik.com/olap/msmdpump.dll") .DataType("text") .ContentType("text/xml") .Type(HttpVerbs.Post) ) ) ) ) Sets the KPI Status template of the pivot grid. The view template @(Html.Kendo().PivotGrid() .Name("pivotgrid") .KPIStatusTemplateView(Html.Partial("kpis-template")) .DataSource(dataSource => dataSource.Xmla() .Columns(columns => columns.Add("[Date].[Calendar]").Expand(true)) .Rows(rows => rows.Add("[Geography].[City]")) .Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"})) .Transport(transport => transport .Connection(connection => connection .Catalog("Adventure Works DW 2008R2") .Cube("Adventure Works")) .Read(read => read .Url("http://demos.telerik.com/olap/msmdpump.dll") .DataType("text") .ContentType("text/xml") .Type(HttpVerbs.Post) ) ) ) ) Sets the KPI Trend template of the pivot grid. The template @(Html.Kendo().PivotGrid() .Name("pivotgrid") .KPITrendTemplate("#: dataItem.value #") .DataSource(dataSource => dataSource.Xmla() .Columns(columns => columns.Add("[Date].[Calendar]").Expand(true)) .Rows(rows => rows.Add("[Geography].[City]")) .Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"})) .Transport(transport => transport .Connection(connection => connection .Catalog("Adventure Works DW 2008R2") .Cube("Adventure Works")) .Read(read => read .Url("http://demos.telerik.com/olap/msmdpump.dll") .DataType("text") .ContentType("text/xml") .Type(HttpVerbs.Post) ) ) ) ) Sets the KPI Trend template of the pivot grid. The template id @(Html.Kendo().PivotGrid() .Name("pivotgrid") .KPITrendTemplateId("kpiTrendTemplateId") .DataSource(dataSource => dataSource.Xmla() .Columns(columns => columns.Add("[Date].[Calendar]").Expand(true)) .Rows(rows => rows.Add("[Geography].[City]")) .Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"})) .Transport(transport => transport .Connection(connection => connection .Catalog("Adventure Works DW 2008R2") .Cube("Adventure Works")) .Read(read => read .Url("http://demos.telerik.com/olap/msmdpump.dll") .DataType("text") .ContentType("text/xml") .Type(HttpVerbs.Post) ) ) ) ) Sets the KPI Trend template of the pivot grid. The template @(Html.Kendo().PivotGrid() .Name("pivotgrid") .KPITrendTemplateView(Html.Partial("kpi-trend-template")) .DataSource(dataSource => dataSource.Xmla() .Columns(columns => columns.Add("[Date].[Calendar]").Expand(true)) .Rows(rows => rows.Add("[Geography].[City]")) .Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"})) .Transport(transport => transport .Connection(connection => connection .Catalog("Adventure Works DW 2008R2") .Cube("Adventure Works")) .Read(read => read .Url("http://demos.telerik.com/olap/msmdpump.dll") .DataType("text") .ContentType("text/xml") .Type(HttpVerbs.Post) ) ) ) ) Sets the column header cell template of the pivot grid. The template @(Html.Kendo().PivotGrid() .Name("pivotgrid") .ColumnHeaderTemplate("#: member.caption #") .DataSource(dataSource => dataSource.Xmla() .Columns(columns => columns.Add("[Date].[Calendar]").Expand(true)) .Rows(rows => rows.Add("[Geography].[City]")) .Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"})) .Transport(transport => transport .Connection(connection => connection .Catalog("Adventure Works DW 2008R2") .Cube("Adventure Works")) .Read(read => read .Url("http://demos.telerik.com/olap/msmdpump.dll") .DataType("text") .ContentType("text/xml") .Type(HttpVerbs.Post) ) ) ) ) Sets the column header cell template of the pivot grid. The template id @(Html.Kendo().PivotGrid() .Name("pivotgrid") .ColumnHeaderTemplateId("columnHeaderTemplateId") .DataSource(dataSource => dataSource.Xmla() .Columns(columns => columns.Add("[Date].[Calendar]").Expand(true)) .Rows(rows => rows.Add("[Geography].[City]")) .Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"})) .Transport(transport => transport .Connection(connection => connection .Catalog("Adventure Works DW 2008R2") .Cube("Adventure Works")) .Read(read => read .Url("http://demos.telerik.com/olap/msmdpump.dll") .DataType("text") .ContentType("text/xml") .Type(HttpVerbs.Post) ) ) ) ) Sets the column header cell template of the pivot grid. The view template @(Html.Kendo().PivotGrid() .Name("pivotgrid") .ColumnHeaderTemplateView(Html.Partial("header-template")) .DataSource(dataSource => dataSource.Xmla() .Columns(columns => columns.Add("[Date].[Calendar]").Expand(true)) .Rows(rows => rows.Add("[Geography].[City]")) .Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"})) .Transport(transport => transport .Connection(connection => connection .Catalog("Adventure Works DW 2008R2") .Cube("Adventure Works")) .Read(read => read .Url("http://demos.telerik.com/olap/msmdpump.dll") .DataType("text") .ContentType("text/xml") .Type(HttpVerbs.Post) ) ) ) ) Sets the row header cell template of the pivot grid. The template @(Html.Kendo().PivotGrid() .Name("pivotgrid") .RowHeaderTemplate("#: member.caption #") .DataSource(dataSource => dataSource.Xmla() .Columns(columns => columns.Add("[Date].[Calendar]").Expand(true)) .Rows(rows => rows.Add("[Geography].[City]")) .Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"})) .Transport(transport => transport .Connection(connection => connection .Catalog("Adventure Works DW 2008R2") .Cube("Adventure Works")) .Read(read => read .Url("http://demos.telerik.com/olap/msmdpump.dll") .DataType("text") .ContentType("text/xml") .Type(HttpVerbs.Post) ) ) ) ) Sets the row header cell template of the pivot grid. The template id @(Html.Kendo().PivotGrid() .Name("pivotgrid") .RowHeaderTemplateId("rowHeaderTemplateId") .DataSource(dataSource => dataSource.Xmla() .Columns(columns => columns.Add("[Date].[Calendar]").Expand(true)) .Rows(rows => rows.Add("[Geography].[City]")) .Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"})) .Transport(transport => transport .Connection(connection => connection .Catalog("Adventure Works DW 2008R2") .Cube("Adventure Works")) .Read(read => read .Url("http://demos.telerik.com/olap/msmdpump.dll") .DataType("text") .ContentType("text/xml") .Type(HttpVerbs.Post) ) ) ) ) Sets the row header cell template of the pivot grid. The view template @(Html.Kendo().PivotGrid() .Name("pivotgrid") .RowHeaderTemplateView(Html.Partial("header-template")) .DataSource(dataSource => dataSource.Xmla() .Columns(columns => columns.Add("[Date].[Calendar]").Expand(true)) .Rows(rows => rows.Add("[Geography].[City]")) .Measures(measures => measures.Values(new string[]{"[Measures].[Internet Sales Amount]"})) .Transport(transport => transport .Connection(connection => connection .Catalog("Adventure Works DW 2008R2") .Cube("Adventure Works")) .Read(read => read .Url("http://demos.telerik.com/olap/msmdpump.dll") .DataType("text") .ContentType("text/xml") .Type(HttpVerbs.Post) ) ) ) ) Defines the fluent interface for configuring the . Initializes a new instance of the class. The column Sets the expanded state of the column. Expanded state Creates columns for the class. Initializes a new instance of the class. The container Defines a PivotGrid column and set it's name. The name Defines the fluent interface for configuring the . Initializes a new instance of the class. The column Sets measure values. The measure values Sets measure values. The measure values Sets the axis of the measures. The axis Defines the fluent interface for configuring the . Initializes a new instance of the class. The row Sets the expanded state of the row. Expanded state Creates rows for the class. Initializes a new instance of the class. The container Defines a PivotGrid row and set it's name. The name Defines the fluent interface for configuring the options. Sets Axes option. Axes option Sets JavaScript function which to return axes. Sets Cubes option. Cubes option Sets JavaScript function which to return cubes. Sets Catalogs option. Catalogs option Sets JavaScript function which to return catalogs. Sets Measures option. Measures option Sets JavaScript function which to return measures. Sets Dimensions option. Dimensions option Sets JavaScript function which to return dimensions. Sets Hierarchies option. Hierarchies option Sets JavaScript function which to return hierarchies. Sets Levels option. Levels option Sets JavaScript function which to return levels. Sets Schema Type option Type option Defines the fluent interface for configuring the options. Configures the Read operation. Configures the Read url. Configures transport connection. Configures the discover operation. Defines the fluent interface for configuring the options. Sets the catalog. The catalog Sets the cube. The cube Defines the fluent interface for configuring the component. Configures the client-side events Configures the transport of the Xmla DataSource Sets the columns of the Xmla DataSource. Sets the rows of the Xmla DataSource. Sets the measures of the Xmla DataSource. Configures the initial sorting. Defines the fluent interface for configuring the component client-side events. Defines the name of the JavaScript function that will handle the the DataBinding client-side event. The handler code wrapped in a text tag (Razor syntax). Defines the name of the JavaScript function that will handle the the DataBinding client-side event. Defines the name of the JavaScript function that will handle the the DataBound client-side event. The handler code wrapped in a text tag (Razor syntax). Defines the name of the JavaScript function that will handle the the DataBound client-side event. Defines the name of the JavaScript function that will handle the the ExpandMember client-side event. The handler code wrapped in a text tag (Razor syntax). Defines the name of the JavaScript function that will handle the the ExpandMember client-side event. Defines the name of the JavaScript function that will handle the the CollapseMember client-side event. The handler code wrapped in a text tag (Razor syntax). Defines the name of the JavaScript function that will handle the the CollapseMember client-side event. Defines the name of the JavaScript function that will handle the the excelExport client-side event. The handler code wrapped in a text tag (Razor syntax). Defines the name of the JavaScript function that will handle the the excelExport client-side event. Defines the name of the JavaScript function that will handle the the pdfExport client-side event. The handler code wrapped in a text tag (Razor syntax). Defines the name of the JavaScript function that will handle the the pdfExport client-side event. Defines the fluent interface for configuring the . Sets the messages of the pivotFieldMenu. The lambda which configures the pivotFieldMenu messages Defines the fluent API for configuring the object. Enables or disables the progress animation The boolean value @( Html.Kendo().ProgressBar() .Name("progressBar") .Animation(a => a.Enable(false)) ) Specifies the duration of the progress animation The duration value @( Html.Kendo().ProgressBar() .Name("progressBar") .Animation(a => a.Duration(200)) ) Define the fluent interface for configuring the component. Initializes a new instance of the class. The component. Use to enable or disable the animation. The boolean value. @( Html.Kendo().ProgressBar() .Name("progressBar") .Animation(false) ) Configures the animation effects. The action which configures the animation effects. @( Html.Kendo().ProgressBar() .Name("progressBar") .Animation(a => a.Duration(200)) ) If set to true the ProgressBar will have its role attribute set to progressbar. It will also render its aria-valuemin, aria-valuemax, and aria-valuenow attributes. The value for AriaRole If set to true the ProgressBar will have its role attribute set to progressbar. It will also render its aria-valuemin, aria-valuemax, and aria-valuenow attributes. Sets the number of chunks to which the ProgressBar will be divided (applies only when type is "chunk") The number of chunks @( Html.Kendo().ProgressBar() .Name("progressBar") .Type(ProgressBarType.Chunk) .ChunkCount(10) ) Enables or disables the component true if the component should be enabled, false otherwise; the default is true. @( Html.Kendo().ProgressBar() .Name("progressBar") .Enable(false) ) Configures the client-side events The client events configuration action. @( Html.Kendo().ProgressBar() .Name("progressBar") .Events(events => events .Change("onChange")) ) The label that would be used as a aria-label for the ProgressBar element. Will be applied only if ariaRole is set to true. The value for Label The ID of the element that will be used as a label of the ProgressBar. Will be used as a value of the aria-labelledby attribute. Will be applied only if ariaRole is set to true. The value for LabelId Sets the maximum value of the ProgressBar Number specifying the maximum value @( Html.Kendo().ProgressBar() .Name("progressBar") .Max(200) ) Sets the minimum value of the ProgressBar Number specifying the minimum value @( Html.Kendo().ProgressBar() .Name("progressBar") .Min(50) ) Sets the orientation of the ProgressBar ProgressBarOrientation enumeration specifying the orientation @( Html.Kendo().ProgressBar() .Name("progressBar") .Orientation(ProgressBarOrientation.Vertical) ) Specifies if the ProgressBar direction will be reversed The boolean value @( Html.Kendo().ProgressBar() .Name("progressBar") .Reverse(true) ) Specifies if the Progress status will be displayed The boolean value @( Html.Kendo().ProgressBar() .Name("progressBar") .ShowStatus(false) ) Specifies the type of the ProgressBar ProgressBarType enumeration specifying the type @( Html.Kendo().ProgressBar() .Name("progressBar") .Type(ProgressBarType.Percent) ) Sets the initial value of the ProgressBar Number specifying the value @( Html.Kendo().ProgressBar() .Name("progressBar") .Min(100) .Max(200) .Value(100) ) Sets the initial value of the ProgressBar Pass false to set indeterminate value @( Html.Kendo().ProgressBar() .Name("progressBar") .Min(100) .Max(200) .Value(false) ) Represents the events of the Kendo UI ProgressBar for ASP.NET MVC Initializes a new instance of teh class The client events. Defines the inline handler of the Change client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().ProgressBar() .Name("progressBar") .Events(events => events.Change( @<text> function(e) { //event handling code } </text> )) .Render(); ) Defines the name of the JavaScript function that will handle the the Change client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().ProgressBar() .Name("progressBar") .Events(events => events.Change("onChange")) ) Defines the inline handler of the Complete client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().ProgressBar() .Name("progressBar") .Events(events => events.Complete( @<text> function(e) { //event handling code } </text> )) .Render(); ) Defines the name of the JavaScript function that will handle the the Complete client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().ProgressBar() .Name("progressBar") .Events(events => events.Complete("onComplete")) ) Defines the fluent interface for configuring . Initializes a new instance of the class. The qr code border. Sets the border width. The border width. @(Html.Kendo().QRCode() .Name("qrCode") .Border(border => border.Width(5)) ) Sets the border color. The border color. @(Html.Kendo().QRCode() .Name("qrCode") .Border(border => border.Color("black")) ) Defines the fluent interface for configuring the component. Initializes a new instance of the class. The component. Sets the background color of the QR code. The QR code background color. @(Html.Kendo().QRCode() .Name("qrCode") .Background("red") ) Sets the border width and color of the QR code. The QR code border color. The QR code border width. @(Html.Kendo().QRCode() .Name("qrCode") .Border("black", 5) ) Sets the border configuration of the QRCode. The lambda which configures the border. @(Html.Kendo().QRCode() .Name("qrCode") .Border(border => // configure the border border .Color("black") .Width(5) ) ) Sets the color of the QR code. The QR code color. @(Html.Kendo().QRCode() .Name("qrCode") .Color("blue") ) Sets the encoding of the QR code. The QR code encoding. @(Html.Kendo().QRCode() .Name("qrCode") .Encoding(QREncoding.UTF_8) ) Sets the error correction level of the QR code. The QR code error correction level. @(Html.Kendo().QRCode() .Name("qrCode") .ErrorCorrection(QRErrorCorrectionLevel.Q) ) Sets the size of the QR code. The QR code size. @(Html.Kendo().QRCode() .Name("qrCode") .Size(170) ) Sets the value of the QR code. The QR value. @(Html.Kendo().QRCode() .Name("qrCode") .Value("Hello world") ) Sets the padding of the QR code. The QR padding. @(Html.Kendo().QRCode() .Name("qrCode") .Padding(5) ) Sets the preferred rendering engine. If it is not supported by the browser, the Chart will switch to the first available mode. The preferred rendering engine. The overlay configuration which alows you to choose from predefined layouts or insert a custom image. The configurator for the overlay setting. Defines the fluent interface for configuring the . Initializes a new instance of the class. The component. The current start of the RecurrenceEditor. Used to determine the start day. The minimum date available in the "Until" DatePicker. The start @(Html.Kendo().RecurrenceEditor() .Name("recurrenceEditor") .Start(new DateTime(2013, 6, 13)) ) The first week day (by index) of the RecurrenceEditor. Default is 0. The firstWeekDay @(Html.Kendo().RecurrenceEditor() .Name("recurrenceEditor") .FirstWeekDay(6) ) The timezone of the RecurrenceEditor. The timezone @(Html.Kendo().RecurrenceEditor() .Name("recurrenceEditor") .Timezone("Etc/UTC") ) The value of the RecurrenceEditor. Must be valid recurrence rule. The value @(Html.Kendo().RecurrenceEditor() .Name("recurrenceEditor") .Value("FREQ=WEEKLY;BYDAY=TU,TH") ) The Frequencies of the RecurrenceEditor. The addFrequencyAction @(Html.Kendo().RecurrenceEditor() .Name("recurrenceEditor") .Frequency(frequency => frequency .Add(RecurrenceEditorFrequency.Never) .Add(RecurrenceEditorFrequency.Daily) .Add(RecurrenceEditorFrequency.Weekly) ) ) The IEnumerable collection of frequencies for the RecurrenceEditor. The frequencies @(Html.Kendo().RecurrenceEditor() .Name("recurrenceEditor") .Frequency(new List<RecurrenceEditorFrequency>() { RecurrenceEditorFrequency.Never, RecurrenceEditorFrequency.Daily, RecurrenceEditorFrequency.Weekly, })) Sets the messages of the recurrenceEditor. The lambda which configures the scheduler messages Sets the events configuration of the recurrenceEditor. The lambda which configures the recurrenceEditor events @( Html.Kendo().RecurrenceEditor() .Name("RecurrenceEditor") .Events(events => events.Change("change") ) ) The fluent API for subscribing to Kendo UI RecurrenceEditor events. Initializes a new instance of the class. The events. Defines the inline handler of the change event. The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().RecurrenceEditor() .Name("RecurrenceEditor") .Events(events => events.Change( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the change event. The name of the JavaScript function that will handle the event. @(Html.Kendo().RecurrenceEditor() .Name("RecurrenceEditor") .Events(events => events.Change("change")) ) Creates views for the class. Initializes a new instance of the class. The container. Adds RecurrenceEditorFrequency to the RecurrenceEditor. The frequency The server side wrapper for Kendo UI SchedulerAjaxDataSourceBuilder Initializes a new instance of the class. Defines the fluent interface for configuring the Gantt . Configures Model properties Defines the fluent interface for configuring the . Initializes a new instance of the class. The container. The update interval of the "current time" marker, in milliseconds. The interval @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .CurrentTimeMarker(c=>c.UpdateInterval(5)) ) If set to `false` the "current time" marker would be displayed using the Scheduler Timezone. The useLocalTimezone @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .UseLocalTimezone(true) ) Defines the fluent interface for configuring the . Initializes a new instance of the class. The resource Creates resources grouping for the class. Initializes a new instance of the class. The container Sets the resources by which the scheduler will be grouped. The names of the resources @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Group(g=>g.Resources("name1", "name2")) ) Sets grouping by date. The grouping by date @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Group(g=>g.Date(true)) ) The orientation of the group headers. The orientation @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Group(g=>g.Orientation(SchedulerGroupOrientation.Default)) ) Defines the fluent interface for configuring the . Initializes a new instance of the class. The editorMessages. Defines the fluent interface for configuring the . Initializes a new instance of the class. The messages. Sets the "Today" message. The message @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Messages(m => m.Today("Today")); ) Sets the "Save" message. The message @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Messages(m => m.Save("Save")); ) Sets the "Cancel" message. The message @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Messages(m => m.Cancel("Cancel")); ) Sets the "Destroy" message. The message @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Messages(m => m.Destroy("Destroy")); ) Sets the "Event" message. The message @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Messages(m => m.Event("Event")); ) Sets the "Date" message. The message @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Messages(m => m.Date("Date")); ) Sets the "Time" message. The message @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Messages(m => m.Time("Time")); ) Sets the "AllDay" message. The message @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Messages(m => m.AllDay("AllDay")); ) Sets the "DefaultRowText" message. The message @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Messages(m => m.DefaultRowText("DefaultRowText")); ) Sets the "DeleteWindowTitle" message. The message @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Messages(m => m.DeleteWindowTitle("DeleteWindowTitle")); ) Sets the "ShowFullDay" message. The message @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Messages(m => m.ShowFullDay("ShowFullDay")); ) Sets the "ShowWorkDay" message. The message @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Messages(m => m.ShowWorkDay("ShowWorkDay")); ) Sets the "Next" message. The message @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Messages(m => m.Next("Next")); ) Sets the "Previous" message. The message @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Messages(m => m.Previous("Previous")); ) Sets the "ResetSeries" message. The message @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Messages(m => m.ResetSeries("ResetSeries")); ) Sets the "Search" message. The message @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Messages(m => m.Search("Search")); ) Sets the "NoData" message. The message @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Messages(m => m.NoData("NoData")); ) Sets the "SelectView" message. The message @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Messages(m => m.SelectView("SelectView")); ) Sets the "Refresh" message. The message @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Messages(m => m.Refresh("Refresh")); ) Sets the View messages of the scheduler. The lambda which configures the scheduler view messages @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Messages(m => m.Views(v=>v.Agenda("Agenda"))); ) Sets the Recurrence messages of the scheduler. The lambda which configures the scheduler recurrence messages @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Messages(m => m.Recurrence(v=>v.Cancel("Cancel"))); ) Sets the Editor messages of the scheduler. The lambda which configures the scheduler editor messages @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Messages(m => m.RecurrenceEditor(v=>v.RecurrenceEditorTitle("RecurrenceEditorTitle"))); ) Sets the Editor messages of the scheduler. The lambda which configures the scheduler editor messages @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Messages(m => m.Editor(v=>v.Title("Title"))); ) Defines the fluent interface for configuring the . Initializes a new instance of the class. The editorMessages. Defines the fluent interface for configuring the . Initializes a new instance of the class. The editorMessages. Defines the fluent interface for configuring the . Initializes a new instance of the class. The editorMessages. Defines the fluent interface for configuring the . Initializes a new instance of the class. The editorMessages. Sets the Recurrence Editor Frequencies messages of the scheduler. The lambda which configures the scheduler recurrence editor frequencies messages Defines the fluent interface for configuring the . Initializes a new instance of the class. The editorMessages. Defines the fluent interface for configuring the . Initializes a new instance of the class. The editorMessages. Defines the fluent interface for configuring the . Initializes a new instance of the class. The editorMessages. Defines the fluent interface for configuring the . Initializes a new instance of the class. The editorMessages. Defines the fluent interface for configuring the . Initializes a new instance of the class. The editorMessages. Defines the fluent interface for configuring the . Initializes a new instance of the class. The recurrenceMessages. Defines the fluent interface for configuring the . Defines the fluent interface for configuring the . Defines the fluent interface for configuring the . Initializes a new instance of the class. The container. If set to true the user can create new events. Creating is enabled by default. The create @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Editable(e=>e.Create(true)) ) If set to true the user can delete events from the view by clicking the "destroy" button. Deleting is enabled by default. The destroy @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Editable(e=>e.Destroy(true)) ) If set to true the user can update events. Updating is enabled by default. The update @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Editable(e=>e.Update(true)) ) The template which renders the editor. The template @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Editable(e=>e.Template("Template")) ) The Id of the template which renders the editor. The templateId @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Editable(e=>e.TemplateId("TemplateID")) ) The view which contains the template which renders the editor. The template view @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Editable(e=>e.TemplateView(Html.Partial("Template"))) ) The EditorTemplate which to be rendered as editor. The name of the EditorTemplate @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Editable(e=>e.TemplateName("TemplateName")) ) The text which the scheduler will display in a confirmation dialog when the user clicks the "destroy" button. The message @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Editable(e=>e.Confirmation("My confirmation message!")) ) If set to false the resizing of the events will be disabled. Resizing is enabled by default. The resize option @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Editable(e=>e.Resize(true)) ) If set to false the moving of the events will be disabled. Moving is enabled by default. The move option @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Editable(e=>e.Move(true)) ) If set to true the scheduler will display a confirmation dialog when the user clicks the "destroy" button. Confirmation dialog is enabled by default. The confirmation @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Editable(e=>e.Confirmation(true)) ) Recurring events edit mode. The edit recurrence mode. @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Editable(e=>e.EditRecurringMode(SchedulerEditRecurringMode.Dialog)) ) Configures the Scheduler Window instance, which is used for editing of events. The configuration is optional. @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Editable(e=>e.Window(w=>w.Content("Window Content"))) ) Defines the fluent interface for configuring the . Defines the fluent interface for configuring the . The start time of the view. The scheduler will display events starting after the startTime. The startTime @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Task>() .Name("scheduler") .Date(new DateTime(2013, 6, 13)) .Views(views => { views.TimelineView(timelineView => { timelineView.Title("Day"); timelineView.StartTime(new DateTime(2013, 6, 13, 10, 00, 00)); timelineView.EndTime(new DateTime(2013, 6, 13, 23, 00, 00)); }); }) .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") .Create("Create", "Scheduler") .Destroy("Destroy", "Scheduler") .Update("Update", "Scheduler") ) ) The start time of the view. The scheduler will display events starting after the startTime. The hours The minutes The seconds @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Task>() .Name("scheduler") .Date(new DateTime(2013, 6, 13)) .Views(views => { views.TimelineView(timelineView => { timelineView.Title("Day"); timelineView.StartTime(10,0,0); timelineView.EndTime(new DateTime(2013, 6, 13, 23, 00, 00)); }); }) .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") .Create("Create", "Scheduler") .Destroy("Destroy", "Scheduler") .Update("Update", "Scheduler") ) ) The end time of the view. The scheduler will display events ending before the endTime. The endTime @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Task>() .Name("scheduler") .Date(new DateTime(2013, 6, 13)) .Views(views => { views.TimelineView(timelineView => { timelineView.Title("Day"); timelineView.StartTime(new DateTime(2013, 6, 13, 10, 00, 00)); timelineView.EndTime(new DateTime(2013, 6, 13, 23, 00, 00)); }); }) .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") .Create("Create", "Scheduler") .Destroy("Destroy", "Scheduler") .Update("Update", "Scheduler") ) ) The end time of the view. The scheduler will display events ending before the endTime. The hours The minutes The seconds @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Task>() .Name("scheduler") .Date(new DateTime(2013, 6, 13)) .Views(views => { views.TimelineView(timelineView => { timelineView.Title("Day"); timelineView.StartTime(new DateTime(2013, 6, 13, 10, 00, 00)); timelineView.EndTime(23,0,0); }); }) .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") .Create("Create", "Scheduler") .Destroy("Destroy", "Scheduler") .Update("Update", "Scheduler") ) ) Defines the fluent interface for configuring the . Defines the fluent interface for configuring the . Defines the fluent interface for configuring the . Initializes a new instance of the class. The viewMessages. Defines the fluent interface for configuring the . Defines the fluent interface for configuring the . Initializes a new instance of the class. The resource The user-friendly title of the view displayed by the scheduler. The title @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Task>() .Name("scheduler") .Date(new DateTime(2013, 6, 13)) .Views(views => { views.DayView(dayView => { dayView.Title("Day"); }); }) .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") .Create("Create", "Scheduler") .Destroy("Destroy", "Scheduler") .Update("Update", "Scheduler") ) ) If set to true the user would be able to create new scheduler events and modify or delete existing ones. Default value is true. The isEditable @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Task>() .Name("scheduler") .Date(new DateTime(2013, 6, 13)) .Views(views => { views.DayView(dayView => { dayView.Title("Day"); dayView.Editable(false); }); views.AgendaView(); }) .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") .Create("Create", "Scheduler") .Destroy("Destroy", "Scheduler") .Update("Update", "Scheduler") ) ) The format used to display the selected date. Uses kendo.format. Contains two placeholders - "{0}" and "{1}" which represent the start and end date displayed by the view. The selectedDateFormat. @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Task>() .Name("scheduler") .Date(new DateTime(2013, 6, 13)) .Views(views => { views.DayView(dayView => { dayView.Title("Day"); dayView.Editable(false); dayView.SelectedDateFormat("{0:dd-MM-yyyy}"); }); views.AgendaView(); }) .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") .Create("Create", "Scheduler") .Destroy("Destroy", "Scheduler") .Update("Update", "Scheduler") ) ) The format used to display the selected short date. Uses kendo.format. Contains two placeholders - "{0}" and "{1}" which represent the start and end date displayed by the view. The selectedShortDateFormat. @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Task>() .Name("scheduler") .Date(new DateTime(2013, 6, 13)) .Views(views => { views.DayView(dayView => { dayView.Title("Day"); dayView.Editable(false); dayView.SelectedShortDateFormat("{0:dd-MM-yyyy}"); }); views.AgendaView(); }) .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") .Create("Create", "Scheduler") .Destroy("Destroy", "Scheduler") .Update("Update", "Scheduler") ) ) If set to true the view will be initially selected by the scheduler widget. Default value is false. The isSelected @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Task>() .Name("scheduler") .Date(new DateTime(2013, 6, 13)) .Views(views => { views.DayView(dayView => { dayView.Title("Day"); dayView.Editable(false); dayView.SelectedDateFormat("{0:dd-MM-yyyy}"); dayView.Selected(true); }); views.AgendaView(); }) .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") .Create("Create", "Scheduler") .Destroy("Destroy", "Scheduler") .Update("Update", "Scheduler") ) ) Defines the fluent interface for configuring the . Initializes a new instance of the class. The container. If set to true the user can create new events. Creating is enabled by default. The create If set to true the user can delete events from the view by clicking the "destroy" button. Deleting is enabled by default. The destroy If set to true the user can update events. Updating is enabled by default. The update Defines the fluent interface for configuring the . The start time of the view. The scheduler will display events starting after the startTime. The startTime @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Task>() .Name("scheduler") .Date(new DateTime(2013, 6, 13)) .Views(views => { views.DayView(dayView => { dayView.Title("Day"); dayView.StartTime(new DateTime(2013, 6, 13, 10, 00, 00)); dayView.EndTime(new DateTime(2013, 6, 13, 23, 00, 00)); }); }) .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") .Create("Create", "Scheduler") .Destroy("Destroy", "Scheduler") .Update("Update", "Scheduler") ) ) The start time of the view. The scheduler will display events starting after the startTime. The hours The minutes The seconds @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Task>() .Name("scheduler") .Date(new DateTime(2013, 6, 13)) .Views(views => { views.DayView(dayView => { dayView.Title("Day"); dayView.StartTime(10,0,0); dayView.EndTime(new DateTime(2013, 6, 13, 23, 00, 00)); }); }) .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") .Create("Create", "Scheduler") .Destroy("Destroy", "Scheduler") .Update("Update", "Scheduler") ) ) The end time of the view. The scheduler will display events ending before the endTime. The endTime @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Task>() .Name("scheduler") .Date(new DateTime(2013, 6, 13)) .Views(views => { views.DayView(dayView => { dayView.Title("Day"); dayView.StartTime(new DateTime(2013, 6, 13, 10, 00, 00)); dayView.EndTime(new DateTime(2013, 6, 13, 23, 00, 00)); }); }) .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") .Create("Create", "Scheduler") .Destroy("Destroy", "Scheduler") .Update("Update", "Scheduler") ) ) The end time of the view. The scheduler will display events ending before the endTime. The hours The minutes The seconds @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Task>() .Name("scheduler") .Date(new DateTime(2013, 6, 13)) .Views(views => { views.DayView(dayView => { dayView.Title("Day"); dayView.StartTime(new DateTime(2013, 6, 13, 10, 00, 00)); dayView.EndTime(23,0,0); }); }) .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") .Create("Create", "Scheduler") .Destroy("Destroy", "Scheduler") .Update("Update", "Scheduler") ) ) Defines the fluent interface for configuring the . Defines the fluent interface for configuring the . Defines the fluent interface for configuring the . Initializes a new instance of the class. The component. The current date of the scheduler. Used to determine the period which is displayed by the widget. The Date @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Date(new DateTime(2013, 6, 13)) .BindTo(Model) ) Enables the adaptive rendering when viewed on mobile browser @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Date(new DateTime(2013, 6, 13)) .Mobile() ) Used to determine if adaptive rendering should be used when viewed on mobile browser @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Date(new DateTime(2013, 6, 13)) .Mobile(MobileMode.Auto) ) The start time of the week and day views. The scheduler will display events starting after the startTime. The startTime. @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Date(new DateTime(2013, 6, 13)) .StartTime(new DateTime(2013, 6, 13, 10, 00, 00)) .BindTo(Model) ) The start time of the week and day views. The scheduler will display events starting after the startTime. The hours The minutes The seconds @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Date(new DateTime(2013, 6, 13)) .StartTime(10, 0, 0) .BindTo(Model) ) The end time of the week and day views. The scheduler will display events ending before the endTime. The endTime. @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Date(new DateTime(2013, 6, 13)) .EndTime(new DateTime(2013, 6, 13, 23, 00, 00)) .BindTo(Model) ) The end time of the week and day views. The scheduler will display events ending before the endTime. The hours The minutes The seconds @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Date(new DateTime(2013, 6, 13)) .EndTime(10,0,0) .BindTo(Model) ) The start time of the business day. The scheduler will display events starting after the workDayStart when the "Show Business Hours" button is pressed. The workDayStart. @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Date(new DateTime(2013, 6, 13)) .WorkDayStart(new DateTime(2013, 6, 13, 10, 00, 00)) .BindTo(Model) ) The start time of the business day. The scheduler will display events starting after the workDayStart when the "Show Business Hours" button is pressed. The hours The minutes The seconds @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Date(new DateTime(2013, 6, 13)) .WorkDayStart(10, 0, 0) .BindTo(Model) ) Sets the working days (index based). The indices of the days of the week @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Date(new DateTime(2013, 6, 13)) .WorkDays(new int[] { 1,3,4,5 }) .BindTo(Model) ) The end time of the business day. The scheduler will display events ending before the workDayEnd when the "Show Business Hours" button is pressed. The workDayEnd. @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Date(new DateTime(2013, 6, 13)) .WorkDayEnd(new DateTime(2013, 6, 13, 10, 00, 00)) .BindTo(Model) ) The end time of the business day. The scheduler will display events ending before the workDayEnd when the "Show Business Hours" button is pressed. The hours The minutes The seconds @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Date(new DateTime(2013, 6, 13)) .WorkDayEnd(16,0,0) .BindTo(Model) ) The height of the widget. The height. @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Date(new DateTime(2013, 6, 13)) .Height(600) .BindTo(Model) ) The template used to render the scheduler events. The eventTemplate. @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Date(new DateTime(2013, 6, 13)) .StartTime(new DateTime(2013, 6, 13, 10, 00, 00)) .EndTime(new DateTime(2013, 6, 13, 23, 00, 00)) .Height(600) .EventTemplate( "<div style='color:white'>" + "<img src='" + Url.Content("~/Content/web/scheduler/") + "#= Image #' style='float:left'>" + "<p>" + "#: kendo.toString(Start, 'hh:mm') # - #: kendo.toString(End, 'hh:mm') #" + "</p>" + "<h3>#: title #</h3>" + "<a href='#= Imdb #' style='color:white'>Movie in IMDB</a>" + "</div>") .Views(views => { views.DayView(); views.AgendaView(); }) .BindTo(Model) ) The Id of the template used to render the scheduler events. The eventTemplateId @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Date(new DateTime(2013, 6, 13)) .StartTime(new DateTime(2013, 6, 13, 10, 00, 00)) .EndTime(new DateTime(2013, 6, 13, 23, 00, 00)) .Height(600) .EventTemplateId("customEventTemplate") .Views(views => { views.DayView(); views.AgendaView(); }) .BindTo(Model) ) The view which contains the template used to render the scheduler events. The eventTemplate view @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Date(new DateTime(2013, 6, 13)) .StartTime(new DateTime(2013, 6, 13, 10, 00, 00)) .EndTime(new DateTime(2013, 6, 13, 23, 00, 00)) .Height(600) .EventTemplateView(Html.Partial("customEventTemplate")) .Views(views => { views.DayView(); views.AgendaView(); }) .BindTo(Model) ) The template used to render the "all day" scheduler events. The allDayEventTemplate @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .AllDayEventTemplate("Template") ) The Id of the template used to render the "all day" scheduler events. The allDayEventTemplateId @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .AllDayEventTemplateId("TemplateID") ) The view which contains the template used to render the "all day" scheduler events. The allDayEventTemplate view @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .AllDayEventTemplateView(Html.Partial("Template")) ) The template used to render the group headers of scheduler day, week, workWeek and timeline views. The groupHeaderTemplate @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .GroupHeaderTemplate("Template") ) The Id of the template used to render the group headers of scheduler day, week, workWeek and timeline views. The groupHeaderTemplateId @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .GroupHeaderTemplate("TemplateID") ) The view which contains the template used to render the group headers of scheduler day, week, workWeek and timeline views. The groupHeaderTemplate view @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .GroupHeaderTemplateView(Html.Partial("Template")) ) If set to true the scheduler will display a slot for "all day" events. The allDaySlot. @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .AllDaySlot(true) ) If set to true day and week views will be initially shown in business hours mode. This options is applicable only to work week, week and day views @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .ShowWorkHours(true) ) If set day and week views will be initially shown in business hours mode. This options is applicable only to work week, week and day views @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .ShowWorkHours() ) If set to true the scheduler will enable the selection The selectable. @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Selectable(true) ) The template used to render the date header cells. The dateHeaderTemplate @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .DateHeaderTemplate("Template") ) The Id of the template used to render the date header cells. The dateHeaderTemplateId @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Date(new DateTime(2013, 6, 13)) .StartTime(new DateTime(2013, 6, 13, 10, 00, 00)) .EndTime(new DateTime(2013, 6, 13, 23, 00, 00)) .Height(600) .AllDayEventTemplateId("customAllDayTemplate") .Views(views => { views.DayView(); views.AgendaView(); }) .BindTo(Model) ) The view which contains the template used to render the date header cells. The dateHeaderTemplate view @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Date(new DateTime(2013, 6, 13)) .StartTime(new DateTime(2013, 6, 13, 10, 00, 00)) .EndTime(new DateTime(2013, 6, 13, 23, 00, 00)) .Height(600) .AllDayEventTemplateView(Html.Partial("customAllDayTemplate")) .Views(views => { views.DayView(); views.AgendaView(); }) .BindTo(Model) ) The number of minutes represented by a major tick. The majorTick @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Date(new DateTime(2013, 6, 13)) .Height(600) .MajorTick(120) .BindTo(Model) ) The template used to render the major ticks. The majorTimeHeaderTemplate @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .MajorTimeHeaderTemplate("Template") ) The Id of the template used to render the major ticks. The majorTimeHeaderTemplateId @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .MajorTimeHeaderTemplateId("TemplateID") ) The view which contains the template used to render the major ticks. The majorTimeHeaderTemplate view @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .MajorTimeHeaderTemplateView(Html.Partial("Template")) ) The number of time slots to display per major tick. The minorTickCount @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Date(new DateTime(2013, 7, 23)) .Height(400) .MinorTickCount(1) .BindTo(Model) ) The template used to render the minor ticks. The minorTimeHeaderTemplate @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .MinorTimeHeaderTemplate("Template") ) The Id of the template used to render the minor ticks. The minorTimeHeaderTemplateId @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .MinorTimeHeaderTemplateId("TemplateID") ) The view which contains the template used to render the minor ticks. The minorTimeHeaderTemplate view @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .MinorTimeHeaderTemplateView(Html.Partial("Template")) ) The timezone which the scheduler will use to display the scheduler appointment dates. By default the current system timezone is used. This is an acceptable default when the scheduler widget is bound to local array of events. It is advisable to specify a timezone if the scheduler is bound to a remote service. That way all users would see the same dates and times no matter their configured system timezone. The complete list of the supported timezones is available in the List of IANA time zones Wikipedia page. The timezone @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Task>() .Name("scheduler") .Date(new DateTime(2013, 6, 13)) .Timezone("Europe/London") .Height(600) .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") .Create("Create", "Scheduler") .Destroy("Destroy", "Scheduler") .Update("Update", "Scheduler") ) ) The width of the widget. The width @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Task>() .Name("scheduler") .Date(new DateTime(2013, 6, 13)) .Width(800) .Height(600) .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") .Create("Create", "Scheduler") .Destroy("Destroy", "Scheduler") .Update("Update", "Scheduler") ) ) If set to false the events would not snap events to the nearest slot during dragging (resizing or moving). Set it to false to allow free moving and resizing of events. The isSnapable @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Task>() .Name("scheduler") .Date(new DateTime(2013, 6, 13)) .Snap(false) .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") .Create("Create", "Scheduler") .Destroy("Destroy", "Scheduler") .Update("Update", "Scheduler") ) ) If set to false the initial binding will be prevented. The autoBind @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Task>() .Name("scheduler") .Date(new DateTime(2013, 6, 13)) .AutoBind(false) .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") ) ) Sets the start day of work week by index. The workWeekStartDay @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Task>() .Name("scheduler") .Date(new DateTime(2013, 6, 13)) .WorkWeekStart(2) .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") ) ) Sets the end day of work week by index. The workWeekEndDay @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Task>() .Name("scheduler") .Date(new DateTime(2013, 6, 13)) .WorkWeekEnd(2) .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") ) ) Sets the editing configuration of the scheduler. The lambda which configures the editing @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Task>() .Name("scheduler") .Date(new DateTime(2013, 6, 13)) .Editable(editable => { editable.Confirmation(false); editable.TemplateId("customEditTemplate"); }) .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") .Create("Create", "Scheduler") .Destroy("Destroy", "Scheduler") .Update("Update", "Scheduler") ) ) If set to false the user would not be able to create new scheduler events and modify or delete existing ones. The isEditable @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Task>() .Name("scheduler") .Date(new DateTime(2013, 6, 13)) .Editable(false) .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") ) ) If set to false the footer of the scheduler would not be displayed. The configurator for the footer setting. @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Footer(f=>f.Command("command")) ) If set to false the footer of the scheduler would not be displayed. Enables or disables the footer option. @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Footer(false) ) Constraints the minimum date which can be selected via the scheduler navigation. The min date @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Min(DateTime.Now) ) Constraints the maximum date which can be selected via the scheduler navigation. The max date @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Max(DateTime.Now) ) Sets the resources grouping configuration of the scheduler. The lambda which configures the scheduler grouping @(Html.Kendo().Scheduler<Task>() .Name("Scheduler") .Resources(resource => { resource.Add(m => m.TaskID) .Title("Color") .Multiple(true) .DataTextField("Text") .DataValueField("Value") .DataSource(d => d.Read("Attendies", "Scheduler")); }) .DataSource(dataSource => dataSource .Model(m => m.Id(f => f.TaskID)) )) Sets the resources configuration of the scheduler. The lambda which configures the scheduler resources @(Html.Kendo().Scheduler<Task>() .Name("Scheduler") .Resources(resource => { resource.Add(m => m.TaskID) .Title("Color") .Multiple(true) .DataTextField("Text") .DataValueField("Value") .DataSource(d => d.Read("Attendies", "Scheduler")); }) .DataSource(dataSource => dataSource .Model(m => m.Id(f => f.TaskID)) )) Sets the views configuration of the scheduler. The lambda which configures the scheduler views @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Task>() .Name("scheduler") .Date(new DateTime(2013, 6, 13)) .Views(views => { views.DayView(); views.AgendaView(); }) .BindTo(Model) ) Sets the messages of the scheduler. The lambda which configures the scheduler messages @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() .Name("scheduler") .Messages(m=>m.AllDay("all day")) ) Sets the events configuration of the scheduler. The lambda which configures the scheduler events @( Html.Kendo().Scheduler<Task>() .Name("Scheduler") .Events(events => events.Remove("remove") ) .BindTo(Model) ) Binds the scheduler to a list of objects The data source. @model IEnumerable<Task> @(Html.Kendo().Scheduler<Task>() .Name("Scheduler") .BindTo(Model) .DataSource(dataSource => dataSource .Model(m => m.Id(f => f.TaskID)) )) Configures the DataSource options. The DataSource configurator action. @( Html.Kendo().Scheduler<Task>() .Name("Scheduler") .DataSource(source => { source.Read(read => { read.Action("Read", "Scheduler"); }); }) ) Sets the currentTimeMarker configuration of the scheduler. The lambda which configures the currentTimeMarker @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Task>() .Name("scheduler") .Date(new DateTime(2013, 6, 13)) .CurrentTimeMarker(marker => { marker.UpdateInterval(100); marker.UseLocalTimezone(false); }) .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") .Create("Create", "Scheduler") .Destroy("Destroy", "Scheduler") .Update("Update", "Scheduler") ) ) If set to false the "current time" marker would be disabled. The enabled @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Task>() .Name("scheduler") .Date(new DateTime(2013, 6, 13)) .CurrentTimeMarker(false) .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") ) ) Configures the PDF export settings. @(Html.Kendo().Scheduler<Task>() .Name("scheduler") .Pdf(pdf => pdf.FileName("SchedulerExport.pdf")) .DataSource(dataSource => // configure the data source dataSource .Ajax() .Read("Read", "Scheduler") ) ) Adds PDF command to the toolbar. @(Html.Kendo().Scheduler<Task>() .Name("scheduler") .Toolbar(toolbar => toolbar.Pdf()) .Pdf(pdf => pdf.FileName("SchedulerExport.pdf")) .DataSource(dataSource => // configure the data source dataSource .Ajax() .Read("Read", "Scheduler") ) ) The fluent API for subscribing to Kendo UI Scheduler events. Initializes a new instance of the class. The events. Defines the inline handler of the remove event. The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Scheduler() .Name("Scheduler") .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") .Create("Create", "Scheduler") .Destroy("Destroy", "Scheduler") .Update("Update", "Scheduler") ) .Events(events => events.Remove( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the remove event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Scheduler() .Name("Scheduler") .Events(events => events.Remove("remove")) .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") .Create("Create", "Scheduler") .Destroy("Destroy", "Scheduler") .Update("Update", "Scheduler") ) ) Defines the inline handler of the pdfExport event. The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Scheduler() .Name("Scheduler") .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") .Create("Create", "Scheduler") .Destroy("Destroy", "Scheduler") .Update("Update", "Scheduler") ) .Events(events => events.PdfExport( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the pdfExport event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Scheduler() .Name("Scheduler") .Events(events => events.PdfExport("pdfExport")) .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") .Create("Create", "Scheduler") .Destroy("Destroy", "Scheduler") .Update("Update", "Scheduler") ) ) Defines the inline handler of the add event. The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Scheduler() .Name("Scheduler") .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") .Create("Create", "Scheduler") .Destroy("Destroy", "Scheduler") .Update("Update", "Scheduler") ) .Events(events => events.Add( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the add event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Scheduler<Task>() .Name("Scheduler") .Events(events => events.Add("add")) .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") .Create("Create", "Scheduler") .Destroy("Destroy", "Scheduler") .Update("Update", "Scheduler") ) ) Defines the inline handler of the edit event. The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Scheduler() .Name("Scheduler") .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") .Create("Create", "Scheduler") .Destroy("Destroy", "Scheduler") .Update("Update", "Scheduler") ) .Events(events => events.Edit( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the edit event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Scheduler<Task>() .Name("Scheduler") .Events(events => events.Edit("edit")) .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") .Create("Create", "Scheduler") .Destroy("Destroy", "Scheduler") .Update("Update", "Scheduler") ) ) Defines the inline handler of the cancel event. The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Scheduler<Task>() .Name("Scheduler") .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") .Create("Create", "Scheduler") .Destroy("Destroy", "Scheduler") .Update("Update", "Scheduler") ) .Events(events => events.Cancel( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the cancel event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Scheduler<Task>() .Name("Scheduler") .Events(events => events.Cancel("cancel")) .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") .Create("Create", "Scheduler") .Destroy("Destroy", "Scheduler") .Update("Update", "Scheduler") ) ) Defines the inline handler of the change event. The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Scheduler<Task>() .Name("Scheduler") .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") .Create("Create", "Scheduler") .Destroy("Destroy", "Scheduler") .Update("Update", "Scheduler") ) .Events(events => events.Change( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the change event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Scheduler<Task>() .Name("Scheduler") .Events(events => events.Change("change")) .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") .Create("Create", "Scheduler") .Destroy("Destroy", "Scheduler") .Update("Update", "Scheduler") ) ) Defines the inline handler of the save event. The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Scheduler<Task>() .Name("Scheduler") .Events(events => events.Save( @<text> function(e) { //event handling code } </text> )) .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") .Create("Create", "Scheduler") .Destroy("Destroy", "Scheduler") .Update("Update", "Scheduler") ) ) Defines the name of the JavaScript function that will handle the the save event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Scheduler<Task>() .Name("Scheduler") .Events(events => events.Save("save")) .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") .Create("Create", "Scheduler") .Destroy("Destroy", "Scheduler") .Update("Update", "Scheduler") ) ) Defines the inline handler of the dataBound event. The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Scheduler<Task>() .Name("Scheduler") .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") .Create("Create", "Scheduler") .Destroy("Destroy", "Scheduler") .Update("Update", "Scheduler") ) .Events(events => events.DataBound( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the dataBound event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Scheduler<Task>() .Name("Scheduler") .Events(events => events.DataBound("dataBound")) .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") .Create("Create", "Scheduler") .Destroy("Destroy", "Scheduler") .Update("Update", "Scheduler") ) ) Defines the inline handler of the dataBinding event. The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Scheduler<Task>() .Name("Scheduler") .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") .Create("Create", "Scheduler") .Destroy("Destroy", "Scheduler") .Update("Update", "Scheduler") ) .Events(events => events.DataBinding( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the dataBinding event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Scheduler<Task>() .Name("Scheduler") .Events(events => events.DataBinding("dataBinding")) .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") .Create("Create", "Scheduler") .Destroy("Destroy", "Scheduler") .Update("Update", "Scheduler") ) ) Defines the inline handler of the moveStart event. The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Scheduler<Task>() .Name("Scheduler") .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") .Create("Create", "Scheduler") .Destroy("Destroy", "Scheduler") .Update("Update", "Scheduler") ) .Events(events => events.MoveStart( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the moveStart event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Scheduler<Task>() .Name("Scheduler") .Events(events => events.MoveStart("moveStart")) .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") .Create("Create", "Scheduler") .Destroy("Destroy", "Scheduler") .Update("Update", "Scheduler") ) ) Defines the inline handler of the move event. The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Scheduler<Task>() .Name("Scheduler") .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") .Create("Create", "Scheduler") .Destroy("Destroy", "Scheduler") .Update("Update", "Scheduler") ) .Events(events => events.Move( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the move event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Scheduler<Task>() .Name("Scheduler") .Events(events => events.Move("move")) .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") .Create("Create", "Scheduler") .Destroy("Destroy", "Scheduler") .Update("Update", "Scheduler") ) ) Defines the inline handler of the moveEnd event. The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Scheduler<Task>() .Name("Scheduler") .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") .Create("Create", "Scheduler") .Destroy("Destroy", "Scheduler") .Update("Update", "Scheduler") ) .Events(events => events.MoveEnd( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the moveEnd event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Scheduler<Task>() .Name("Scheduler") .Events(events => events.MoveEnd("moveEnd")) .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") .Create("Create", "Scheduler") .Destroy("Destroy", "Scheduler") .Update("Update", "Scheduler") ) ) Defines the inline handler of the resizeStart event. The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Scheduler<Task>() .Name("Scheduler") .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") .Create("Create", "Scheduler") .Destroy("Destroy", "Scheduler") .Update("Update", "Scheduler") ) .Events(events => events.ResizeStart( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the resizeStart event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Scheduler<Task>() .Name("Scheduler") .Events(events => events.ResizeStart("resizeStart")) .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") .Create("Create", "Scheduler") .Destroy("Destroy", "Scheduler") .Update("Update", "Scheduler") ) ) Defines the inline handler of the resize event. The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Scheduler<Task>() .Name("Scheduler") .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") .Create("Create", "Scheduler") .Destroy("Destroy", "Scheduler") .Update("Update", "Scheduler") ) .Events(events => events.Resize( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the resize event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Scheduler<Task>() .Name("Scheduler") .Events(events => events.Resize("resize")) .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") .Create("Create", "Scheduler") .Destroy("Destroy", "Scheduler") .Update("Update", "Scheduler") ) ) Defines the inline handler of the resizeEnd event. The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Scheduler<Task>() .Name("Scheduler") .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") .Create("Create", "Scheduler") .Destroy("Destroy", "Scheduler") .Update("Update", "Scheduler") ) .Events(events => events.ResizeEnd( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the resizeEnd event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Scheduler<Task>() .Name("Scheduler") .Events(events => events.ResizeEnd("resizeEnd")) .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") .Create("Create", "Scheduler") .Destroy("Destroy", "Scheduler") .Update("Update", "Scheduler") ) ) Defines the inline handler of the navigate event. The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Scheduler<Task>() .Name("Scheduler") .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") .Create("Create", "Scheduler") .Destroy("Destroy", "Scheduler") .Update("Update", "Scheduler") ) .Events(events => events.Navigate( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the navigate event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Scheduler<Task>() .Name("Scheduler") .Events(events => events.Navigate("navigate")) .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") .Create("Create", "Scheduler") .Destroy("Destroy", "Scheduler") .Update("Update", "Scheduler") ) ) Defines the fluent interface for configuring the . Initializes a new instance of the class. The resource The viewContext The resource Binds the scheduler resource to a list of objects The dataSource @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Task>() .Name("scheduler") .Date(new DateTime(2013, 6, 13)) .Views(views => { views.DayView(); views.AgendaView(); }) .Resources(resource => { resource.Add(m => m.OwnerID) .Title("Owner") .Multiple(true) .DataTextField("Text") .DataValueField("Value") .BindTo(new[] { new { Text = "Alex", Value = 1, color = "red" } , new { Text = "Bob", Value = 1, color = "green" } , new { Text = "Charlie", Value = 1, color = "blue" } }); }) .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") .Create("Create", "Scheduler") .Destroy("Destroy", "Scheduler") .Update("Update", "Scheduler") ) ) Configures the DataSource options. The DataSource configurator action. @(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Task>() .Name("scheduler") .Date(new DateTime(2013, 6, 13)) .Views(views => { views.DayView(); views.AgendaView(); }) .Resources(resource => { resource.Add(m => m.OwnerID) .Title("Owner") .Multiple(true) .DataTextField("Text") .DataValueField("Value") .DataSource(d => d.Read("Attendies", "Scheduler")); }) .DataSource(d => d .Model(m => m.Id(f => f.TaskID)) .Read("Read", "Scheduler") .Create("Create", "Scheduler") .Destroy("Destroy", "Scheduler") .Update("Update", "Scheduler") ) ) Creates resources for the class. Initializes a new instance of the class. The container Defines a Scheduler resource. Creates views for the class. Initializes a new instance of the class. The container. Defines a Scheduler day view. Enables a Scheduler day view. Defines a custom view The JavaScript type name Defines a custom view The JavaScript type name The action for configuring the custom view Defines a Scheduler workWeek view. Enables a Scheduler workWeek view. Defines a Scheduler week view. Enables a Scheduler week view. Defines a Scheduler month view. Enables a Scheduler month view. Defines a Scheduler agenda view. Enables a Scheduler timeline view. Defines a Scheduler timeline view. Enables a Scheduler timeline week view. Defines a Scheduler timelineWeek view. Enables a Scheduler timeline work week view. Defines a Scheduler timelineWorkWeek view. Enables a Scheduler timeline month view. Defines a Scheduler timeline month view. Enables a Scheduler agenda view. Defines a Scheduler year view. Enables a Scheduler year view. Defines the fluent API for configuring the Kendo Slider for ASP.NET MVC tooltip Gets or sets the format for displaying the value in the tooltip. The value. @( Html.Kendo().Slider() .Name("Slider") .Tooltip(tooltip => tooltip.Format("{0:P}")) ) Display tooltip while drag. The value. @( Html.Kendo().Slider() .Name("Slider") .Tooltip(tooltip => tooltip.Enable(false)) ) Gets or sets the template for displaying the value in the tooltip. The template. @( Html.Kendo().Slider() .Name("Slider") .Tooltip(tooltip => tooltip.template("${value}")) ) Defines the fluent interface for configuring the Events. Defines the inline handler of the Change client-side event The action defining the inline handler. @( Html.Kendo().RangeSlider() .Name("RangeSlider") .Events(events => events.Change(() => { ) function(e) { //event handling code } @( })) .Render(); ) Defines the name of the JavaScript function that will handle the the Kendo client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().RangeSlider() .Name("RangeSlider") .Events(events => events.Change("change")) ) Defines the inline handler of the Slide client-side event. The action defining the inline handler. @( Html.Kendo().RangeSlider() .Name("RangeSlider") .Events(events => events.Slide(() => { ) function(e) { //event handling code } @( })) .Render(); ) Defines the name of the JavaScript function that will handle the the Slide client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().RangeSlider() .Name("RangeSlider") .Events(events => events.Slide("slide")) ) Defines the fluent interface for configuring the Events. Defines the inline handler of the Change client-side event The action defining the inline handler. @( Html.Kendo().Slider() .Name("Slider") .Events(events => events.Change(() => { ) function(e) { //event handling code } @( })) .Render(); ) Defines the name of the JavaScript function that will handle the the Change client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Slider() .Name("Slider") .Events(events => events.Change("change")) ) Defines the inline handler of the Slide client-side event. The action defining the inline handler. @( Html.Kendo().Slider() .Name("Slider") .Events(events => events.Slide(() => { ) function(e) { //event handling code } @( })) .Render(); ) Defines the name of the JavaScript function that will handle the the Slide client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Slider() .Name("Slider") .Events(events => events.Slide("slide")) ) Defines the fluent interface for configuring the component. Initializes a new instance of the class. The component. Sets the value of the range slider. Sets the value of the range slider. Sets orientation of the range slider. Sets a value indicating how to display the tick marks on the range slider. Sets the minimum value of the range slider. Sets the maximum value of the range slider. Sets the step with which the range slider value will change. Sets the delta with which the value will change when user click on the track. Display tooltip while drag. Use it to configure tooltip while drag. Use builder to set different tooltip options. @( Html.Kendo().Slider() .Name("Slider") .Tooltip(tooltip => tooltip .Enable(true) .Format("{0:P}") ); ) Configures the client-side events. The client events action. @( Html.Kendo().RangeSlider() .Name("RangeSlider") .Events(events => events.OnChange("onChange")) ) Sets the title of the slider draghandle. Sets the title of the slider draghandle. Defines the fluent interface for configuring the component. Initializes a new instance of the class. The component. Sets the value of the slider. Sets the title of the slider draghandle. Sets the title of the slider increase button. Sets whether slider to be rendered with increase/decrease button. Sets the title of the slider decrease button. Sets orientation of the slider. Sets a value indicating how to display the tick marks on the slider. Sets the minimum value of the slider. Sets the maximum value of the slider. Sets the step with which the slider value will change. Sets the delta with which the value will change when user click on the slider. Display tooltip while drag. Use it to configure tooltip. Use builder to set different tooltip options. @( Html.Kendo().Slider() .Name("Slider") .Tooltip(tooltip => tooltip .Enable(true) .Format("{0:P}") ); ) Configures the client-side events. The client events action. @( Html.Kendo().Slider() .Name("Slider") .Events(events => events.OnChange("onChange")) ) Defines the fluent interface for configuring the component. Initializes a new instance of the class. The component. The selector to match the DOM element to which the Sortable widget will be instantiated jQuery selector The selector that determines which items are disabled. Disabled items cannot be dragged but are valid sort targets. jQuery selector The selector that determines which items are sortable. Filtered items cannot be dragged and are not valid sort targets. jQuery selector The selector that determines which element will be used as a draggable handler. jQuery selector Selector that determines the container boundaries in which hint movement will be constrained to. jQuery selector The selector which determines if items from the current Sortable widget can be accepted from another Sortable container(s). The connectWith option describes one way relationship, if the developer wants a two way connection then the connectWith option should be set on both widgets. jQuery selector The selector which determines child elements for which the sort will not be initiated. Useful if the sortable item contains input elements. jQuery selector The CSS style which determines the cursor that will be shown while user drags sortable item. For example 'move', 'pointer', etc. String When set to true, the item will be activated after the user taps and holds the finger on the element for a short amount of time. If set to true the widget will auto-scroll the container when the mouse/finger is close to the top/bottom of it. Constrains the hint movement to either the horizontal (x) or vertical (y) axis. The axis Configures the cursor offset of Sortable widget. Cursor offset settings action. @( Html.Kendo().Sortable() .For("#sortable") .CursorOffset(settings => settings.Top(10).Left(10) ) ) HTML string representing the the hint element Html string Sets JavaScript function which to return the hint for the sorted item. Sets JavaScript function which to return the hint for the sorted item. JavaScript function name HTML string representing the placeholder Html string Sets JavaScript function which to return the placeholder for the sorted item. Sets JavaScript function which to return the placeholder for the sorted item. JavaScript function name Suppress initialization script rendering. Note that this options should be used in conjunction with Returns the internal view component. Sets the event configuration of the Sortable. The lambda which configures the events Renders the component. Defines the fluent API for configuring the Sortable's cursor offset position settings Sets the top position. Sets the left position. Defines the fluent interface for configuring sortable client events. Defines the inline handler of the Start client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Sortable() .For("#element") .Events(events => events.Start( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Start client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Sortable() .For("#element") .Events(events => events.Start("start")) ) Defines the inline handler of the Move client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Sortable() .For("#element") .Events(events => events.Move( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Move client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Sortable() .For("#element") .Events(events => events.Move("move")) ) Defines the inline handler of the End client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Sortable() .For("#element") .Events(events => events.End( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the End client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Sortable() .For("#element") .Events(events => events.End("end")) ) Defines the inline handler of the Change client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Sortable() .For("#element") .Events(events => events.Change( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Change client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Sortable() .For("#element") .Events(events => events.Change("change")) ) Defines the inline handler of the Cancel client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Sortable() .For("#element") .Events(events => events.Cancel( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Cancel client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Sortable() .For("#element") .Events(events => events.Cancel("cancel")) ) Defines the fluent API for configuring the sparkline series defaults. Defines the default settings for bar series. Defines the default settings for column series. Defines the default settings for line series. Defines the default settings for area series. Defines the default settings for pie series. Creates series for the . The type of the data item to which the chart is bound to Initializes a new instance of the class. The container. The parent Sparkline Defines bound bar series. The expression used to extract the point value from the chart model The expression used to extract the point color from the chart model The expression used to extract the point category from the chart model The expression used to extract the point note text from the chart model Defines bound bar series. The expression used to extract the point value from the chart model The expression used to extract the point color from the chart model Defines bound bar series. The name of the value member. The name of the color member. The name of the category member. The name of the note text member. Defines bound bar series. The type of the value member. The name of the value member. The name of the color member. The name of the category member. The name of the note text member. Defines bar series bound to inline data. The data to bind to. Defines bound column series. The expression used to extract the point value from the chart model The expression used to extract the point color from the chart model The expression used to extract the point category from the chart model The expression used to extract the point note text from the chart model Defines bound column series. The expression used to extract the point value from the chart model The expression used to extract the point color from the chart model Defines bound bar series. The name of the value member. The name of the color member. The name of the category member. The name of the note text member. Defines bound bar series. The type of the value member. The name of the value member. The name of the color member. The name of the category member. The name of the note text member. Defines bar series bound to inline data. The data to bind to Defines bound line series. The expression used to extract the value from the chart model. The expression used to extract the category from the chart model. The expression used to extract the note text from the chart model. Defines bound line series. The expression used to extract the series value from the chart model Defines bound line series. The name of the value member. The name of the category member. Defines bound line series. The type of the value member. The name of the value member. The name of the category member. The name of the note text member. Defines line series bound to inline data. The data to bind to Defines bound area series. The expression used to extract the value from the chart model. Defines bound area series. The expression used to extract the value from the chart model. The expression used to extract the category from the chart model. The expression used to extract the note text from the chart model. Defines bound area series. The name of the value member. The name of the category member. Defines bound area series. The type of the value member. The name of the value member. The name of the category member. The name of the note text member. Defines area series bound to inline data. The data to bind to Defines bound pie series. Defines bound pie series. Defines bound pie series. Defines pie series bound to inline data. The data to bind to Defines bound bullet series. The expression used to extract the point current value from the chart model The expression used to extract the point target value from the chart model The expression used to extract the point color from the chart model The expression used to extract the category from the chart model. The expression used to extract the point note text from the chart model Defines bound bullet series. The expression used to extract the point current value from the chart model The expression used to extract the point target value from the chart model The expression used to extract the point color from the chart model The expression used to extract the point note text from the chart model Defines bound bar series. The name of the current value member. The name of the target value member. The name of the color member. The name of the category member. The name of the note text member. Defines bound bullet series. The type of the current value member. The name of the current value member. The name of the target value member. The name of the color member. The name of the category member. The name of the note text member. Defines the fluent interface for configuring the component. Initializes a new instance of the class. The component. Sets the Sparkline data. The data for the default Sparkline series. @( Html.Kendo().Sparkline() .Name("Sparkline") .Data(new int[] { 1, 2 }) ) Sets the Sparkline data. The data for the default Sparkline series. @( Html.Kendo().Sparkline() .Name("Sparkline") .Data(new int[] { 1, 2 }) ) Sets the type of the sparkline. The Sparkline type. @( Html.Kendo().Sparkline() .Name("Sparkline") .Type(SparklineType.Area) ) Sets the per-point width of the sparkline. The Sparkline per-point width. @( Html.Kendo().Sparkline() .Name("Sparkline") .PointWidth(2) ) Configures the client-side events. The client events configuration action. @( Html.Kendo().Sparkline() .Name("Sparkline") .Events(events => events .OnLoad("onLoad") ) ) Sets the theme of the chart. The Sparkline theme. @( Html.Kendo().Sparkline() .Name("Sparkline") .Theme("Telerik") ) Sets the preferred rendering engine. If it is not supported by the browser, the Chart will switch to the first available mode. The preferred rendering engine. Sets the Chart area. The Chart area. @( Html.Kendo().Sparkline() .Name("Sparkline") .ChartArea(chartArea => chartArea.margin(20)) ) Sets the Plot area. The Plot area. @( Html.Kendo().Sparkline() .Name("Sparkline") .PlotArea(plotArea => plotArea.margin(20)) ) Defines the chart series. The add action. @( Html.Kendo().Sparkline(Model) .Name("Sparkline") .Series(series => { series.Bar(s => s.SalesAmount); }) ) Defines the options for all chart series of the specified type. The configurator. @( Html.Kendo().Sparkline(Model) .Name("Sparkline") .SeriesDefaults(series => series.Bar().Stack(true)) ) Defines the options for all chart axes of the specified type. The configurator. @( Html.Kendo().Sparkline(Model) .Name("Sparkline") .AxisDefaults(axisDefaults => axisDefaults.MinorTickSize(5)) ) Configures the category axis The configurator @( Html.Kendo().Sparkline(Model) .Name("Sparkline") .CategoryAxis(axis => axis .Categories(s => s.DateString) ) ) Defines value axis options The configurator @( Html.Kendo().Sparkline(Model) .Name("Sparkline") .ValueAxis(a => a.Numeric().TickSize(4)) ) Data Source configuration Use the configurator to set different data binding options. @( Html.Kendo().Sparkline() .Name("Sparkline") .DataSource(ds => { ds.Ajax().Read(r => r.Action("SalesData", "Sparkline")); }) ) Enables or disables automatic binding. Gets or sets a value indicating if the chart should be data bound during initialization. The default value is true. @( Html.Kendo().Sparkline() .Name("Sparkline") .DataSource(ds => { ds.Ajax().Read(r => r.Action("SalesData", "Sparkline")); }) .AutoBind(false) ) Sets the series colors. A list of the series colors. @( Html.Kendo().Sparkline() .Name("Sparkline") .SeriesColors(new string[] { "#f00", "#0f0", "#00f" }) ) Sets the series colors. The series colors. @( Html.Kendo().Sparkline() .Name("Sparkline") .SeriesColors("#f00", "#0f0", "#00f") ) Use it to configure the data point tooltip. Use the configurator to set data tooltip options. @( Html.Kendo().Sparkline() .Name("Sparkline") .Tooltip(tooltip => { tooltip.Visible(true).Format("{0:C}"); }) ) Sets the data point tooltip visibility. A value indicating if the data point tooltip should be displayed. The tooltip is not visible by default. @( Html.Kendo().Sparkline() .Name("Sparkline") .Tooltip(true) ) Enables or disabled animated transitions on initial load and refresh. A value indicating if transition animations should be played. @( Html.Kendo().Sparkline() .Name("Sparkline") .Transitions(false) ) Defines the fluent interface for configuring the splitter panes (). Sets the pane size. The desired size. Only sizes in pixels and percentages are allowed. @( Html.Kendo().Splitter() .Name("Splitter") .Panes(panes => { panes.Add().Size("220px"); }) ) Sets the minimum pane size. The desired minimum size. Only sizes in pixels and percentages are allowed. @( Html.Kendo().Splitter() .Name("Splitter") .Panes(panes => { panes.Add().MinSize("220px"); }) ) Sets the maximum pane size. The desired maximum size. Only sizes in pixels and percentages are allowed. @( Html.Kendo().Splitter() .Name("Splitter") .Panes(panes => { panes.Add().MaxSize("220px"); }) ) Sets whether the pane shows a scrollbar when its content overflows. Whether the pane will be scrollable. @( Html.Kendo().Splitter() .Name("Splitter") .Panes(panes => { panes.Add().Scrollable(false); }) ) Sets whether the pane can be resized by the user. Whether the pane will be resizable. @( Html.Kendo().Splitter() .Name("Splitter") .Panes(panes => { panes.Add().Resizable(true); }) ) Sets whether the pane is initially collapsed. Whether the pane will be initially collapsed. @( Html.Kendo().Splitter() .Name("Splitter") .Panes(panes => { panes.Add().Collapsed(true); }) ) Sets the pane size while collapsed. The desired size. Only sizes in pixels and percentages are allowed. @( Html.Kendo().Splitter() .Name("Splitter") .Panes(panes => { panes.Add().CollapsedSize("220px"); }) ) Sets whether the pane can be collapsed by the user. Whether the pane can be collapsed by the user. @( Html.Kendo().Splitter() .Name("Splitter") .Panes(panes => { panes.Add().Collapsible(true); }) ) Sets the HTML attributes applied to the outer HTML element rendered for the item The attributes. @( Html.Kendo().Splitter() .Name("Splitter") .Panes(panes => { panes.Add().HtmlAttributes(new { style = "background: red" }); }) ) Sets the HTML attributes applied to the outer HTML element rendered for the item The attributes. Sets the HTML content of the pane. The action which renders the HTML content. @( Html.Kendo().Splitter() .Name("Splitter") .Panes(panes => { panes.Add() .Content(() => { >% <p>Content</p> %<}); }) .Render(); ) Sets the HTML content of the pane. The Razor template for the HTML content. @(Html.Kendo().Splitter() .Name("Splitter") .Panes(panes => { panes.Add() .Content(@<p>Content</p>); }) .Render();) Sets the HTML content of the pane. The HTML content. @( Html.Kendo().Splitter() .Name("Splitter") .Panes(panes => { panes.Add() .Content("<p>Content</p>"); }) ) Sets the Url which will be requested to return the pane content. The route values of the Action method. @( Html.Kendo().Splitter() .Name("Splitter") .Panes(panes => { panes.Add() .LoadContentFrom(MVC.Home.Index().GetRouteValueDictionary()); }) ) Sets the Url, which will be requested to return the pane content. The action name. The controller name. @( Html.Kendo().Splitter() .Name("Splitter") .Panes(panes => { panes.Add() .LoadContentFrom("AjaxView_OpenSource", "Splitter"); }) ) Sets the Url, which will be requested to return the content. The action name. The controller name. Route values. @( Html.Kendo().Splitter() .Name("Splitter") .Panes(panes => { panes.Add() .LoadContentFrom("AjaxView_OpenSource", "Splitter", new { id = 10 }); }) ) Sets the Url, which will be requested to return the pane content. The url. @( Html.Kendo().Splitter() .Name("Splitter") .Panes(panes => { panes.Add() .LoadContentFrom(Url.Action("AjaxView_OpenSource", "Splitter")); }) ) The label of the current pane. Will be used as a `aria-label` for the Splitter `separator` that has the pane as its primary one (the separator that is immediately after the pane). The label text. The ID of the element that should be used as a label of the current pane. Will be used as a value of the `aria-labelledby` attribute for the Splitter `separator` that has the pane as its primary one (the separator that is immediately after the pane). The ID of the label element. Defines the fluent interface for configuring the . Defines the fluent API for configuring the Kendo Splitter for ASP.NET MVC events Defines the inline handler of the Resize client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().Splitter() .Name("Splitter") .Events(events => events.Resize( @<text> function(e) { //event handling code } </text> )) .Render(); ) Defines the name of the JavaScript function that will handle the the Resize client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Splitter() .Name("Splitter") .Events(events => events.Resize("onResize")) ) Defines the inline handler of the Expand client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().Splitter() .Name("Splitter") .Events(events => events.Expand( @<text> function(e) { //event handling code } </text> )) .Render(); ) Defines the name of the JavaScript function that will handle the the Expand client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Splitter() .Name("Splitter") .Events(events => events.Expand("onExpand")) ) Defines the inline handler of the Collapse client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().Splitter() .Name("Splitter") .Events(events => events.Collapse( @<text> function(e) { //event handling code } </text> )) .Render(); ) Defines the name of the JavaScript function that will handle the the Collapse client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Splitter() .Name("Splitter") .Events(events => events.Collapse("onCollapse")) ) Defines the inline handler of the ContentLoad client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().Splitter() .Name("Splitter") .Events(events => events.ContentLoad( @<text> function(e) { //event handling code } </text> )) .Render(); ) Defines the name of the JavaScript function that will handle the the ContentLoad client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Splitter() .Name("Splitter") .Events(events => events.ContentLoad("onContentLoad")) ) Defines the inline handler of the Error client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().Splitter() .Name("Splitter") .Events(events => events.Error( @<text> function(e) { //event handling code } </text> )) .Render(); ) Defines the name of the JavaScript function that will handle the the Error client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Splitter() .Name("Splitter") .Events(events => events.Error("onError")) ) Defines the fluent interface for configuring the component. Sets the splitter orientation. The desired orientation. @( Html.Kendo().Splitter() .Name("Splitter") .Orientation(SplitterOrientation.Vertical) ) Defines the panes in the splitter. The action that configures the panes. @( Html.Kendo().Splitter() .Name("Splitter") .Panes(panes => { panes.Add().LoadContentFrom("Navigation", "Shared"); panes.Add().LoadContentFrom("Index", "Home"); }) ) Configures the client events for the splitter. The action that configures the client events. @( Html.Kendo().Splitter() .Name("Splitter") .Events(events => events .OnLoad("onLoad") ) ) Defines the fluent API for configuring the SpreadsheetSheetFilterSettingsColumn settings. The index of the column relative to the filter range. The value that configures the index. The filter sub-type, if any.Applicable types according to the main filter. * aboveAverage * belowAverage * tomorrow * today * yesterday * nextWeek * thisWeek * lastWeek * nextMonth * thisMonth * lastMonth * nextQuarter * thisQuarter * lastQuarter * nextYear * thisYear * lastYear * yearToDate The value that configures the type. Defines the fluent API for configuring the SpreadsheetSheetFilterSettingsColumn settings. The index of the column relative to the filter range. The value that configures the index. The filter sub-type, if any.Applicable types according to the main filter. * topNumber * topPercent * bottomNumber * bottomPercent The value that configures the type. The filter value for filters that require a single value, e.g. "top". The value that configures the value. Defines the fluent API for configuring the SpreadsheetSheetFilterSettingsColumn settings. The index of the column relative to the filter range. The value that configures the index. The filter values for filters that support multiple values. The value that configures the values. Defines the fluent API for configuring the Kendo Spreadsheet border style for ASP.NET MVC. Configure cell border color The color of the border Configure cell border size The size of the border Defines the fluent interface for configuring the . Initializes a new instance of the class. The chart selection. Sets the selection lower boundary The selection lower boundary. @( Html.Kendo().StockChart(Model) .Name("Chart") .Navigator(nav => nav.Select(x => x.From(DateTime.Today))) ) Sets the selection upper boundary The selection upper boundary. @( Html.Kendo().StockChart(Model) .Name("Chart") .Navigator(nav => nav.Select(x => x.To(DateTime.Today))) ) Enable or disable mouse wheel zooming. Configures the mousewheel selection options The mousewheel zoom options Defines the fluent interface for configuring . Initializes a new instance of the class. The navigator hint. Sets the format. The format. @( Html.Kendo().StockChart(Model) .Name("Chart") .Navigator(nav => nav .Series(series => { series.Bar(s => s.SalesAmount); }) .Hint(hint => hint .Format("{0:d} | {1:d}") ) ) ) Sets the template The template. @( Html.Kendo().StockChart(Model) .Name("Chart") .Navigator(nav => nav .Series(series => { series.Bar(s => s.SalesAmount); }) .Hint(hint => hint .Template("From: #= from # To: #= to #") ) ) ) Sets the hint visibility. The hint visibility. @( Html.Kendo().StockChart(Model) .Name("Chart") .Navigator(nav => nav .Series(series => { series.Bar(s => s.SalesAmount); }) .Hint(hint => hint .Visible(false) ) ) ) Defines the fluent interface for configuring the . Initializes a new instance of the class. The stock chart navigator. Sets the selection range The selection range start. The selection range end. @( Html.Kendo().StockChart(Model) .Name("StockChart") .Navigator(nav => nav.Select(DateTime.Today.AddMonths(-1), DateTime.Today)) ) Defines the navigator selection. The add action. @( Html.Kendo().StockChart(Model) .Name("Chart") .Navigator(nav => nav.Select(x => x.From(DateTime.Today))) ) Defines the navigator series. At least one series should be configured. The add action. @( Html.Kendo().StockChart(Model) .Name("Chart") .Navigator(nav => nav.Series(series => { series.Bar(s => s.SalesAmount); }) ) ) Sets the navigator visibility The navigator visibility. @( Html.Kendo().StockChart(Model) .Name("Chart") .Navigator(nav => nav .Series(series => { series.Bar(s => s.SalesAmount); }) .Visible(false) ) ) Defines the navigator hint. The add action. @( Html.Kendo().StockChart(Model) .Name("Chart") .Navigator(nav => nav.Series(series => { series.Bar(s => s.SalesAmount); }) ) ) Data Source configuration for the Navigator. When configured, the Navigator will filter the main StockChart data source to the selected range. Use the configurator to set different data binding options. @( Html.Kendo().StockChart() .Name("Chart") .Navigator(navi => navi .DataSource(ds => { ds.Ajax().Read(r => r.Action("SalesData", "Chart")); }) ) ) Sets the field used by the navigator date axes. The date field. @( Html.Kendo().StockChart(Model) .Name("Chart") .Navigator(navi => navi .DateField("Date") ) ) Enables or disables automatic binding. Gets or sets a value indicating if the navigator should be data bound during initialization. The default value is true. @( Html.Kendo().StockChart() .Name("Chart") .Navigator(navi => navi .DataSource(ds => { ds.Ajax().Read(r => r.Action("SalesData", "Chart")); }) .AutoBind(false) ) ) Configures the navigator category axis The configurator Configures the a navigator pane. Defines the fluent interface for configuring the component. Initializes a new instance of the class. The component. Sets the field used by all date axes (including the navigator). The date field. @( Html.Kendo().StockChart(Model) .Name("Chart") .DateField("Date") ) Enables or disables automatic binding. Gets or sets a value indicating if the chart should be data bound during initialization. The default value is true. @( Html.Kendo().StockChart() .Name("Chart") .DataSource(ds => { ds.Ajax().Read(r => r.Action("SalesData", "Chart")); }) .AutoBind(false) ) Configures the stock chart navigator. The navigator configuration action. @( Html.Kendo().StockChart(Model) .Name("StockChart") .Navigator(nav => nav .Series(series => { series.Line(s => s.Volume); }) ) ) Configures the client-side events. The client events configuration action. @( Html.Kendo().StockChart() .Name("Chart") .Events(events => events .OnLoad("onLoad") ) ) Sets the theme of the chart. The Chart theme. @( Html.Kendo().StockChart() .Name("Chart") .Theme("Telerik") ) Sets the preferred rendering engine. If it is not supported by the browser, the Chart will switch to the first available mode. The preferred rendering engine. Sets the Chart area. The Chart area. @( Html.Kendo().StockChart() .Name("Chart") .ChartArea(chartArea => chartArea.margin(20)) ) Sets the Plot area. The Plot area. @( Html.Kendo().StockChart() .Name("Chart") .PlotArea(plotArea => plotArea.margin(20)) ) Sets the title of the chart. The Chart title. @( Html.Kendo().StockChart() .Name("Chart") .Title("Yearly sales") ) Defines the title of the chart. The configuration action. @( Html.Kendo().StockChart() .Name("Chart") .Title(title => title.Text("Yearly sales")) ) Sets the legend visibility. A value indicating whether to show the legend. @( Html.Kendo().StockChart() .Name("Chart") .Legend(false) ) Configures the legend. The configuration action. @( Html.Kendo().StockChart() .Name("Chart") .Legend(legend => legend.Visible(true).Position(ChartLegendPosition.Bottom)) ) Defines the chart series. The add action. @( Html.Kendo().StockChart(Model) .Name("Chart") .Series(series => { series.Bar(s => s.SalesAmount); }) ) Defines the options for all chart series of the specified type. The configurator. @( Html.Kendo().StockChart(Model) .Name("Chart") .SeriesDefaults(series => series.Bar().Stack(true)) ) Defines the chart panes. The add action. @( Html.Kendo().StockChart(Model) .Name("Chart") .Panes(panes => { panes.Add("volume"); }) ) Defines the options for all chart axes of the specified type. The configurator. @( Html.Kendo().StockChart(Model) .Name("Chart") .AxisDefaults(axisDefaults => axisDefaults.MinorTickSize(5)) ) Configures the category axis The configurator @( Html.Kendo().StockChart(Model) .Name("Chart") .CategoryAxis(axis => axis .Categories(s => s.DateString) ) ) Defines value axis options The configurator @( Html.Kendo().StockChart(Model) .Name("Chart") .ValueAxis(a => a.Numeric().TickSize(4)) ) Defines X-axis options for scatter charts The configurator @( Html.Kendo().StockChart(Model) .Name("Chart") .XAxis(a => a.Numeric().Max(4)) ) Configures Y-axis options for scatter charts. The configurator @( Html.Kendo().StockChart(Model) .Name("Chart") .YAxis(a => a.Numeric().Max(4)) ) Data Source configuration Use the configurator to set different data binding options. @( Html.Kendo().StockChart() .Name("Chart") .DataSource(ds => { ds.Ajax().Read(r => r.Action("SalesData", "Chart")); }) ) Sets the series colors. A list of the series colors. @( Html.Kendo().StockChart() .Name("Chart") .SeriesColors(new string[] { "#f00", "#0f0", "#00f" }) ) Sets the series colors. The series colors. @( Html.Kendo().StockChart() .Name("Chart") .SeriesColors("#f00", "#0f0", "#00f") ) Use it to configure the data point tooltip. Use the configurator to set data tooltip options. @( Html.Kendo().StockChart() .Name("Chart") .Tooltip(tooltip => { tooltip.Visible(true).Format("{0:C}"); }) ) Sets the data point tooltip visibility. A value indicating if the data point tooltip should be displayed. The tooltip is not visible by default. @( Html.Kendo().StockChart() .Name("Chart") .Tooltip(true) ) Enables or disabled animated transitions on initial load and refresh. A value indicating if transition animations should be played. @( Html.Kendo().StockChart() .Name("Chart") .Transitions(false) ) Configures the PDF export settings. Specifies if the series visible option should be persisted when changing the dataSource data. A value indicating if the visible option should be persisted. @( Html.Kendo().StockChart() .Name("Chart") .PersistSeriesVisibility(false) ) Defines the fluent interface for configuring Initializes a new instance of the class. The settings. Enables or disables scrolling. By default scrolling is enabled. @( Html.Kendo().TabStrip() .Name("TabStrip") .Scrollable(s => s.Enabled(false)) ) The Enabled method is useful when you need to enable scrolling based on certain conditions. Sets the scroll amount applied when the user clicks on a scroll button. The scroll distance in pixels. @( Html.Kendo().TabStrip(Model) .Name("TabStrip") .Scrollable(s => s.Distance(200)) ) Sets the Column's Text. Sets the Column's Status. Adds a new Column. Defines the fluent API for configuring the Kendo TextBox for ASP.NET MVC. Initializes a new instance of the class. The component. If set to false, the widget will be disabled and will not allow user input. The widget is enabled by default and allows user input. The value that configures the enable. Adds a label before the input. If the input has no id attribute, a generated id will be assigned. The string and the function parameters are setting the inner HTML of the label. The action that configures the label. The hint displayed by the widget when it is empty. Not set by default. The value that configures the placeholder. If set to true, the widget will be readonly and will not allow user input. The widget is not readonly by default and allows user input. The value that configures the readonly. The value of the widget. The value that configures the value. Sets the size of the component. The value that configures the size. Sets a value controlling the border radius. The value that configures the rounded. Sets a value controlling how the color is applied. The value that configures the fillmode. Configures the client-side events. The client events action. @( Html.Kendo().TextBox() .Name("TextBox") .Events(events => events .Change("onChange") ) ) Defines the fluent interface for configuring the . Initializes a new instance of the class. The component. Specifies the culture info used by the Calendar widget. @( Html.Kendo().Calendar() .Name("calendar") .Culture("de-DE") ) Configures the client-side events. The client events action. @( Html.Kendo().Calendar() .Name("Calendar") .Events(events => events.Select("onSelect") ) ) Sets the date format, which will be used to parse and format the machine date. FooterId to be used for rendering the footer of the Calendar. @( Html.Kendo().Calendar() .Name("Calendar") .FooterId("widgetFooterId") ) Footer template to be used for rendering the footer of the Calendar. @( Html.Kendo().Calendar() .Name("Calendar") .Footer("#= kendo.toString(data, "G") #") ) Enable/disable footer. @( Html.Kendo().Calendar() .Name("Calendar") .Footer(false) ) Specifies the navigation depth. @( Html.Kendo().Calendar() .Name("Calendar") .Depth(CalendarView.Month) ) Specifies the start view. @( Html.Kendo().Calendar() .Name("Calendar") .Start(CalendarView.Month) ) Specifies the selection mode. @( Html.Kendo().Calendar() .Name("Calendar") .Selectable("multiple") ) Specifies which dates to be selected if multiple selection mode is enabled. MonthTemplateId to be used for rendering the cells of the Calendar. @( Html.Kendo().Calendar() .Name("Calendar") .MonthTemplateId("widgetMonthTemplateId") ) Templates for the cells rendered in the "month" view. @( Html.Kendo().Calendar() .Name("Calendar") .MonthTemplate("#= data.value #") ) Configures the content of cells of the Calendar. @( Html.Kendo().Calendar() .Name("Calendar") .MonthTemplate(month => month.Content("#= data.value #")) ) Allows localization of the strings that are used in the widget. The configurator for the messages setting. Sets the minimal date, which can be selected in the calendar. Sets the maximal date, which can be selected in the calendar. Sets the minimal date, which can be selected in the calendar Sets the maximal date, which can be selected in the calendar If set to true a week of the year will be shown on the left side of the calendar. Sets the value of the calendar Sets the value of the calendar Configures the selection settings of the calendar. SelectAction settings, which includes Action name and IEnumerable of DateTime objects. Specifies the disabled dates in the Calendar widget using a function. @( Html.Kendo().Calendar() .Name("calendar") .DisableDates(DayofWeek.Saturday, DayOfWeek.Sunday) ) Specifies the disabled dates in the Calendar widget using a function. @( Html.Kendo().Calendar() .Name("calendar") .DisableDates("disableDates") ) Specifies the component type of the widget. "classic" - Uses the standard rendering of the widget. or "modern" - Uses new rendering with a fresh and modern look and feel.. The value for ComponentType Defines the fluent interface for configuring delete action command. Initializes a new instance of the class. The command. Defines the fluent interface for configuring command. The type of the command. The type of the builder. Initializes a new instance of the class. The command. The template of the command column. The value that configures the template. @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.Command(cmd=>cmd.Custom("Button").Template("Button Template")); })) The template of the command column. The value that configures the template. @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.Command(cmd=>cmd.Custom("Button").TemplateId("TemplateId")); })) The template of the command column. The value that configures the template. @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.Command(cmd=>cmd.Custom("Button").TemplateView(Html.Partial("CommandTemplate"))); })) Sets the text displayed by the command. If not set a default value is used. The text which should be displayed @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.Command(cmd=>cmd.Custom("Button").Text("Text")); })) The class for the web font icon of the button. The class for the web font icon of the button @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.Command(cmd=>cmd.Custom("Button").IconClass("k-icon k-i-check")); })) Sets the HTML attributes. The HTML attributes. @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.Command(cmd=>cmd.Custom("Button").HtmlAttributes(new { @class="myClass" })); })) Sets the HTML attributes. The HTML attributes. @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.Command(cmd=>cmd.Custom("Button").HtmlAttributes(new Dictionary<string, object>() { })); })) Sets the visible function which will determine if the command button will render. The visible function. Sets the visible function which will determine if the command button will render. The visible function. @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.Command(cmd=>cmd.Custom("Button").Visible("handlerName")); })) Defines the fluent interface for configuring the edit action command. Initializes a new instance of the class. The command. Sets the text displayed by the "update" button. If not set a default value is used. The text which should be displayed @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.Command(cmd=>cmd.Edit().UpdateText("My text")); })) Sets the text displayed by the "cancel" button. If not set a default value is used. The text which should be displayed @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.Command(cmd=>cmd.Edit().CancelText("My text")); })) Sets the icon class for the "update" button. If not set a default icon class is used. The icon class which should be applied to the update button @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.Command(cmd=>cmd.Edit().UpdateIconClass("My text")); })) Sets the icon class for the "cancel" button. If not set a default icon class is used. The icon class which should be applied to the cancel button @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.Command(cmd=>cmd.Edit().CancelIconClass("My text")); })) Defines the fluent interface for configuring select action command. class. The command. Defines the fluent interface for configuring the data key. The type of the model Initializes a new instance of the class. The dataKey. Sets the RouteKey. The value. Creates data key for the . The type of the data item Initializes a new instance of the class. dataKeys Defines a data key. Defines the fluent interface for configuring the component. Sets the initial value of the NumericTextBox. Sets the step, used ti increment/decrement the value of the textbox. Sets the minimal possible value allowed to the user. Sets the maximal possible value allowed to the user. Sets the text which will be displayed if the textbox is empty. Enables or disables the restriction of the decimals length Enables or disables the rounding of the widget value Enables or disables the spin buttons. Configures the client-side events. The client events action. @( Html.Kendo().NumericTextBox() .Name("NumericTextBox") .Events(events => events.OnLoad("onLoad").OnChange("onChange") ) ) Enables or disables the textbox. Sets the size of the component. The value for Size Sets a value controlling the border radius. The value for Rounded Sets a value controlling how the color is applied. The value for FillMode Specifies the factor by which the value is multiplied. The obtained result is used as edit value. So, if 15 as string is entered in the NumericTextBox and the factor value is set to 100 the visual value will be 1500. On blur the visual value will be divided by 100 thus scaling the widget value to the original proportion. The value for Factor Stes the format of the NumericTextBox. @( Html.Kendo().NumericTextBox() .Name("NumericTextBox") .Format("c3") ) Adds a label before the input. If the input has no id attribute, a generated id will be assigned. The string and the function parameters are setting the inner HTML of the label. The action that configures the label. @( Html.Kendo().NumericTextBox() .Name("NumericTextBox") .Label(l => l.Content("Age").Floating(true)) ) Specifies the culture info used by the NumericTextBox widget. @( Html.Kendo().NumericTextBox() .Name("NumericTextBox") .Culture("de-DE") ) Specifies the number precision. If not set precision defined by current culture is used. @( Html.Kendo().NumericTextBox() .Name("NumericTextBox") .Decimals(3) ) Sets the title of the NumericTextBox increase button. Sets the title of the NumericTextBox decrease button. When set to true, the text of the input will be selected after the widget is focused. The value for SelectOnFocus When set to true, the text of the input will be selected after the widget is focused. Defines the fluent interface for configuring the NumericTextBox events. Defines the inline handler of the Change client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().NumericTextBox() .Name("NumericTextBox") .Events(events => events.Change( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Change client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().NumericTextBox() .Name("NumericTextBox") .Events(events => events.Change("change")) ) Defines the inline handler of the Spin client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().NumericTextBox() .Name("NumericTextBox") .Events(events => events.Spin( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Spin client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().NumericTextBox() .Name("NumericTextBox") .Events(events => events.Spin("spin")) ) Defines the fluent interface for configuring the component. Initializes a new instance of the class. The component. Sets the value of the timepicker input Sets the minimum time, which can be selected in timepicker Sets the minimum time, which can be selected in timepicker Sets the maximum time, which can be selected in timepicker Sets the maximum time, which can be selected in timepicker Sets the interval between hours. Binds the TimePicker to a list of DateTime objects. @( Html.Kendo().TimePicker() .Name("TimePicker") .BindTo(new List<DateTime> { DateTime.Now }) ) Specifies the component type of the widget. "classic" - Uses the standard rendering of the widget. or "modern" - Uses new rendering with a fresh and modern look and feel.. The value for ComponentType Sets the size of the component. The value for Size Sets a value controlling the border radius. The value for Rounded Sets a value controlling how the color is applied. The value for FillMode Defines the fluent interface for configuring the . Initializes a new instance of the class. The component. The value of the TimezoneEditor. Must be valid recurrence rule. The value @(Html.Kendo().TimezoneEditor() .Name("timezoneEditor") .Value("Etc/UTC") ) Sets the events configuration of the scheduler. The lambda which configures the timezoneEditor events @( Html.Kendo().TimezoneEditor() .Name("TimezoneEditor") .Events(events => events.Change("change") ) ) The fluent API for subscribing to Kendo UI TimezoneEditor events. Initializes a new instance of the class. The events. Defines the inline handler of the change event. The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().TimezoneEditor() .Name("TimezoneEditor") .Events(events => events.Change( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the change event. The name of the JavaScript function that will handle the event. @(Html.Kendo().TimezoneEditor() .Name("TimezoneEditor") .Events(events => events.Change("change")) ) Defines the fluent interface for configuring the component. Initializes a new instance of the class. The component. The position (relative to the target) at which the Tooltip will be shown The position The inverval in milliseconds, after which the Tooltip will be shown Determines if callout should be visible Determines if tooltip should be automatically hidden, or a close button should be present Sets the Url, which will be requested to return the content. The route values of the Action method. @( Html.Kendo().Tooltip() .For("#element") .LoadContentFrom(MVC.Home.Index().GetRouteValueDictionary()); ) Sets the Url, which will be requested to return the content. The action name. The controller name. @( Html.Kendo().Tooltip() .For("#element") .LoadContentFrom("AjaxView_OpenSource", "Tooltip") ) Sets the Url, which will be requested to return the content. The action name. The controller name. Route values. @( Html.Kendo().Tooltip() .For("#element") .LoadContentFrom("AjaxView_OpenSource", "Tooltip", new { id = 10}) ) Sets the Url, which will be requested to return the content. The url. @( Html.Kendo().Tooltip() .For("#element") .LoadContentFrom(Url.Action("AjaxView_OpenSource", "Tooltip")) ) Sets the HTML content which the tooltip should display as a string. The action which renders the content. @( Html.Kendo().Tooltip() .For("#element") .Content("<strong> First Item Content</strong>") ) Sets the id of kendo template which will be used as tooltip content. The id of the template @( Html.Kendo().Tooltip() .For("#element") .Content("template") ) Sets the id of kendo template which will be used as tooltip content. The id of the template @( Html.Kendo().Tooltip() .For("#element") .ContentTemplateView(Html.Partial("template")) ) Sets JavaScript function which to return the content for the tooltip. Sets JavaScript function which to return the content for the tooltip. JavaScript function name Configures the animation effects of the window. Whether the component animation is enabled. @( Html.Kendo().Tooltip() .For("#element") .Animation(false) ) Configures the animation effects of the panelbar. The action that configures the animation. @( Html.Kendo().Tooltip() .For("#element") .Animation(animation => animation.Expand) ) Sets the width of the tooltip. Sets the height of the tooltip. The interval in milliseconds, after which the Tooltip will be hidden Specifies the offset in pixels between the Tooltip and the anchor. Defines the fluent interface for configuring tooltip client events. Defines the inline handler of the Show client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Tooltip() .For("#element") .Events(events => events.Show( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Show client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Tooltip() .For("#element") .Events(events => events.Show("show")) ) Defines the inline handler of the Hide client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Tooltip() .For("#element") .Events(events => events.Hide( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Hide client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Tooltip() .For("#element") .Events(events => events.Hide("hide")) ) Defines the inline handler of the ContentLoad client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Tooltip() .For("#element") .Events(events => events.ContentLoad( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the ContentLoad client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Tooltip() .For("#element") .Events(events => events.ContentLoad("contentLoad")) ) Defines the inline handler of the Error client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Tooltip() .For("#element") .Events(events => events.Error( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Error client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Tooltip() .For("#element") .Events(events => events.Error("error")) ) Defines the inline handler of the RequestStart client-side event The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Tooltip() .For("#element") .Events(events => events.RequestStart( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the RequestStart client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Tooltip() .For("#element") .Events(events => events.RequestStart("requestStart")) ) Defines the fluent interface for configuring the component. Initializes a new instance of the class. The component. The selector which to match the DOM element to which the Tooltip widget will be instantiated jQuery selector The selector which to match target child elements for which the Tooltip will be shown jQuery selector Suppress initialization script rendering. Note that this options should be used in conjunction with Returns the internal view component. Renders the component. Gets or sets the column. The column. Initializes a new instance of the class. The container. Represents the TreeListAjaxDataSourceBuilder Configures Model properties Configures the initial aggregates. Configures the initial sorting. Configures the initial grouping. Defines the fluent API for adding items to Kendo TreeList for ASP.NET MVC Initializes a new instance of the class. The container. Initializes a new instance of the class. The column group. Defines a new column. Defines a group to contain nested column/columns. Defines the fluent API for configuring TreeListSelectableSettings Specifies whether multiple or single selection is allowed. The value for Mode Specifies whether row or cell selection is allowed. The value for Type Defines the fluent API for adding items to Kendo TreeList for ASP.NET MVC Adds an item for a custom action. Adds an item for the create action. Adds an item for the excel action. Adds an item for the pdf action. Adds an item for the cancel action. Adds an item for the save action. Adds an item for the search action. Creates plot bands for the . Initializes a new instance of the class. The component. Adds color range. Defines the fluent interface for configuring child TreeView items. Initializes a new instance of the class. The checkbox settings. Enable/disable rendering of checkboxes in the treeview. Whether checkboxes should be rendered. @( Html.Kendo().TreeView() .Name("TreeView") .Checkboxes(config => config .Enabled(true) ) ) Enable/disable checking of child checkboxes in the treeview. Whether checking of parent checkboxes should check child checkboxes. @( Html.Kendo().TreeView() .Name("TreeView") .Checkboxes(config => config .CheckChildren(true) ) ) Client-side template to be used for rendering the items in the treeview. @( Html.Kendo().TreeView() .Name("TreeView") .Checkboxes(config => config .Template("#= data #") ) ) Id of the element that holds the client-side template to be used for rendering the items in the treeview. @( Html.Kendo().TreeView() .Name("TreeView") .Checkboxes(config => config .TemplateId("widgetTemplateId") ) ) The view which contains the element that holds the client-side template to be used for rendering the items in the treeview. @( Html.Kendo().TreeView() .Name("TreeView") .Checkboxes(config => config .TemplateView(Html.Partial("widgetTemplate")) ) ) The name attribute of the checkbox fields. This will correlate to the name of the action method parameter that the nodes are posted to. The string that will be used in the name attribute. @( Html.Kendo().TreeView() .Name("TreeView") .Checkboxes(config => config .Name("checkedNodes") ) ) Defines the fluent interface for building Initializes a new instance of the class. The settings. Enables or disables binding. @( Html.Kendo().TreeView() .Name("TreeView") .DataBinding(dataBinding => { dataBinding.Ajax().Select("Index", "Home").Enabled((bool)ViewData["ajax"]); }) ) The Enabled method is useful when you need to enable binding based on certain conditions. Sets the action, controller and route values The route values of the Action method. @( Html.Kendo().Grid(Model) .Name("Grid") .DataBinding(dataBinding => { dataBinding.Ajax().Select(MVC.Home.Index(1).GetRouteValueDictionary()); }) ) Sets the action, controller and route values for the select operation Name of the action. Name of the controller. The route values. @( Html.Kendo().TreeView() .Name("TreeView") .DataBinding(dataBinding => { dataBinding.Ajax().Select("Index", "Home", new RouteValueDictionary{ {"id", 1} }); }) ) Sets the action, controller and route values for the select operation Name of the action. Name of the controller. The route values. @( Html.Kendo().TreeView() .Name("TreeView") .DataBinding(dataBinding => { dataBinding.Ajax().Select("Index", "Home", new { {"id", 1} }); }) ) Sets the action, controller and route values for the select operation Name of the action. Name of the controller. @( Html.Kendo().TreeView() .Name("TreeView") .DataBinding(dataBinding => { dataBinding.Ajax().Select("Index", "Home"); }) ) Sets the route and values for the select operation Name of the route. The route values. @( Html.Kendo().TreeView() .Name("TreeView") .DataBinding(dataBinding => { dataBinding.Ajax().Select("Default", "Home", new RouteValueDictionary{ {"id", 1} }); }) ) Sets the route and values for the select operation Name of the route. The route values. @( Html.Kendo().TreeView() .Name("TreeView") .DataBinding(dataBinding => { dataBinding.Ajax().Select("Default", new {id=1}); }) ) Sets the route name for the select operation Name of the route. @( Html.Kendo().TreeView() .Name("TreeView") .DataBinding(dataBinding => { dataBinding.Ajax().Select("Default"); }) ) Defines the fluent interface for configuring the component. Initializes a new instance of the class. The component. Controls whether to bind the widget to the DataSource on initialization. @( Html.Kendo().TreeView() .Name("TreeView") .AutoBind(false) ) Template to be used for rendering the item checkboxes in the treeview. @( Html.Kendo().TreeView() .Name("TreeView") .CheckboxTemplate("#= data #") ) Id of the template element to be used for rendering the item checkboxes in the treeview. @( Html.Kendo().TreeView() .Name("TreeView") .CheckboxTemplateId("widgetTemplateId") ) The view which contains the template element to be used for rendering the item checkboxes in the treeview. @( Html.Kendo().TreeView() .Name("TreeView") .CheckboxTemplateView(Html.Partial("widgetTemplate")) ) Template to be used for rendering the items in the treeview. @( Html.Kendo().TreeView() .Name("TreeView") .Template("#= data #") ) Id of the template element to be used for rendering the items in the treeview. @( Html.Kendo().TreeView() .Name("TreeView") .TemplateId("widgetTemplateId") ) The view which contains the template element to be used for rendering the items in the treeview. @( Html.Kendo().TreeView() .Name("TreeView") .TemplateView(Html.Partial("widgetTemplate")) ) Enable/disable rendering of checkboxes in the treeview. Whether checkboxes should be rendered. @( Html.Kendo().TreeView() .Name("TreeView") .Checkboxes(true) ) Configures rendering of checkboxes in the treeview. Builder of the treeview checkboxes configuration. @( Html.Kendo().TreeView() .Name("TreeView") .Checkboxes(config => config .CheckChildren(true) ) ) Defines the items in the TreeView The add action. @( Html.Kendo().TreeView() .Name("TreeView") .Items(items => { items.Add().Text("First Item"); items.Add().Text("Second Item"); }) ) Configures the client-side events. The client events action. @( Html.Kendo().TreeView() .Name("TreeView") .Events(events => .OnDataBinding("onDataBinding") .OnItemDataBound("onItemDataBound") ) ) Binds the TreeView to a sitemap The view data key. The action to configure the item. @( Html.Kendo().TreeView() .Name("TreeView") .BindTo("examples", (item, siteMapNode) => { }) ) Binds the TreeView to a sitemap. The view data key. @( Html.Kendo().TreeView() .Name("TreeView") .BindTo("examples") ) Binds the TreeView to a list of items. Use if a hierarchy of items is being sent from the controller; to bind the TreeView declaratively, use the Items() method. The list of items @( Html.Kendo().TreeView() .Name("TreeView") .BindTo(model) ) Binds the TreeView to a list of objects. The TreeView will be "flat" which means a TreeView item will be created for every item in the data source. The type of the data item The data source. The action executed for every data bound item. @( Html.Kendo().TreeView() .Name("TreeView") .BindTo(new []{"First", "Second"}, (item, value) => { item.Text = value; }) ) Binds the TreeView to a list of objects. The TreeView will create a hierarchy of items using the specified mappings. The data source. The action which will configure the mappings @( Html.Kendo().TreeView() .Name("TreeView") .BindTo(Model, mapping => mapping .For<Customer>(binding => binding .Children(c => c.Orders) // The "child" items will be bound to the the "Orders" property .ItemDataBound((item, c) => item.Text = c.ContactName) // Map "Customer" properties to TreeViewItem properties ) .For<Order<(binding => binding .Children(o => null) // "Orders" do not have child objects so return "null" .ItemDataBound((item, o) => item.Text = o.OrderID.ToString()) // Map "Order" properties to TreeViewItem properties ) ) ) Callback for each item. Action, which will be executed for each item. @( Html.Kendo().TreeView() .Name("TreeView") .ItemAction(item => { item .Text(...) .HtmlAttributes(...); }) ) Select item depending on the current URL. If true the item will be highlighted. @( Html.Kendo().TreeView() .Name("TreeView") .HighlightPath(true) ) Use to enable or disable animation of the TreeView. The boolean value. @( Html.Kendo().TreeView() .Name("TreeView") .Animation(false) //toggle effect ) Configures the animation effects of the widget. The action which configures the animation effects. @( Html.Kendo().TreeView() .Name("TreeView") .Animation(animation => { animation.Expand(open => { open.SlideIn(SlideDirection.Down); }); }) ) Expand all the items. If true all the items will be expanded. @( Html.Kendo().TreeView() .Name("TreeView") .ExpandAll(true) ) Enables drag & drop between treeview nodes. If true, drag & drop is enabled. @( Html.Kendo().TreeView() .Name("TreeView") .Items(items => { items.Add().Text("First Item"); items.Add().Text("Second Item"); }) .DragAndDrop(true) ) Enable/disable security trimming functionality of the component. If true security trimming is enabled. @( Html.Kendo().TreeView() .Name("TreeView") .SecurityTrimming(false) ) Defines the security trimming functionality of the component The securityTrimming action. @( Html.Kendo().TreeView() .Name("TreeView") .SecurityTrimming(builder => { builder.Enabled(true).HideParent(true); }) ) Configure the DataSource of the component The action that configures the DataSource. @( Html.Kendo().TreeView() .Name("TreeView") .DataSource(dataSource => dataSource .Read(read => read .Action("Employees", "TreeView") ) ) ) Allows the treeview to fetch the entire datasource at initialization time. Whether the datasource should be loaded on demand. @( Html.Kendo().TreeView() .Name("TreeView") .LoadOnDemand(false) ) If set to true the widget will auto-scroll the containing element when the mouse/finger is close to the top/bottom of it. The value that configures the autoscroll. @( Html.Kendo().TreeView() .Name("treeview") .AutoScroll(true) ) Sets the field of the data item that provides the image URL of the TreeView nodes. The value that configures the dataimageurlfield. @( Html.Kendo().TreeView() .Name("treeview") .DataImageUrlField("ImageUrl") ) Sets the field of the data item that provides the sprite CSS class of the nodes. If an array, each level uses the field that is at the same index in the array, or the last item in the array. The value that configures the dataspritecssclassfield. @( Html.Kendo().TreeView() .Name("treeview") .DataSpriteCssClassField("SpriteCssClass") ) Sets the field of the data item that provides the link URL of the nodes. The value that configures the dataurlfield. @( Html.Kendo().TreeView() .Name("treeview") .DataUrlField("DataUrlField") ) The text messages displayed in the widget. Use it to customize or localize the messages. The action that configures the messages. @( Html.Kendo().TreeView() .Name("treeview") .Messages(m => m.Loading("Root items are loading")) ) Sets the size of the component. The value that configures the size. @( Html.Kendo().TreeView() .Name("treeview") .Size(ComponentSize.Medium) ) Sets the field of the data item that provides the text content of the nodes. If an array, each level uses the field that is at the same index in the array, or the last item in the array. The value that configures the datatextfield. @( Html.Kendo().TreeView() .Name("treeview") .DataTextField(new string[] { "CategoryName", "ProductName"}) ) Defines the fluent API for configuring the events of the Kendo TreeView for ASP.NET MVC Triggered when the selection has changed (either by the user or through the select method). The name of the JavaScript function that will handle the change event. @( Html.Kendo().TreeView() .Name("treeview") .Events(e => e.Change("onChange")) ) Triggered after the user has checked or unchecked a checkbox. If checkChildren is true, the event is triggered after all checked states are updated. This event has been introduced in internal builds after 2014.2.828. The name of the JavaScript function that will handle the check event. @( Html.Kendo().TreeView() .Name("treeview") .Events(e => e.Check("onCheck")) ) Triggered before a subgroup gets collapsed. Cancellable. The name of the JavaScript function that will handle the collapse event. @( Html.Kendo().TreeView() .Name("treeview") .Events(e => e.Collapse("onCollapse")) ) Triggered after the dataSource change event has been processed (adding/removing items); The name of the JavaScript function that will handle the dataBound event. @( Html.Kendo().TreeView() .Name("treeview") .Events(e => e.DataBound("onDataBound")) ) Triggered while a node is being dragged. The name of the JavaScript function that will handle the drag event. @( Html.Kendo().TreeView() .Name("treeview") .Events(e => e.Drag("onDrag")) ) Triggered after a node has been dropped. The name of the JavaScript function that will handle the dragend event. @( Html.Kendo().TreeView() .Name("treeview") .Events(e => e.DragEnd("onDragEnd")) ) Triggered before the dragging of a node starts. The name of the JavaScript function that will handle the dragstart event. @( Html.Kendo().TreeView() .Name("treeview") .Events(e => e.DragStart("onDragStart")) ) Triggered when a node is being dropped. The name of the JavaScript function that will handle the drop event. @( Html.Kendo().TreeView() .Name("treeview") .Events(e => e.Drop("onDrop")) ) Triggered before a subgroup gets expanded. The name of the JavaScript function that will handle the expand event. @( Html.Kendo().TreeView() .Name("treeview") .Events(e => e.Expand("onExpand")) ) This event triggers only when loadOnDemand is set to false - it indicates that all nodes that need to be loaded are ready and present as data items in the DataSource of the TreeView. The name of the JavaScript function that will handle the loadCompleted event. @( Html.Kendo().TreeView() .Name("treeview") .Events(e => e.LoadCompleted("onLoadCompleted")) ) Triggered when the user presses a keyboard key while the TreeView is focused. The name of the JavaScript function that will handle the kendoKeydown event. @( Html.Kendo().TreeView() .Name("treeview") .Events(e => e.KendoKeydown("onKendoKeydown")) ) Triggered when the user moves the focus on another node The name of the JavaScript function that will handle the navigate event. @( Html.Kendo().TreeView() .Name("treeview") .Events(e => e.Navigate("onNavigate")) ) Triggered when a node is being selected by the user. Cancellable. The name of the JavaScript function that will handle the select event. @( Html.Kendo().TreeView() .Name("treeview") .Events(e => e.Select("onSelect")) ) Defines the inline handler of the collapse client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().TreeView() .Name("TreeView") .Events(events => events.Collapse( @<text> function(e) { // event handling code } </text> )) .Render(); ) Defines the inline handler of the dataBound client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().TreeView() .Name("TreeView") .Events(events => events.DataBound( @<text> function(e) { // event handling code } </text> )) .Render(); ) Defines the inline handler of the drag client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().TreeView() .Name("TreeView") .Events(events => events.Drag( @<text> function(e) { // event handling code } </text> )) .Render(); ) Defines the inline handler of the dragend client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().TreeView() .Name("TreeView") .Events(events => events.DragEnd( @<text> function(e) { // event handling code } </text> )) .Render(); ) Defines the inline handler of the dragstart client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().TreeView() .Name("TreeView") .Events(events => events.DragStart( @<text> function(e) { // event handling code } </text> )) .Render(); ) Defines the inline handler of the drop client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().TreeView() .Name("TreeView") .Events(events => events.Drop( @<text> function(e) { // event handling code } </text> )) .Render(); ) Defines the inline handler of the expand client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().TreeView() .Name("TreeView") .Events(events => events.Expand( @<text> function(e) { // event handling code } </text> )) .Render(); ) Defines the inline handler of the select client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().TreeView() .Name("TreeView") .Events(events => events.Select( @<text> function(e) { // event handling code } </text> )) .Render(); ) Defines the inline handler of the change client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().TreeView() .Name("TreeView") .Events(events => events.Change( @<text> function(e) { // event handling code } </text> )) .Render(); ) Defines the inline handler of the check client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().TreeView() .Name("TreeView") .Events(events => events.Check( @<text> function(e) { // event handling code } </text> )) .Render(); ) Defines the fluent interface for configuring child TreeView items. Initializes a new instance of the class. The item. The view context. Configures the child items of a . The add action. @( Html.Kendo().TreeView() .Name("TreeView") .Items(items => { items.Add().Text("First Item").Items(firstItemChildren => { firstItemChildren.Add().Text("Child Item 1"); firstItemChildren.Add().Text("Child Item 2"); }); }) ) Sets the id of the item. The id. @( Html.Kendo().TreeView() .Name("TreeView") .Items(items => items.Add().Id("42")) ) Define when the item will be expanded on intial render. If true the item will be expanded. @( Html.Kendo().TreeView() .Name("TreeView") .Items(items => { items.Add().Text("First Item").Items(firstItemChildren => { firstItemChildren.Add().Text("Child Item 1"); firstItemChildren.Add().Text("Child Item 2"); }) .Expanded(true); }) ) Specify whether the item should be initially checked. If true, the item will be checked. @( Html.Kendo().TreeView() .Name("TreeView") .Checkboxes(true) .Items(items => { items.Add().Text("Item").Checked(true); }) ) Sets the expand mode of the treeview item. If true then item will be loaded on demand from client side, if the treeview DataSource is properly configured. @( Html.Kendo().TreeView() .Name("TreeView") .Items(items => { items.Add().Text("First Item").Items(firstItemChildren => { firstItemChildren.Add().Text("Child Item 1"); firstItemChildren.Add().Text("Child Item 2"); }) .HasChildren(true); }) ) Creates items for the . Initializes a new instance of the class. The container. The view context. Defines a item. @( Html.Kendo().TreeView() .Name("treeview") .Items(item => item.Add().Text("NewItem")) ) Defines the fluent interface for configuring the component. Initializes a new instance of the class. The component. Specifies a template used to populate aria-label attribute. The string template. @(Html.Kendo().DatePicker() .Name("DatePicker") .ARIATemplate("Date: #=kendo.toString(data.current, 'd')#") ) Specifies a list of dates, which will be passed to the month template. The dates. @(Html.Kendo().DatePicker() .Name("DatePicker") .BindTo(new List<DateTime> { DateTime.Now }) ) FooterId to be used for rendering the footer of the Calendar. @(Html.Kendo().DatePicker() .Name("DatePicker") .FooterId("widgetFooterId") ) Footer template to be used for rendering the footer of the Calendar. @(Html.Kendo().DatePicker() .Name("DatePicker") .Footer("#= kendo.toString(data, "G") #") ) Enables/disables footer of the calendar popup. @(Html.Kendo().DatePicker() .Name("DatePicker") .Footer(false) ) Specifies the navigation depth. @(Html.Kendo().DatePicker() .Name("DatePicker") .Depth(CalendarView.Month) ) Specifies the start view. @(Html.Kendo().DatePicker() .Name("DatePicker") .Start(CalendarView.Month) ) If set to true a week of the year will be shown on the left side of the calendar. It is possible to define a template in order to customize what will be displayed. @(Html.Kendo().DatePicker() .Name("DatePicker") .WeekNumber(true) ) MonthTemplateId to be used for rendering the cells of the Calendar. @(Html.Kendo().DatePicker() .Name("DatePicker") .MonthTemplateId("widgetMonthTemplateId") ) Templates for the cells rendered in the "month" view. @(Html.Kendo().DatePicker() .Name("DatePicker") .MonthTemplate("#= data.value #") ) Configures the content of cells of the Calendar. @(Html.Kendo().DatePicker() .Name("DatePicker") .MonthTemplate(month => month.Content("#= data.value #")) ) Sets the minimal date, which can be selected in DatePicker. The minimal date of the picker. @(Html.Kendo().DatePicker() .Name("DatePicker") .Min("01/02/2010") ) Sets the maximal date, which can be selected in DatePicker. The maximal date of the picker. @(Html.Kendo().DatePicker() .Name("DatePicker") .Max("01/02/2022") ) Specifies the disabled dates in the DatePicker widget. @(Html.Kendo().DatePicker() .Name("datePicker") .DisableDates(DayofWeek.Saturday, DayOfWeek.Sunday) ) Specifies the disabled dates handler in the DatePicker widget using a function. @(Html.Kendo().DatePicker() .Name("DatePicker") .DisableDates("disableDates") ) Specifies the component type of the widget. "classic" - Uses the standard rendering of the widget. or "modern" - Uses new rendering with a fresh and modern look and feel.. The value for ComponentType @(Html.Kendo().DatePicker() .Name("DatePicker") .ComponentType("modern") ) Sets the size of the component. The value for Size @(Html.Kendo().DatePicker() .Name("DatePicker") .Size(ComponentSize.Medium) ) Sets a value controlling the border radius. The value for Rounded @(Html.Kendo().DatePicker() .Name("DatePicker") .Rounded(Rounded.Medium) ) Sets a value controlling how the color is applied. The value for FillMode @(Html.Kendo().DatePicker() .Name("DatePicker") .FillMode(FillMode.Outline) ) Sets the Url, which will be requested to return the content. The route values of the Action method. @( Html.Kendo().PanelBar() .Name("PanelBar") .Items(parent => { parent.Add() .LoadContentFrom(MVC.Home.Index().GetRouteValueDictionary()); }) ) Sets the Url, which will be requested to return the content. The action name. The controller name. @( Html.Kendo().PanelBar() .Name("PanelBar") .Items(parent => { parent.Add() .Text("Completely Open Source") .LoadContentFrom("AjaxView_OpenSource", "PanelBar"); }) ) Sets the Url, which will be requested to return the content. The action name. The controller name. Route values. @( Html.Kendo().PanelBar() .Name("PanelBar") .Items(parent => { parent.Add() .Text("Completely Open Source") .LoadContentFrom("AjaxView_OpenSource", "PanelBar", new { id = 10}); }) ) Sets the Url, which will be requested to return the content. The url. @( Html.Kendo().PanelBar() .Name("PanelBar") .Items(parent => { parent.Add() .Text("Completely Open Source") .LoadContentFrom(Url.Action("AjaxView_OpenSource", "PanelBar")); }) ) Defines the fluent interface for configuring bound columns The type of the data item Initializes a new instance of the class. The column. The object The generator. Gets or sets the format for displaying the data. The value. @(Html.Kendo().Grid(Model) .Name("Grid") .Columns(columns => columns.Bound(o => o.OrderDate).Format("{0:dd/MM/yyyy}"))) Provides additional view data in the editor template for that column (if any). The additional view data will be provided if the editing mode is set to in-line or in-cell. Otherwise use An anonymous object which contains the additional data @(Html.Kendo().Grid(Model) .Name("Grid") .Columns(columns => { columns.Bound(o => o.Customer).EditorViewData(new { customers = Model.Customers }); })) Specify which editor template should be used for the column @(Html.Kendo().Grid(Model) .Columns(c=>c.Bound(x=>x.Company).EditorTemplateName("EditorName"))) name of the editor template Enables or disables sorting the column. All bound columns are sortable by default. @(Html.Kendo().Grid(Model) .Name("Grid") .Columns(columns => columns.Bound(o => o.OrderDate).Sortable(false))) Configures the sorting functionality of the column. @(Html.Kendo().Grid(Model) .Name("Grid") .Columns(columns => columns.Bound(x => x.Name).Sortable(s => s.AllowUnsort(true)))) Enables or disables grouping by that column. All bound columns are groupable by default. @(Html.Kendo().Grid(Model) .Name("Grid") .Columns(columns => columns.Bound(o => o.OrderDate).Groupable(false))) Sets the sort configuration when grouping. @(Html.Kendo().Grid(Model) .Name("Grid") .Columns(columns => columns.Bound(o => o.OrderDate).Groupable(x => x.Sort(sort => sort.Dir(ListSortDirection.Ascending))))) Enables or disables filtering the column. All bound columns are filterable by default. @(Html.Kendo().Grid(Model) .Name("Grid") .Columns(columns => columns.Bound(o => o.OrderDate).Filterable(false))) Enables or disables filtering the column. Through the configurator you can configure the filter functionality. @(Html.Kendo().Grid(Model) .Name("Grid") .Columns(columns=> { columns.Bound(x => x.Name).Filterable(f => f.Enabled(true)); })) Enables or disables HTML encoding the data of the column. All bound columns are encoded by default. @(Html.Kendo().Grid(Model) .Name("Grid") .Columns(columns => columns.Bound(o => o.OrderDate).Encoded(false))) Sets the template for the column. The action defining the template. @(Html.Kendo().Grid<User>() .Name("grid") .Columns(columns => { columns.Bound(c => c.Name).Template(@<text> <strong>My Template</strong> </text>); })) Sets the template for the column. @(Html.Kendo().Grid<User>() .Name("grid") .Columns(columns => { columns.Bound(c => c.Name).Template(x=>x.Name.ToUpper()); })) The action defining the template. Sets the client template for the column. @(Html.Kendo().Grid<User>() .Name("grid") .Columns(columns => { columns.Bound(c => c.Name).ClientTemplate("Template value"); })) The template Sets the client group template for the column. The template @(Html.Kendo().Grid<User>() .Name("grid") .Columns(columns => { columns.Bound(c => c.Name).ClientGroupHeaderTemplate("Template value"); })) Sets the group header column template for the column. The action defining the template. @(Html.Kendo().Grid<User>() .Name("grid") .Columns(columns => { columns.Bound(c => c.Name).GroupHeaderColumnTemplate(@<text> Template </text>); })) Sets the group header column template for the column. The action defining the template. @(Html.Kendo().Grid<User>() .Name("grid") .Columns(columns => { columns.Bound(c => c.Name).GroupHeaderColumnTemplate(x=>x.Count); })) Sets the client group header column template for the column. The template @(Html.Kendo().Grid<User>() .Name("grid") .Columns(columns => { columns.Bound(c => c.Name).ClientGroupHeaderColumnTemplate("Template value"); })) Sets the footer template for the column. @(Html.Kendo().Grid<User>() .Name("grid") .Columns(columns => { columns.Bound(c => c.Name).FooterTemplate(x=>x.Average); })) The action defining the template. Sets the footer template for the column. @(Html.Kendo().Grid<User>() .Name("grid") .Columns(columns => { columns.Bound(c => c.Name).FooterTemplate(@<text>Template</text>); })) The action defining the template. Sets the group footer template for the column. The action defining the template. Sets the group footer template for the column. @(Html.Kendo().Grid<User>() .Name("grid") .Columns(columns => { columns.Bound(c => c.Name).GroupFooterTemplate(x=>x.Average); })) The action defining the template. Sets the group footer template for the column. The action defining the template. Sets the group footer template for the column. @(Html.Kendo().Grid<User>() .Name("grid") .Columns(columns => { columns.Bound(c => c.Name).GroupHeaderTemplate(x=>x.Count); })) The action defining the template. Sets the editable function. @(Html.Kendo().Grid<User>() .Name("grid") .Columns(columns => { columns.Bound(c => c.Name).Editable(x=>"isEditable"); })) The editable function in a text tag. Sets the editable function. @(Html.Kendo().Grid<User>() .Name("grid") .Columns(columns => { columns.Bound(c => c.Name).Editable("isEditable"); })) The name of the JavaScript function that will determine if the cell will be editable. If set to `true` the column will be hidden when the grid is groupd via user interaction. The column will be displayed again if interaction to ungroup by it is performed. @(Html.Kendo().Grid<User>() .Name("grid") .Columns(columns => { columns.Bound(c => c.Name).HideOnGroup(true); })) Defines the fluent API for configuring the Kendo Grid for ASP.NET MVC events. Defines the name of the JavaScript function that will handle the Change client-side event. The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Grid() .Name("grid") .Events(events => events.Change( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the Change client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Grid() .Name("grid") .Events(events => events.Change("onGridChange")) ) Defines the name of the JavaScript function that will handle the Cancel client-side event. The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Grid() .Name("grid") .Events(events => events.Cancel( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the Cancel client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Grid() .Name("grid") .Events(events => events.Cancel("onGridCancel")) ) Defines the name of the JavaScript function that will handle the BeforeEdit client-side event. The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Grid() .Name("grid") .Events(events => events.BeforeEdit( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the BeforeEdit client-side event. The name of the JavaScript function that will handle the beforeEdit. @(Html.Kendo().Grid() .Name("grid") .Events(events => events.BeforeEdit("onGridBeforeEdit")) ) Defines the name of the JavaScript function that will handle the Edit client-side event. The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Grid() .Name("grid") .Events(events => events.Edit( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the Edit client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Grid() .Name("grid") .Events(events => events.Edit("onGridEdit")) ) Defines the name of the JavaScript function that will handle the excelExport client-side event. The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Grid() .Name("grid") .Events(events => events.ExcelExport( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the excelExport client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Grid() .Name("grid") .Events(events => events.ExcelExport("onGridExcelExport")) ) Defines the name of the JavaScript function that will handle the pdfExport client-side event. The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Grid() .Name("grid") .Events(events => events.PdfExport( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the pdfExport client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Grid() .Name("grid") .Events(events => events.PdfExport("onGridPdfExport")) ) Defines the name of the JavaScript function that will handle the Save client-side event. The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Grid() .Name("grid") .Events(events => events.Save( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the Save client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Grid() .Name("grid") .Events(events => events.Save("onGridSave")) ) Defines the name of the JavaScript function that will handle the SaveChanges client-side event. The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Grid() .Name("grid") .Events(events => events.SaveChanges( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the SaveChanges client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Grid() .Name("grid") .Events(events => events.SaveChanges("onGridSaveChanges")) ) Defines the name of the JavaScript function that will handle the CellClose client-side event. The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Grid() .Name("grid") .Events(events => events.CellClose( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the CellClose client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Grid() .Name("grid") .Events(events => events.CellClose("onGridCellClose")) ) Defines the name of the JavaScript function that will handle the DetailExpand client-side event. The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Grid() .Name("grid") .Events(events => events.DetailExpand( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the DetailExpand client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Grid() .Name("grid") .Events(events => events.DetailExpand("onGridDetailExpand")) ) Defines the name of the JavaScript function that will handle the DetailInit client-side event. The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Grid() .Name("grid") .Events(events => events.DetailInit( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the DetailInit client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Grid() .Name("grid") .Events(events => events.DetailInit("onGridDetailInit")) ) Defines the name of the JavaScript function that will handle the DetailCollapse client-side event. The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Grid() .Name("grid") .Events(events => events.DetailCollapse( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the DetailCollapse client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Grid() .Name("grid") .Events(events => events.DetailCollapse("onGridDetailCollapse")) ) Defines the name of the JavaScript function that will handle the Remove client-side event. The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Grid() .Name("grid") .Events(events => events.Remove( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the Remove client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Grid() .Name("grid") .Events(events => events.Remove("onGridRemove")) ) Fired when the user changes the order of a row.The event handler function context (available via the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the rowReorder event. @(Html.Kendo().Grid() .Name("grid") .Events(events => events.RowReorder("onGridRowReorder")) ) Fired when the user changes the order of a row.The event handler function context (available via the this keyword) will be set to the widget instance. The handler code wrapped in a text tag. @(Html.Kendo().Grid() .Name("grid") .Events(events => events.RowReorder( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the DataBound client-side event. The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Grid() .Name("grid") .Events(events => events.DataBound( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the DataBound client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Grid() .Name("grid") .Events(events => events.DataBound("onGridDataBound")) ) Defines the name of the JavaScript function that will handle the Page client-side event. The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Grid() .Name("grid") .Events(events => events.Page( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the Page client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Grid() .Name("grid") .Events(events => events.Page("onGridPaging")) ) Defines the name of the JavaScript function that will handle the Group client-side event. The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Grid() .Name("grid") .Events(events => events.Group( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the Group client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Grid() .Name("grid") .Events(events => events.Group("onGridGrouping")) ) Fired when the user collapses a group row.The event handler function context (available via the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the groupCollapse event. @(Html.Kendo().Grid() .Name("grid") .Events(events => events.GroupCollapse("onGridGroupCollapse")) ) Fired when the user collapses a group row.The event handler function context (available via the this keyword) will be set to the widget instance. The handler code wrapped in a text tag. @(Html.Kendo().Grid() .Name("grid") .Events(events => events.GroupCollapse( @<text> function(e) { //event handling code } </text> )) ) Fired when the user expands a group row.The event handler function context (available via the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the groupExpand event. @(Html.Kendo().Grid() .Name("grid") .Events(events => events.GroupExpand("onGridGroupExpand")) ) Fired when the user expands a group row.The event handler function context (available via the this keyword) will be set to the widget instance. The handler code wrapped in a text tag. @(Html.Kendo().Grid() .Name("grid") .Events(events => events.GroupExpand( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the Filter client-side event. The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Grid() .Name("grid") .Events(events => events.Filter( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the Filter client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Grid() .Name("grid") .Events(events => events.Filter("onGridFiltering")) ) Defines the name of the JavaScript function that will handle the Sort client-side event. The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Grid() .Name("grid") .Events(events => events.Sort( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the Sort client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Grid() .Name("grid") .Events(events => events.Sort("onGridSorting")) ) Defines the name of the JavaScript function that will handle the DataBinding client-side event. The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Grid() .Name("grid") .Events(events => events.DataBinding( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the DataBinding client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Grid() .Name("grid") .Events(events => events.DataBinding("onGridDataBinding")) ) Defines the name of the JavaScript function that will handle the ColumnResize client-side event. The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Grid() .Name("grid") .Events(events => events.ColumnResize( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the ColumnResize client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Grid() .Name("grid") .Events(events => events.ColumnResize("onGridColumnResize")) ) Defines the name of the JavaScript function that will handle the ColumnReorder client-side event. The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Grid() .Name("grid") .Events(events => events.ColumnReorder( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the ColumnReorder client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Grid() .Name("grid") .Events(events => events.ColumnReorder("onGridColumnReorder")) ) Defines the name of the JavaScript function that will handle the ColumnHide client-side event. The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Grid() .Name("grid") .Events(events => events.ColumnHide( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the ColumnHide client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Grid() .Name("grid") .Events(events => events.ColumnHide("onGridColumnHide")) ) Defines the name of the JavaScript function that will handle the ColumnShow client-side event. The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Grid() .Name("grid") .Events(events => events.ColumnShow( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the ColumnShow client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Grid() .Name("grid") .Events(events => events.ColumnShow("onGridColumnShow")) ) Defines the name of the JavaScript function that will handle the ColumnMenuInit client-side event. The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Grid() .Name("grid") .Events(events => events.ColumnMenuInit( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the ColumnMenuInit client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Grid() .Name("grid") .Events(events => events.ColumnMenuInit("onGridColumnMenuInit")) ) Defines the name of the JavaScript function that will handle the FilterMenuInit client-side event. The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Grid() .Name("grid") .Events(events => events.FilterMenuInit( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the FilterMenuInit client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Grid() .Name("grid") .Events(events => events.FilterMenuInit("onGridFilterMenuInit")) ) Fired when the grid filter menu is opened, after the animations are completed.The event handler function context (available via the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the filterMenuOpen event. @(Html.Kendo().Grid() .Name("grid") .Events(events => events.FilterMenuOpen("onGridFilterMenuOpen")) ) Fired when the grid filter menu is opened, after the animations are completed.The event handler function context (available via the this keyword) will be set to the widget instance. The handler code wrapped in a text tag. @(Html.Kendo().Grid() .Name("grid") .Events(events => events.FilterMenuOpen( @<text> function(e) { //event handling code } </text> )) ) Fired when the grid column menu is opened, after the animations are completed.The event handler function context (available via the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the columnMenuOpen event. @(Html.Kendo().Grid() .Name("grid") .Events(events => events.ColumnMenuOpen("onGridColumnMenuOpen")) ) Fired when the grid column menu is opened, after the animations are completed.The event handler function context (available via the this keyword) will be set to the widget instance. The handler code wrapped in a text tag. @(Html.Kendo().Grid() .Name("grid") .Events(events => events.ColumnMenuOpen( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the ColumnLock client-side event. The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Grid() .Name("grid") .Events(events => events.ColumnLock( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the ColumnLock client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Grid() .Name("grid") .Events(events => events.ColumnLock("onGridColumnLock")) ) Defines the name of the JavaScript function that will handle the ColumnUnlock client-side event. The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Grid() .Name("grid") .Events(events => events.ColumnUnlock( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the ColumnUnlock client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Grid() .Name("grid") .Events(events => events.ColumnUnlock("onGridColumnUnlock")) ) Defines the name of the JavaScript function that will handle the ColumnStick client-side event. The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Grid() .Name("grid") .Events(events => events.ColumnStick( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the ColumnStick client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Grid() .Name("grid") .Events(events => events.ColumnStick("onGridColumnStick")) ) Defines the name of the JavaScript function that will handle the ColumnUnstick client-side event. The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Grid() .Name("grid") .Events(events => events.ColumnUnstick( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the ColumnUnstick client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Grid() .Name("grid") .Events(events => events.ColumnUnstick("onGridColumnUnstick")) ) Defines the name of the JavaScript function that will handle the Navigate client-side event. The handler code wrapped in a text tag (Razor syntax). @(Html.Kendo().Grid() .Name("grid") .Navigatable() .Events(events => events.Navigate( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the Navigate client-side event. The name of the JavaScript function that will handle the event. @(Html.Kendo().Grid() .Name("grid") .Navigatable() .Events(events => events.Navigate("onGridNavigate")) ) Defines the fluent interface for configuring the component. Initializes a new instance of the class. The column. Creates command for the . The type of the data item Initializes a new instance of the class. The column. Defines a edit command. Defines a delete command. Defines a select command. Defines a custom command. Defines the fluent interface for configuring . Defines the base fluent interface for configuring the grid filterable settings. Initializes a new instance of the class. The settings. Enables or disables filtering @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(f => f.Enabled(true)) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) The Enabled method is useful when you need to enable filtering based on certain conditions. True to set the Filterable functionality Configures the Filter menu operators. The text of the filter operators displayed in the filter menu. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(filterable => filterable .Extra(false) .Operators(operators => operators .ForString(str => str.Clear() .StartsWith("Starts with") .IsEqualTo("Is equal to") .IsNotEqualTo("Is not equal to") )) ) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Configures Filter menu messages. Configure the options for the Messages in the Filter @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(f => f.Messages(m => m.And("And").Or("Or").Filter("Apply filter").Clear("Clear filter"))) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Specify if the extra input fields should be visible within the filter menu. Default is true. True to show the extra inputs, otherwise false @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(f => f.Extra(false)) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Specify the filter mode - you can choose between having separate header row and the filter menu available by clicking the icon. Default is the filter menu. Multiple filter modes can be set by combining the flags: If set to Row the user would be able to filter via extra row added below the headers. By default filtering is using the Menu mode. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Filterable(f => f.Mode(GridFilterMode.Menu)) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Defines the fluent interface for configuring Initializes a new instance of the class. The settings. Enables or disables scrolling. The boolean value for the scrolling functionality. If set to true the grid will display a scrollbar when the total row height (or width) exceeds the grid height (or width). By default scrolling is enabled. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable(s => s.Enabled(true)) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the height of the scrollable area in pixels. The height in pixels. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable(s => s.Height(400)) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the height of the scrollable. The height in units. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable(s => s.Height("20pt")) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Enables or disabled virtual scrolling. Configures the grid virtualization settings. If set to true the grid will enable row virtualization and display a single page of data. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable(s => s.Virtual(true)) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Configures the grid virtualization mode. The grid virtualization mode @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable(s => s.Virtual(GridVirtualizationMode.Rows)) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Enables or disables endless scrolling. If set to true the grid will always display a single page of data. Scrolling to the end will load more items untill all items are displayed. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable(s => s.Endless(true)) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Defines the fluent interface for configuring Enables or disables selection. The boolean parameter for enabling the Selectable functionality. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Selectable(s => s.Enabled(true)) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Specifies whether multiple or single selection is allowed. The mode set for the grid selection. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Selectable(s => s.Mode(GridSelectionMode.Multiple)) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Specifies whether row or cell selection is allowed. The type set for the grid selection. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Selectable(s => s.Type(GridSelectionType.Cell)) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Specifies whether IgnoreOverlapped is enabled. The boolean parameter for the IgnoreOverlapped functionality. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Selectable(s => s.IgnoreOverlapped(true)) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) When set to true, the user can drag to select multiple Grid rows or cells. Applies only for multiple row or cell selection. The boolean parameter for DragToSelect funtionality. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Selectable(s => s.DragToSelect(true).Mode(GridSelectionMode.Multiple)) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Defines the fluent interface for configuring the . Initializes a new instance of the class. The settings. Enables or disables sorting. If set to true the user could sort the grid by clicking the column header cells. By default sorting is disabled. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Sortable(s => s.Enabled(true)) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the sort mode of the grid. The sorting mode value. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Sortable(s => s.SortMode(GridSortMode.MultipleColumn)) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Enables or disables unsorted mode. If set to true the user can get the grid in unsorted state by clicking the sorted column header. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Sortable(s => s.AllowUnsort(false)) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) If set to true the user will see sort sequence indicators for sorted columns. The value for ShowIndexes @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Sortable(s => s.ShowIndexes(true)) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Determines the inital (from un-sorted to sorted state) sort direction. Determines the inital (from un-sorted to sorted state) sort direction. The supported values are asc and desc. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Sortable(s => s.InitialDirection(System.ComponentModel.ListSortDirection.Ascending)) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) The fluent API for configuring Kendo UI Grid for ASP.NET MVC. Initializes a new instance of the class. The component. Sets the data source configuration of the grid. The lambda which configures the data source @(Html.Kendo().Grid<Product>() .Name("grid") .DataSource(dataSource => // configure the data source dataSource .Ajax() .Read(read => read.Action("Products_Read", "Home")) ) ) Sets the ID of the DataSource widget used by the Grid. The id of the DataSource @(Html.Kendo().Grid<Product>() .Name("grid") .DataSource("dataSource") ) Configures the Excel export settings. @(Html.Kendo().Grid<Product>() .Name("grid") .Excel(excel => excel.FileName("GridExport.xlsx")) .DataSource(dataSource => // configure the data source dataSource .Ajax() .Read(read => read.Action("Products_Read", "Home")) ) ) Configures the PDF export settings. @(Html.Kendo().Grid<Product>() .Name("grid") .Pdf(pdf => pdf.FileName("GridExport.pdf")) .DataSource(dataSource => // configure the data source dataSource .Ajax() .Read(read => read.Action("Products_Read", "Home")) ) ) Sets the server-side detail template of the grid in ASPX views. The template as a code block @model IEnumerable<Product> @(Html.Kendo().Grid(Model) .Name("grid") .DetailTemplate(product => { ) Product Details: <div>Product Name: @( product.ProductName )</div> <div>Units In Stock: @( product.UnitsInStock )</div> ( }) .Render(); ) Sets the server-side detail template of the grid in Razor views. The template @model IEnumerable<Product> @(Html.Kendo().Grid(Model) .Name("grid") .DetailTemplate(@<text> Product Details: <div>Product Name: @product.ProductName</div> <div>Units In Stock: @product.UnitsInStock</div> </text>) ) Sets the id of the script element which contains the client-side detail template of the grid. The id @(Html.Kendo().Grid<Product>() .Name("grid") .DataSource(dataSource => // configure the data source dataSource .Ajax() .Read(read => read.Action("Products_Read", "Home")) ) .ClientDetailTemplateId("detail-template") ) <script id="detail-template" type="text/x-kendo-template"> Product Details: <div>Product Name: #: ProductName # </div> <div>Units In Stock: #: UnitsInStock #</div> </script> Sets the id of the script element which contains the client-side detail template of the grid. The id @(Html.Kendo().Grid<Product>() .Name("grid") .DataSource(dataSource => // configure the data source dataSource .Ajax() .Read(read => read.Action("Products_Read", "Home")) ) .ClientDetailTemplateView(Html.Partial("detail-template")) ) <script id="detail-template" type="text/x-kendo-template"> Product Details: <div>Product Name: #: ProductName # </div> <div>Units In Stock: #: UnitsInStock #</div> </script> Sets the server-side row template of the grid in ASPX views. The template as a code block @(@Page Inherits="System.Web.Mvc.ViewPage<IEnumerable<Product>>" ) @( Html.Kendo().Grid(Model) .Name("grid") .RowTemplate((product, grid) => { ) <div>Product Name: @( product.ProductName )</div> <div>Units In Stock: @( product.UnitsInStock )</div> ( }) ) Sets the server-side row template of the grid in ASPX views. The template as a code block @(@Page Inherits="System.Web.Mvc.ViewPage<IEnumerable<Product>>" ) @( Html.Kendo().Grid(Model) .Name("grid") .RowTemplate(product => { ) <div>Product Name: @( product.ProductName )</div> <div>Units In Stock: @( product.UnitsInStock )</div> ( }) ) Sets the server-side row template of the grid in Razor views. The template @model IEnumerable<Product> @(Html.Kendo().Grid(Model) .Name("grid") .RowTemplate(@<text> <div>Product Name: @product.ProductName</div> <div>Units In Stock: @product.UnitsInStock</div> </text>) ) Sets the server-side row template of the grid in Razor views. The template @model IEnumerable<Product> @(Html.Kendo().Grid(Model) .Name("grid") .RowTemplate(grid => @<text> <div>Product Name: @product.ProductName</div> <div>Units In Stock: @product.UnitsInStock</div> </text>) ) Sets the client-side row template of the grid. The client-side row template must contain a table row element (tr). The template @(Html.Kendo().Grid<Product>() .Name("grid") .DataSource(dataSource => // configure the data source dataSource .Ajax() .Read(read => read.Action("Products_Read", "Home")) ) .ClientRowTemplate( "<tr>" + "<td>#: ProductName #</td>" + "<td>#: UnitsInStock #</td>" + "</tr>" ) ) Sets the client-side alt row template of the grid. The client-side alt row template must contain a table row element (tr). The template @(Html.Kendo().Grid<Product>() .Name("grid") .DataSource(dataSource => // configure the data source dataSource .Ajax() .Read(read => read.Action("Products_Read", "Home")) ) .ClientAltRowTemplate( "<tr class='k-alt'>" + "<td>#: ProductName #</td>" + "<td>#: UnitsInStock #</td>" + "</tr>" ) ) Sets the client-side row template of the grid. The client-side row template must contain a table row element (tr). The template @(Html.Kendo().Grid<Product>() .Name("grid") .DataSource(dataSource => // configure the data source dataSource .Ajax() .Read(read => read.Action("Products_Read", "Home")) ) .ClientRowTemplate(grid => "<tr>" + "<td>#: ProductName #</td>" + "<td>#: UnitsInStock #</td>" + "</tr>" ) ) Sets the client-side alt row template of the grid. The client-side alt row template must contain a table row element (tr). The template @(Html.Kendo().Grid<Product>() .Name("grid") .DataSource(dataSource => // configure the data source dataSource .Ajax() .Read(read => read.Action("Products_Read", "Home")) ) .ClientAltRowTemplate(grid => "<tr>" + "<td>#: ProductName #</td>" + "<td>#: UnitsInStock #</td>" + "</tr>" ) ) If set to false the widget will not bind to the data source during initialization; the default value is true. Setting AutoBind to false is supported in ajax-bound mode. If true the grid will be automatically data bound, otherwise false @(Html.Kendo().Grid<Product>() .Name("grid") .AutoBind(false) .DataSource(dataSource => // configure the data source dataSource .Ajax() .Read(read => read.Action("Products_Read", "Home")) ) ) If set to true users can copy the selection to the clipboard and paste it to Excel or similar spreadsheet applications. Setting AllowCopy to true requires Selectable to be enabled. If true the grid will be automatically data bound, otherwise false @(Html.Kendo().Grid<Product>() .Name("grid") .AllowCopy(false) .Selectable(selectable => selectable .Mode(GridSelectionMode.Multiple) .Type(GridSelectionType.Cell)) .DataSource(dataSource => // configure the data source dataSource .Ajax() .Read(read => read.Action("Products_Read", "Home")) ) ) Sets the resizing configuration of the grid. The lambda which configures the resizing @(Html.Kendo().Grid<Product>() .Name("Grid") .DataSource(dataSource => // configure the data source dataSource .Ajax() .Read(read => read.Action("Products_Read", "Home")) ) .Resizable(resizing => resizing.Columns(true)) ) Sets the width of the column resize handle. Apply a larger value for easier grasping. width in pixels @(Html.Kendo().Grid<Product>() .Name("Grid") .DataSource(dataSource => // configure the data source dataSource .Ajax() .Read(read => read.Action("Products_Read", "Home")) ) .ColumnResizeHandleWidth(8) ) Sets the reordering configuration of the grid. The lambda which configures the reordering @(Html.Kendo().Grid<Product>() .Name("Grid") .DataSource(dataSource => // configure the data source dataSource .Ajax() .Read(read => read.Action("Products_Read", "Home")) ) .Reorderable(reordering => reordering.Columns(true).Rows(true)) ) Sets the editing configuration of the grid. The lambda which configures the editing @(Html.Kendo().Grid<Product>() .Name("grid") .DataSource(dataSource => // configure the data source dataSource .Ajax() .Read(read => read.Action("Products_Read", "Home")) ) .Editable(editing => editing.Mode(GridEditMode.PopUp)) ) Sets the edit mode of the grid. The lambda which configures the editing @(Html.Kendo().Grid<Product>() .Name("grid") .DataSource(dataSource => // configure the data source dataSource .Ajax() .Read(read => read.Action("Products_Read", "Home")) ) .Editable(GridEditMode.PopUp) ) Enables grid editing. @( Html.Kendo().Grid<Product>() .Name("Grid") .DataSource(dataSource => // configure the data source dataSource .Ajax() .Read(read => read.Action("Products_Read", "Home")) ) .Editable() ) Sets the toolbar configuration of the grid. The lambda which configures the toolbar @(Html.Kendo().Grid<Product>() .Name("Grid") .DataSource(dataSource => // configure the data source dataSource .Ajax() .Read(read => read.Action("Products_Read", "Home")) ) .ToolBar(commands => commands.Create()) ) Binds the grid to a list of objects The data source. @model IEnumerable<Product> @(Html.Kendo().Grid<Product>() .Name("grid") .BindTo(Model) ) Binds the grid to a list of objects The data source. @model IEnumerable; @(Html.Kendo().Grid<Product>() .Name("grid") .BindTo(Model) ) Sets a lambda which is executed for every table row rendered server-side by the grid. The lambda which will be executed for every table row @model IEnumerable<Product> @(Html.Kendo().Grid(Model) .Name("grid") .RowAction(row => { // "DataItem" is the Product instance to which the current row is bound if (row.DataItem.UnitsInStock > 10) { //Set the background of the entire row row.HtmlAttributes["style"] = "background:red;"; } }); ) Sets a lambda which is executed for every table cell rendered server-side by the grid. The lambda which will be executed for every table cell @model IEnumerable<Product> @(Html.Kendo().Grid(Model) .Name("grid") .CellAction(cell => { if (cell.Column.Member == "UnitsInStock") { if (cell.DataItem.UnitsInStock > 10) { //Set the background of this cell only cell.HtmlAttributes["style"] = "background:red;"; } } }) ) If set to true the grid will perform custom binding. If true enables custom binding. @(Html.Kendo().Grid<Product>() .Name("grid") .EnableCustomBinding(true) .DataSource(dataSource => // configure the data source dataSource .Ajax() .Read(read => read.Action("Products_Read", "Home")) ) ) Sets the column configuration of the grid. The lambda which configures columns @(Html.Kendo().Grid<Product>() .Name("grid") .Columns(columns => { columns.Bound(product => product.ProductName).Title("Product Name"); columns.Command(command => command.Destroy()); }) .DataSource(dataSource => // configure the data source dataSource .Ajax() .Destroy(destroy => destroy.Action("Products_Destroy", "Home")) .Read(read => read.Action("Products_Read", "Home")) ) ) Enables grid column sorting. @(Html.Kendo().Grid<Product>() .Name("grid") .Sortable() .DataSource(dataSource => // configure the data source dataSource .Ajax() .Read(read => read.Action("Products_Read", "Home")) ) ) Enables grid row selection. @(Html.Kendo().Grid<Product>() .Name("grid") .Selectable() .DataSource(dataSource => // configure the data source dataSource .Ajax() .Read(read => read.Action("Products_Read", "Home")) ) ) If set to true the grid will prefix the query string parameters with its name during server binding. By default the grid will prefix the query string parameters. @model IEnumerable<Product> @(Html.Kendo().Grid(Model) .Name("grid") .PrefixUrlParameters(false) ) Enables grid paging. @(Html.Kendo().Grid<Product>() .Name("grid") .Pageable() .DataSource(dataSource => // configure the data source dataSource .Ajax() .Read(read => read.Action("Products_Read", "Home")) ) ) Sets the paging configuration of the grid. The lambda which configures the paging @(Html.Kendo().Grid<Product>() .Name("grid") .Pageable(paging => paging.Refresh(true) ) .DataSource(dataSource => // configure the data source dataSource .Ajax() .Read(read => read.Action("Products_Read", "Home")) ) ) Enables grid filtering. @(Html.Kendo().Grid<Product>() .Name("grid") .Filterable() .DataSource(dataSource => // configure the data source dataSource .Ajax() .Read(read => read.Action("Products_Read", "Home")) ) ) Sets the filtering configuration of the grid. The lambda which configures the filtering @(Html.Kendo().Grid<Product>() .Name("grid") .Filterable(filtering => filtering.Enabled(true)) .DataSource(dataSource => // configure the data source dataSource .Ajax() .Read(read => read.Action("Products_Read", "Home")) ) ) Enables the grid column menu. @(Html.Kendo().Grid<Product>() .Name("grid") .DataSource(dataSource => // configure the data source dataSource .Ajax() .Read(read => read.Action("Products_Read", "Home")) ) .ColumnMenu() ) Sets the column menu configuration of the grid. The lambda which configures the column menu @(Html.Kendo().Grid<Product>() .Name("grid") .DataSource(dataSource => // configure the data source dataSource .Ajax() .Read(read => read.Action("Products_Read", "Home")) ) .ColumnMenu(columnMenu => columnMenu.Enabled(true)) ) Enables grid scrolling. @(Html.Kendo().Grid<Product>() .Name("grid") .Scrollable() .DataSource(dataSource => // configure the data source dataSource .Ajax() .Read(read => read.Action("Products_Read", "Home")) ) ) Enables grid keyboard navigation. @(Html.Kendo().Grid<Product>() .Name("grid") .Navigatable() .DataSource(dataSource => // configure the data source dataSource .Ajax() .Read(read => read.Action("Products_Read", "Home")) ) ) Sets the keyboard navigation configuration of the grid. The lambda which configures the keyboard navigation @(Html.Kendo().Grid<Product>() .Name("grid") .Navigatable(navigation => navigation.Enabled(true)) .DataSource(dataSource => // configure the data source dataSource .Ajax() .Read(read => read.Action("Products_Read", "Home")) ) ) Sets the event configuration of the grid. The lambda which configures the events @(Html.Kendo().Grid<Product>() .Name("grid") .DataSource(dataSource => // configure the data source dataSource .Ajax() .Read(read => read.Action("Products_Read", "Home")) ) .Events(events => events.DataBound("grid_dataBound")) ) <script> function grid_dataBound(e) { // handle the dataBound event } </script> Sets the grouping configuration of the grid. The lambda which configures the grouping @(Html.Kendo().Grid<Product>() .Name("grid") .Groupable(grouping => grouping.Enabled(true)) .DataSource(dataSource => // configure the data source dataSource .Ajax() .Read(read => read.Action("Products_Read", "Home")) ) ) Enables grid grouping. @(Html.Kendo().Grid<Product>() .Name("grid") .Groupable() .DataSource(dataSource => // configure the data source dataSource .Ajax() .Read(read => read.Action("Products_Read", "Home")) ) ) Enables the adaptive rendering when viewed on mobile browser @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Mobile() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Used to determine if adaptive rendering should be used when viewed on mobile browser Currently the Grid widget doesn't distinguish between phone and tablet option. Defines the type of the Mobile Mode @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Mobile(MobileMode.Phone) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the noRecords configuration of the grid. The lambda which configures the noRecords @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .NoRecords(n => n.Template("No data available on current page. Current page is: #=this.dataSource.page()#")) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) ) ) Enables grid noRecords. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .NoRecords() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Enables grid noRecords and sets it's message. The message used for noRecords @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .NoRecords("No records") .DataSource(dataSource => dataSource .Ajax() .PageSize(20) ) ) Sets a value indicating whether the selection will be persisted when sorting, paging, filtering and etc are performed. The value for PersistSelection @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable() .PersistSelection(true) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets a value indicating whether the selection will be persisted when sorting, paging, filtering and etc are performed. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Scrollable() .PersistSelection() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Configures the grid messages. Defines the text of the messages used by the Grid @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Messages(m => m.ExpandCollapseColumnHeader("E/C")) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Configures the Kendo UI Grid search bar settings. The configurator for the search setting. Sets the width of the grid. The width of the Grid @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Width(300) .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the width of the grid. The width of the Grid @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Width("300px") .Scrollable() .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the height of the grid. The height of the grid. Numeric values are treated as pixels. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Height(400) .Pageable() .DataSource(dataSource => dataSource .Ajax() .PageSize(10) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the height of the grid. The height of the grid. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Height("400px") .Pageable() .DataSource(dataSource => dataSource .Ajax() .PageSize(10) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the size of the grid. The size of the grid. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Size(ComponentSize.Small) .Pageable() .DataSource(dataSource => dataSource .Ajax() .PageSize(10) .Read(read => read.Action("Orders_Read", "Grid")) ) ) If set to true the column title will be HTML-encoded before it is displayed. If set to false the column title will be displayed as is. The value for EncodeTitles @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .DataSource(dataSource => dataSource .Ajax() .Read(read => read.Action("Orders_Read", "Grid")) ) .EncodeTitles(true) ) Defines the type of the loader that will be displayed while loading the data The value for LoaderType @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .LoaderType(GridLoaderType.LoadingPanel) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) If set to true the column title will be HTML-encoded before it is displayed. If set to false the column title will be displayed as is. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .DataSource(dataSource => dataSource .Ajax() .Read(read => read.Action("Orders_Read", "Grid")) ) .EncodeTitles() ) Defines the fluent interface for configuring columns. The type of the column builder. Initializes a new instance of the class. The column. Gets or sets the column. The column. Sets the title displayed in the header of the column. Any HTML entities or tags should be encoded, or use a HeaderTemplate instead. The text. @(Html.Kendo().Grid(Model) .Name("Grid") .Columns(columns => columns.Bound(o => o.OrderID).Title("ID"))) Sets the HTML attributes applied to the header cell of the column. The attributes. @(Html.Kendo().Grid(Model) .Name("Grid") .Columns(columns => columns.Bound(o => o.OrderID).HeaderHtmlAttributes(new {@class="order-header"}))) Sets the HTML attributes applied to the header cell of the column. The attributes. @(Html.Kendo().Grid(Model) .Name("Grid") .Columns(columns => columns.Bound(o => o.OrderID).HeaderHtmlAttributes(new {@class="order-header"}))) Sets the HTML attributes applied to the content cell of the column. The attributes. @(Html.Kendo().Grid(Model) .Name("Grid") .Columns(columns => columns.Bound(o => o.OrderID).HtmlAttributes(new {@class="order-cell"}))) Sets the HTML attributes applied to the content cell of the column. The attributes. @(Html.Kendo().Grid(Model) .Name("Grid") .Columns(columns => columns.Bound(o => o.OrderID).HtmlAttributes(new {@class="order-cell"}))) Sets name of the handler that sets the html attributes The attributes handler name. @(Html.Kendo().Grid(Model) .Name("Grid") .Columns(columns => columns.Bound(o => o.OrderID).HtmlAttributes("htmlAttributesHandler"))) Sets the media query condition that needs to be satisfied for a column to remain visible. The text. @(Html.Kendo().Grid(Model) .Name("Grid") .Columns(columns => columns.Bound(o => o.OrderID).Media("(min-width: 600px)"))) Sets the minimum screen width in pixels at which the column will become hidden. @(Html.Kendo().Grid(Model) .Name("Grid") .Columns(columns => columns.Bound(o => o.OrderID).MinScreenWidth(450)) ) The pixel screen width below which the user will not be able to resize the column via the UI. @(Html.Kendo().Grid(Model) .Name("Grid") .Columns(columns => columns.Bound(o => o.OrderID).MinResizableWidth(450)) ) Sets the width of the column in pixels. The width in pixels. @(Html.Kendo().Grid(Model) .Name("Grid") .Columns(columns => columns.Bound(o => o.OrderID).Width(100))) Sets the width of the column using CSS syntax. The width to set. @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.Bound(c => c.Name).Width("200px"); })) Makes the column visible or not. By default all columns are visible. Invisible columns are not rendered in the output HTML. If true the column is visible, otherwise not. @(Html.Kendo().Grid(Model) .Name("Grid") .Columns(columns => columns.Bound(o => o.OrderID).Visible((bool)ViewData["visible"]))) Makes the column draggable or not. By default the columns are not draggable. If true the column is draggable, otherwise not. @(Html.Kendo().Grid(Model) .Name("Grid") .Columns(columns => columns.Bound(o => o.OrderID).Draggable((bool)ViewData["draggable"]))) Makes the column static. By default all columns are not locked. @(Html.Kendo().Grid(Model) .Name("Grid") .Columns(columns => columns.Bound(o => o.OrderID).Locked())) Makes the column static or not. By default all columns are not locked. If true the column is locked, otherwise not. @(Html.Kendo().Grid(Model) .Name("Grid") .Columns(columns => columns.Bound(o => o.OrderID).Locked((bool)ViewData["locked"]))) If set to false the column will remain in the side of the grid into which its own locked configuration placed it. If true the column is lockable, otherwise not. @(Html.Kendo().Grid(Model) .Name("Grid") .Columns(columns => columns.Bound(o => o.OrderID).Lockable((bool)ViewData["lockable"]))) Makes the column sticky. By default all columns are not sticky. @(Html.Kendo().Grid(Model) .Name("Grid") .Columns(columns => columns.Bound(o => o.OrderID).Sticky())) Makes the column sticky or not. By default all columns are not sticky. If true the column is sticky, otherwise not. @(Html.Kendo().Grid(Model) .Name("Grid") .Columns(columns => columns.Bound(o => o.OrderID).Sticky((bool)ViewData["sticky"]))) Makes the column stickable. By default all columns are not stickable. @(Html.Kendo().Grid(Model) .Name("Grid") .Columns(columns => columns.Bound(o => o.OrderID).Stickable())) Makes the column stickable or not. By default all columns are not stickable. If true the column is stickable, otherwise not. @(Html.Kendo().Grid(Model) .Name("Grid") .Columns(columns => columns.Bound(o => o.OrderID).Stickable((bool)ViewData["stickable"]))) Makes the column hidden or not. By default all columns are not hidden. Hidden columns are rendered in the output HTML but are hidden. If true the column is hidden, otherwise not. @(Html.Kendo().Grid(Model) .Name("Grid") .Columns(columns => columns.Bound(o => o.OrderID).Hidden((bool)ViewData["hidden"]))) Hides a column. By default all columns are not hidden. Hidden columns are rendered in the output HTML but are hidden. @(Html.Kendo().Grid(Model) .Name("Grid") .Columns(columns => columns.Bound(o => o.OrderID).Hidden())) Sets the header template for the column. If sorting is enabled, the template content wrapper must have a k-link CSS class. The action defining the template. Sets the header template for the column. If sorting is enabled, the template content wrapper must have a k-link CSS class. The string defining the template. @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.Bound(c => c.Name).HeaderTemplate("Template value"); })) Sets the header template for the column. If sorting is enabled, the template content wrapper must have a k-link CSS class. The action defining the template. @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.Bound(c => c.Name).HeaderTemplate(@<text>Template</text>); })) If set to `false` the column will be excluded from the exported Excel/PDF files. If true the column is exportable, otherwise not. @(Html.Kendo().Grid(Model) .Name("Grid") .Columns(columns => columns.Bound(o => o.OrderID).Exportable(false))) The configurator is used to configure the exportable setting of the column. The configurator. @(Html.Kendo().Grid(Model) .Name("Grid") .Columns(columns => columns.Bound(o => o.OrderID).Exportable(x=>x.Excel(true).Pdf(false)))) If set to `false` the column menu will not be rendered for the specific column. If true the column menu will be rendered, otherwise not. @(Html.Kendo().Grid(Model) .Name("Grid") .Columns(columns => columns.Bound(o => o.OrderID).ColumnMenu(false))) Creates columns for the . The type of the data item to which the grid is bound to Initializes a new instance of the class. The container. The object The generator. The columns container. Loads the columns and their setting. Defines the column settings @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.LoadSettings((IEnumerable<GridColumnSettings>)ViewData["Columns"]); })) Defines a bound column. @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.Bound(c => c.Name); })) Defines a bound column. The name of the field. @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.Bound("Name"); })) Defines a column group. Column configurator. @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.Group(x => x.Title("Group")); })) Defines a bound column. Type of the member. Name of the member. @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.Bound(typeof(string), "Name"); })) Defines a foreign key column. Member type The member which matches the selected item The foreign key dataSource The data value field The data text field @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.ForeignKey(p => p.CategoryID, ds => ds.Read(r => r.Action("ReadCategories", "Home")), "CategoryID", "CategoryName"); })) Defines a foreign key column. Member type The member which matches the selected item The foreign key dataSource The data value field The data text field If set to true the grid will generate an editor for the field on the server @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.ForeignKey(p => p.CategoryID, ds => ds.Read(r => r.Action("ReadCategories", "Home")), "CategoryID", "CategoryName", true); })) Defines a foreign key column. Member type The member which matches the selected item The foreign data The data value field The data text field @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.ForeignKey(p => p.CategoryID, (System.Collections.IEnumerable)ViewData["categories"], "CategoryID", "CategoryName"); })) Defines a foreign key column. Member type The member which matches the selected item The foreign data @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.ForeignKey(p => p.CategoryID, new SelectList((System.Collections.IEnumerable)ViewData["categories"], "CategoryID", "CategoryName")); })) Defines a foreign key column. The member name. The data. The data value field The data text field @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.ForeignKey("CategoryID", (System.Collections.IEnumerable)ViewData["categories"], "CategoryID", "CategoryName"); })) Defines a foreign key column. The member type. The member name. The data. The data value field The data text field @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.ForeignKey(typeof(int), "CategoryID", (System.Collections.IEnumerable)ViewData["categories"], "CategoryID", "CategoryName"); })) Defines a foreign key column. The member type. The member name. The data. @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.ForeignKey(typeof(int), "CategoryID", new SelectList((System.Collections.IEnumerable)ViewData["categories"], "CategoryID", "CategoryName")); })) Defines a foreign key column. The member name. The data source configuration. The data value field. The data text field. @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.ForeignKey("CategoryID", ds => ds.Read(r => r.Action("ReadCategories", "Home")), "CategoryID", "CategoryName"); })) Defines a foreign key column. The member name. The data source configuration. The data value field. The data text field. Specifying if a server editor should be used. @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.ForeignKey("CategoryID", ds => ds.Read(r => r.Action("ReadCategories", "Home")), "CategoryID", "CategoryName", true); })) Defines a foreign key column. The member type. The member name. The data source configuration. The data value field. The data text field. @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.ForeignKey(typeof(int), "CategoryID", ds => ds.Read(r => r.Action("ReadCategories", "Home")), "CategoryID", "CategoryName"); })) Defines a foreign key column. The member type. The member name. The data source configuration. The data value field. The data text field. Specifying if a server editor should be used. @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.ForeignKey(typeof(int), "CategoryID", ds => ds.Read(r => r.Action("ReadCategories", "Home")), "CategoryID", "CategoryName", true); })) Determines if columns should be automatically generated. If true columns should be generated, otherwise false. Columns configuration action Determines if columns should be automatically generated. If true columns should be generated, otherwise false. @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.AutoGenerate(true); })) Determines if columns should be automatically generated. Action which will be executed for each generated column. @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.AutoGenerate(x=>x.ClientTemplate="Template"); })) Defines a template column. Defines the template Defines a template column. Defines the template @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.Template(x=>x.Name.ToUpper()); })) Defines a command column. @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.Command(x=>x.Edit()); })) Defines a select column. @(Html.Kendo().Grid(Model) .Name("grid") .Columns(columns => { columns.Select(); })) Defines the fluent interface for configuring Initializes a new instance of the class. The pager. Specifies a template used to populate the value of the aria-label attribute of the pager element.The parameters available for the template are: page - The current page. or totalPages - The total number of pages.. The value that configures the ariatemplate. Specifies a template used to populate the value of the aria-label attribute of the pager element.The parameters available for the template are: page - The current page. or totalPages - The total number of pages.. The value that configures the ariatemplate. Specifies a template used to populate the value of the aria-label attribute of the pager element.The parameters available for the template are: page - The current page. or totalPages - The total number of pages.. The view that configures the ariatemplate. Sets the page sizes of the grid. The values shown in the pageSize dropdown Sets the page sizes of the grid. A value indicating whether to enable the page sizes dropdown Sets the number of buttons displayed in the numeric pager. Default is 10. The value If set to false the pager will not be responsive. By default the pager is responsive. The value that configures the responsive. Enables or disables paging. @( Html.Kendo().Grid(Model) .Name("Grid") .Pageable(paging => paging.Enabled((bool)ViewData["enablePaging"])) ) The Enabled method is useful when you need to enable paging based on certain conditions. If set to true the user could navigate the widget using the keyboard navigation. By default keyboard navigation is disabled. The value that configures the navigatable. Defines the fluent interface for configuring the component. Initializes a new instance of the class. The component. Disables the menu popup collision detection. Boolean parameter. @( Html.Kendo().Menu() .Name("Menu") .PopupCollision(false) ) Sets the menu popup collision detection. The collision action. Can be "fit", "flip" or "fit flip". @( Html.Kendo().Menu() .Name("Menu") .PopupCollision(c => c.Collision("flip")) ) Defines the items in the menu The add action. @( Html.Kendo().Menu() .Name("Menu") .Items(items => { items.Add().Text("First Item"); items.Add().Text("Second Item"); }) ) Configures the client-side events. The client events action. @( Html.Kendo().Menu() .Name("Menu") .Events(events => events.Open("onOpen").OnClose("onClose") ) ) Specifies Menu opening direction. The desired direction. @( Html.Kendo().Menu() .Name("Menu") .Direction(MenuDirection.Left) ) Specifies Menu opening direction. The desired direction. @( Html.Kendo().Menu() .Name("Menu") .Direction("top") ) Sets the menu orientation. The desired orientation. @( Html.Kendo().Menu() .Name("Menu") .Orientation(MenuOrientation.Vertical) ) Enables or disables the "open-on-click" feature. @( Html.Kendo().Menu() .Name("Menu") .OpenOnClick(true) ) If RootMenuItems setting is enabled - all root menus will be opened on click. Respectively, if SubMenuItems is enabled - all sub menus will be opened on click. @( Html.Kendo().Menu() .Name("Menu") .OpenOnClick(o => o.RootMenuItems(true).SubMenuItems(true)) ) Specifies that sub menus should close after item selection (provided they won't navigate). @( Html.Kendo().Menu() .Name("Menu") .CloseOnClick(false) ) Specifies the delay in ms before the menu is opened/closed - used to avoid accidental closure on leaving. @( Html.Kendo().Menu() .Name("Menu") .HoverDelay(300) ) Binds the menu to a sitemap The view data key. The action to configure the item. @( Html.Kendo().Menu() .Name("Menu") .BindTo("examples", (item, siteMapNode) => { }) ) Binds the menu to a sitemap. The view data key. @( Html.Kendo().Menu() .Name("Menu") .BindTo("examples") ) Binds the menu to a list of objects. The menu will be "flat" which means a menu item will be created for every item in the data source. The type of the data item The data source. The action executed for every data bound item. @( Html.Kendo().Menu() .Name("Menu") .BindTo(new []{"First", "Second"}, (item, value) => { item.Text = value; }) ) Binds the menu to a list of objects. The menu will create a hierarchy of items using the specified mappings. The data source. The action which will configure the mappings @( Html.Kendo().Menu() .Name("Menu") .BindTo(Model, mapping => mapping .For<Customer>(binding => binding .Children(c => c.Orders) // The "child" items will be bound to the the "Orders" property .ItemDataBound((item, c) => item.Text = c.ContactName) // Map "Customer" properties to MenuItem properties ) .For<Order<(binding => binding .Children(o => null) // "Orders" do not have child objects so return "null" .ItemDataBound((item, o) => item.Text = o.OrderID.ToString()) // Map "Order" properties to MenuItem properties ) ) ) Binds the menu to a list of items. Use if the menu items are being sent from the controller. To bind the Menu declaratively, use the method. The list of items @( Html.Kendo().Menu() .Name("TreeView") .BindTo(model) ) Configure the DataSource of the component The action that configures the DataSource. @( Html.Kendo().Menu() .Name("Menu") .DataSource(dataSource => dataSource .Read(read => read .Action("Employees", "PanelBar") ) ) ) Sets the field of the data item that provides the text of the menu items. The value for DataTextField Sets the field of the data item that provides the url of the menu items. The value for DataUrlField Sets the field of the data item that provides the sprite css class of the menu items. The value for DataSpriteCssClassField Sets the field of the data item that provides the image url of the menu items. The value for DataImageUrlField Sets the field of the data item that provides the content of the menu items. The value for DataContentField Callback for each item. Action, which will be executed for each item. @( Html.Kendo().Menu() .Name("Menu") .ItemAction(item => { item .Text(...) .HtmlAttributes(...); }) ) Select item depending on the current URL. If true the item will be highlighted. @( Html.Kendo().Menu() .Name("Menu") .HighlightPath(true) ) Enable/disable security trimming functionality of the component. If true security trimming is enabled. @( Html.Kendo().Menu() .Name("Menu") .SecurityTrimming(false) ) Defines the security trimming functionality of the component The securityTrimming action. @( Html.Kendo().Menu() .Name("Menu") .SecurityTrimming(builder => { builder.Enabled(true).HideParent(true); }) ) If enabled, the Menu will display buttons that will scroll the menu items, when they cannot fit the Menu width or menu popups height. By default scrolling is disabled. @( Html.Kendo().Menu() .Name("Menu") .Scrollable(s => s.Distance(300)) ) If enabled, the Menu will display buttons that will scroll the menu items, when they cannot fit the Menu width or menu popups height. By default scrolling is disabled. Boolean flag. @( Html.Kendo().Menu() .Name("Menu") .Scrollable(true) ) Defines the fluent interface for configuring child menu items. Initializes a new instance of the class. The item. The view context. Configures the child items of a . The add action. @( Html.Kendo().Menu() .Name("Menu") .Items(items => { items.Add().Text("First Item").Items(firstItemChildren => { firstItemChildren.Add().Text("Child Item 1"); firstItemChildren.Add().Text("Child Item 2"); }); }) ) Configures the child items of a . When declaratively binding the menu item, use . items @( Html.Kendo().Menu() .Name("Menu") .Items(items => { items.Add().Text("First Item").Items(model); }) ) Renders a separator item @( Html.Kendo().Menu() .Name("Menu") .Items(items => { items.Add().Separator(true); }) ) Defines the fluent API for adding items to Kendo Menu for ASP.NET MVC Initializes a new instance of the class. The container. The view context. Adds an item. Defines the fluent interface for configuring the Menu events. Defines the inline handler of the Open client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().Menu() .Name("Menu") .Events(events => events.Open( @<text> function(e) { //event handling code } </text> )) .Render(); ) Defines the name of the JavaScript function that will handle the the Open client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Menu() .Name("Menu") .Events(events => events.Open("onOpen")) ) Defines the inline handler of the Close client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().Menu() .Name("Menu") .Events(events => events.Close( @<text> function(e) { //event handling code } </text> )) .Render(); ) Defines the name of the JavaScript function that will handle the the Close client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Menu() .Name("Menu") .Events(events => events.Close("onClose")) ) Defines the inline handler of the Activate client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().Menu() .Name("Menu") .Events(events => events.Activate( @<text> function(e) { //event handling code } </text> )) .Render(); ) Defines the name of the JavaScript function that will handle the the Activate client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Menu() .Name("Menu") .Events(events => events.Activate("onActivate")) ) Defines the inline handler of the Deactivate client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().Menu() .Name("Menu") .Events(events => events.Deactivate( @<text> function(e) { //event handling code } </text> )) .Render(); ) Defines the name of the JavaScript function that will handle the the Deactivate client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Menu() .Name("Menu") .Events(events => events.Deactivate("onDeactivate")) ) Defines the inline handler of the Select client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().Menu() .Name("Menu") .Events(events => events.Select( @<text> function(e) { //event handling code } </text> )) .Render(); ) Defines the name of the JavaScript function that will handle the the Select client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Menu() .Name("Menu") .Events(events => events.Select("onSelect")) ) Defines the fluent API for creating bindings for Kendo Menu, TreeView and PanelBar Initializes a new instance of the class. Defines the binding. Defines the fluent interface for configuring navigation items The type of the item. The type of the builder. Initializes a new instance of the class. The item. The object Returns the inner navigation item Sets the HTML attributes applied to the outer HTML element rendered for the item The attributes. @( Html.Kendo().Menu() .Name("Menu") .Items(items => items.Add().HtmlAttributes(new {@class="first-item"})) ) Sets the HTML attributes applied to the outer HTML element rendered for the item The attributes. Sets the text displayed by the item. The value. @( Html.Kendo().Menu() .Name("Menu") .Items(items => items.Add().Text("First Item")) ) Makes the item visible or not. Invisible items are not rendered in the output HTML. Sets the text displayed by the item. The value. @( Html.Kendo().Menu() .Name("Menu") .Items(items => items.Add().Text("First Item").Visible((bool)ViewData["visible"])) ) Enables or disables the item. Disabled item cannot be clicked, expanded or open (depending on the item type - menu, tabstrip, panelbar). @( Html.Kendo().Menu() .Name("Menu") .Items(items => items.Add().Text("First Item").Enabled((bool)ViewData["enabled"])) ) Selects or unselects the item. By default items are not selected. @( Html.Kendo().Menu() .Name("Menu") .Items(items => items.Add().Text("First Item").Selected(true)) ) Sets the route to which the item should navigate. Name of the route. The route values. @( Html.Kendo().Menu() .Name("Menu") .Items(items => items.Add().Text("First Item").Route("Default", new RouteValueDictionary {"id", 1})) ) Sets the route to which the item should navigate. Name of the route. The route values. @( Html.Kendo().Menu() .Name("Menu") .Items(items => items.Add().Text("First Item").Route("Default", new {id, 1})) ) Sets the route to which the item should navigate. Name of the route. @( Html.Kendo().Menu() .Name("Menu") .Items(items => items.Add().Text("First Item").Route("Default")) ) Sets the action to which the item should navigate The route values of the Action method. @( Html.Kendo().Menu() .Name("Menu") .Items(items => items.Add().Text("Index").Action(MVC.Home.Index(3).GetRouteValueDictionary())) ) Sets the action to which the item should navigate Name of the action. Name of the controller. The route values. @( Html.Kendo().Menu() .Name("Menu") .Items(items => items.Add().Text("Index").Action("Index", "Home", new RouteValueDictionary {"id", 1})) ) Sets the action to which the item should navigate Name of the action. Name of the controller. The route values. @( Html.Kendo().Menu() .Name("Menu") .Items(items => items.Add().Text("Index").Action("Index", "Home", new {id, 1})) ) Sets the action to which the item should navigate Name of the action. Name of the controller. @( Html.Kendo().Menu() .Name("Menu") .Items(items => items.Add().Text("Index").Action("Index", "Home")) ) Sets the URL to which the item should navigate The value. @( Html.Kendo().Menu() .Name("Menu") .Items(items => items.Add().Text("www.example.com").Url("http://www.example.com")) ) Sets the URL of the image that should be displayed by the item. The value. @( Html.Kendo().Menu() .Name("Menu") .Items(items => items.Add().Text("First Item").ImageUrl("~/Content/first.png")) ) Sets the HTML attributes for the item image. The attributes. @( Html.Kendo().Menu() .Name("Menu") .Items(items => items .Add().Text("First Item") .ImageUrl("~/Content/first.png") .ImageHtmlAttributes(new {@class="first-item-image"})) ) Sets the HTML attributes for the item image. The attributes. Sets the sprite CSS class names. The CSS classes. @( Html.Kendo().Menu() .Name("Menu") .Items(items => items .Add().Text("First Item") .SpriteCssClasses("icon", "first-item")) ) Sets the HTML content which the item should display. The action which renders the content. @( Html.Kendo().Menu() .Name("Menu") .Items(items => items .Add() .Text("First Item") .Content(() => { ) <strong> First Item Content</strong> ( })) .Render(); ) Sets the HTML content which the item should display. The content wrapped in a regular HTML tag or text tag (Razor syntax). @(Html.Kendo().Menu() .Name("Menu") .Items(items => items .Add() .Text("First Item") .Content( @<text> Some text <strong> First Item Content</strong> </text> ); ) ) Sets the HTML content which the item should display as a string. The action which renders the content. @( Html.Kendo().Menu() .Name("Menu") .Items(items => items .Add() .Text("First Item") .Content("<strong> First Item Content</strong>"); ) .Render(); ) Sets the HTML attributes of the content element of the item. The attributes. @( Html.Kendo().Menu() .Name("Menu") .Items(items => items .Add().Text("First Item") .Content(() => { ) <strong>First Item Content</strong> @( }) .ContentHtmlAttributes(new {@class="first-item-content"}) ) ) Sets the HTML attributes of the content element of the item. The attributes. Makes the item navigate to the specified controllerAction method. The type of the controller. The action. @( Html.Kendo().Menu() .Name("Menu") .Items(items => items .Add().Text("First Item") .Action<HomeController>(controller => controller.Index())) ) Sets whether the Text property should be encoded when the item is rendered. Whether the property should be encoded. Default: true. @( Html.Kendo().Menu() .Name("Menu") .Items(items => items.Add().Text("<strong>First Item</strong>").Encoded(false)) ) Defines the fluent interface for configuring the component. Initializes a new instance of the class. The component. Defines the items in the panelbar The add action. @( Html.Kendo().PanelBar() .Name("PanelBar") .Items(items => { items.Add().Text("First Item"); items.Add().Text("Second Item"); }) ) Controls whether to bind the widget to the DataSource on initialization. @( Html.Kendo().PanelBar() .Name("PanelBar") .AutoBind(false) ) Template to be used for rendering the items in the panelbar. @( Html.Kendo().PanelBar() .Name("PanelBar") .Template("#= data #") ) Id of the template element to be used for rendering the items in the panelbar. @( Html.Kendo().PanelBar() .Name("PanelBar") .TemplateId("widgetTemplateId") ) View template to be used for rendering the items in the panelbar. @( Html.Kendo().PanelBar() .Name("PanelBar") .TemplateView(Html.Partial("panelbar-template")) ) Configures the client-side events. The client events action. @( Html.Kendo().PanelBar() .Name("PanelBar") .Events(events => events.Expand("expand").Collapse("collapse") ) ) Binds the panelbar to a sitemap The view data key. The action to configure the item. @( Html.Kendo().PanelBar() .Name("PanelBar") .BindTo("examples", (item, siteMapNode) => { }) ) Binds the panelbar to a sitemap. The view data key. @( Html.Kendo().PanelBar() .Name("PanelBar") .BindTo("examples") ) Binds the PanelBar to a list of items. Use if a hierarchy of items is being sent from the controller; to bind the PanelBar declaratively, use the Items() method. The list of items @( Html.Kendo().PanelBar() .Name("PanelBar") .BindTo(model) ) Binds the panelbar to a list of objects The type of the data item The data source. The action executed for every data bound item. @( Html.Kendo().PanelBar() .Name("PanelBar") .BindTo(new []{"First", "Second"}, (item, value) => { item.Text = value; }) ) Binds the panelbar to a list of objects. The panelbar will create a hierarchy of items using the specified mappings. The data source. The action which will configure the mappings @( Html.Kendo().PanelBar() .Name("PanelBar") .BindTo(Model, mapping => mapping .For<Customer>(binding => binding .Children(c => c.Orders) // The "child" items will be bound to the the "Orders" property .ItemDataBound((item, c) => item.Text = c.ContactName) // Map "Customer" properties to PanelBarItem properties ) .For<Order<(binding => binding .Children(o => null) // "Orders" do not have child objects so return "null" .ItemDataBound((item, o) => item.Text = o.OrderID.ToString()) // Map "Order" properties to PanelBarItem properties ) ) ) Configure the DataSource of the component The action that configures the DataSource. @( Html.Kendo().PanelBar() .Name("PanelBar") .DataSource(dataSource => dataSource .Read(read => read .Action("Employees", "PanelBar") ) ) ) Allows the panelbar to fetch the entire datasource at initialization time. Whether the datasource should be loaded on demand. @( Html.Kendo().PanelBar() .Name("PanelBar") .LoadOnDemand(false) ) Sets the field of the data item that provides the image URL of the PanelBar nodes. The value that configures the dataimageurlfield. Sets the field of the data item that provides the sprite CSS class of the nodes. If an array, each level uses the field that is at the same index in the array, or the last item in the array. The value that configures the dataspritecssclassfield. Sets the field of the data item that provides the link URL of the nodes. The value that configures the dataurlfield. The text messages displayed in the widget. Use it to customize or localize the messages. The action that configures the messages. Sets the field of the data item that provides the text content of the nodes. If an array, each level uses the field that is at the same index in the array, or the last item in the array. The value that configures the datatextfield. Configures the animation effects of the panelbar. Whether the component animation is enabled. @( Html.Kendo().PanelBar() .Name("PanelBar") .Animation(false) ) Configures the animation effects of the panelbar. The action that configures the animation. @( Html.Kendo().PanelBar() .Name("PanelBar") .Animation(animation => animation.Expand(config => config.Fade(FadeDirection.In))) ) Callback for each item. Action, which will be executed for each item. @( Html.Kendo().PanelBar() .Name("PanelBar") .ItemAction(item => { item .Text(...) .HtmlAttributes(...); }) ) Select item depending on the current URL. If true the item will be highlighted. @( Html.Kendo().PanelBar() .Name("PanelBar") .HighlightPath(true) ) Renders the panelbar with expanded items. If true the panelbar will be expanded. @( Html.Kendo().PanelBar() .Name("PanelBar") .ExpandAll(true) ) Sets the expand mode of the panelbar. The desired expand mode. @( Html.Kendo().PanelBar() .Name("PanelBar") .ExpandMode(PanelBarExpandMode.Multiple) ) Selects the item at the specified index. The index. @( Html.Kendo().PanelBar() .Name("PanelBar") .Items(items => { items.Add().Text("First Item"); items.Add().Text("Second Item"); }) .SelectedIndex(1) ) Enable/disable security trimming functionality of the component. If true security trimming is enabled. @( Html.Kendo().PanelBar() .Name("PanelBar") .SecurityTrimming(false) ) Defines the security trimming functionality of the component The securityTrimming action. @( Html.Kendo().PanelBar() .Name("PanelBar") .SecurityTrimming(builder => { builder.Enabled(true).HideParent(true); }) ) Defines the fluent interface for configuring the PanelBar events. Defines the inline handler of the Expand client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().PanelBar() .Name("PanelBar") .Events(events => events.Expand( @<text> function(e) { //event handling code } </text> )) .Render(); ) Defines the name of the JavaScript function that will handle the the Expand client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().PanelBar() .Name("PanelBar") .Events(events => events.Expand("expand")) ) Defines the inline handler of the ContentLoad client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().PanelBar() .Name("PanelBar") .Events(events => events.ContentLoad( @<text> function(e) { //event handling code } </text> )) .Render(); ) Defines the name of the JavaScript function that will handle the the ContentLoad client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().PanelBar() .Name("PanelBar") .Events(events => events.ContentLoad("contentLoad")) ) Defines the inline handler of the dataBound client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().PanelBar() .Name("PanelBar") .Events(events => events.DataBound( @<text> function(e) { // event handling code } </text> )) .Render(); ) Triggered after the dataSource change event has been processed (adding/removing items); The name of the JavaScript function that will handle the dataBound event. Defines the inline handler of the Collapse client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().PanelBar() .Name("PanelBar") .Events(events => events.Collapse( @<text> function(e) { //event handling code } </text> )) .Render(); ) Defines the name of the JavaScript function that will handle the the Collapse client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().PanelBar() .Name("PanelBar") .Events(events => events.Collapse("collapse")) ) Defines the inline handler of the Select client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().PanelBar() .Name("PanelBar") .Events(events => events.Select( @<text> function(e) { //event handling code } </text> )) .Render(); ) Defines the name of the JavaScript function that will handle the the Select client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().PanelBar() .Name("PanelBar") .Events(events => events.Select("select")) ) Defines the inline handler of the Error client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().PanelBar() .Name("PanelBar") .Events(events => events.Error( @<text> function(e) { //event handling code } </text> )) .Render(); ) Defines the name of the JavaScript function that will handle the the Error client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().PanelBar() .Name("PanelBar") .Events(events => events.Error("onError")) ) Defines the fluent interface for configuring child panelbar items. Initializes a new instance of the class. The item. The context of the View. Configures the child items of a . The add action. @( Html.Kendo().PanelBar() .Name("PanelBar") .Items(items => { items.Add().Text("First Item").Items(firstItemChildren => { firstItemChildren.Add().Text("Child Item 1"); firstItemChildren.Add().Text("Child Item 2"); }); }) ) Define when the item will be expanded on intial render. If true the item will be expanded. @( Html.Kendo().PanelBar() .Name("PanelBar") .Items(items => { items.Add().Text("First Item").Items(firstItemChildren => { firstItemChildren.Add().Text("Child Item 1"); firstItemChildren.Add().Text("Child Item 2"); }) .Expanded(true); }) ) Defines the fluent API for adding items to Kendo PanelBar for ASP.NET MVC Initializes a new instance of the class. The container. The view context. Adds a new item to the PanelBar. Defines the fluent interface for configuring the TabStrip events. Defines the inline handler of the Show client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().TabStrip() .Name("TabStrip") .Events(events => events.Show( @<text> function(e) { //event handling code } </text> )) .Render(); ) Defines the name of the JavaScript function that will handle the the Show client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().TabStrip() .Name("TabStrip") .Events(events => events.Show("onActivate")) ) Defines the inline handler of the Activate client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().TabStrip() .Name("TabStrip") .Events(events => events.Activate( @<text> function(e) { //event handling code } </text> )) .Render(); ) Defines the name of the JavaScript function that will handle the the Activate client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().TabStrip() .Name("TabStrip") .Events(events => events.Activate("onActivate")) ) Defines the inline handler of the Select client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().TabStrip() .Name("TabStrip") .Events(events => events.Select( @<text> function(e) { //event handling code } </text> )) .Render(); ) Defines the name of the JavaScript function that will handle the the Select client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().TabStrip() .Name("TabStrip") .Events(events => events.Select("onSelect")) ) Defines the inline handler of the ContentLoad client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().TabStrip() .Name("TabStrip") .Events(events => events.ContentLoad( @<text> function(e) { //event handling code } </text> )) .Render(); ) Defines the name of the JavaScript function that will handle the the ContentLoad client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().TabStrip() .Name("TabStrip") .Events(events => events.ContentLoad("onContentLoad")) ) Defines the inline handler of the Error client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().TabStrip() .Name("TabStrip") .Events(events => events.Error( @<text> function(e) { //event handling code } </text> )) .Render(); ) Defines the name of the JavaScript function that will handle the the Error client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().TabStrip() .Name("TabStrip") .Events(events => events.Error("onError")) ) Defines the fluent interface for configuring the component. Initializes a new instance of the class. The component. Defines the items in the tabstrip The add action. @( Html.Kendo().TabStrip() .Name("TabStrip") .Items(items => { items.Add().Text("First Item"); items.Add().Text("Second Item"); }) ) Configures the client-side events. The client events action. @( Html.Kendo().TabStrip() .Name("TabStrip") .Events(events => events.Select("onSelect").OnLoad("onLoad") ) ) Configures the collapsible property of the tabstrip. Whether the component animation is collapsible. @( Html.Kendo().TabStrip() .Name("PanelBar") .Collapsible(false) ) Configures the animation effects of the tabstrip. Whether the component animation is enabled. @( Html.Kendo().TabStrip() .Name("PanelBar") .Animation(false) ) Configures the animation effects of the tabstrip. The action that configures the animation. @( Html.Kendo().TabStrip() .Name("PanelBar") .Animation(animation => animation.Open(config => config.Fade(FadeDirection.In))) ) Binds the tabstrip to a sitemap The view data key. The action to configure the item. @( Html.Kendo().TabStrip() .Name("TabStrip") .BindTo("examples", (item, siteMapNode) => { }) ) Binds the tabstrip to a sitemap. The view data key. @( Html.Kendo().TabStrip() .Name("TabStrip") .BindTo("examples") ) Binds the tabstrip to a list of objects The type of the data item The data source. The action executed for every data bound item. @( Html.Kendo().TabStrip() .Name("TabStrip") .BindTo(new []{"First", "Second"}, (item, value) => { item.Text = value; }) ) Selects the item at the specified index. The index. @( Html.Kendo().TabStrip() .Name("TabStrip") .Items(items => { items.Add().Text("First Item"); items.Add().Text("Second Item"); }) .SelectedIndex(1) ) Callback for each item. Action, which will be executed for each item. @( Html.Kendo().TabStrip() .Name("TabStrip") .ItemAction(item => { item .Text(...) .HtmlAttributes(...); }) ) Select item depending on the current URL. If true the item will be highlighted. @( Html.Kendo().TabStrip() .Name("TabStrip") .HighlightPath(true) ) Enable/disable TabStrip keyboard navigation. If true the TabStrip will have keyboard navigation. @( Html.Kendo().TabStrip() .Name("TabStrip") .Navigatable(false) ) Enable/disable security trimming functionality of the component. If true security trimming is enabled. @( Html.Kendo().TabStrip() .Name("TabStrip") .SecurityTrimming(false) ) Sets the tabs' position. The default value is Top. Using fade animation is highly recommended with any of the non-default tab position settings. The position. @( Html.Kendo().TabStrip() .Name("TabStrip") .Items(items => { items.Add().Text("First Item"); items.Add().Text("Second Item"); }) .TabPosition(TabPosition.Left) ) Sets the tab scrolling settings. @( Html.Kendo().TabStrip() .Name("TabStrip") .Items(items => { items.Add().Text("First Item"); items.Add().Text("Second Item"); }) .Scrollable(s => s.Enabled(true).Distance(300)) ) Disables tab scrolling. Boolean flag. @( Html.Kendo().TabStrip() .Name("TabStrip") .Items(items => { items.Add().Text("First Item"); items.Add().Text("Second Item"); }) .Scrollable(false) ) Sets the selected tab of the widget String value corresponding to DataTextField property Defines the fluent interface for configuring child tabstrip items. Initializes a new instance of the class. The item. The context of the View. Defines the fluent API for adding items to Kendo TabStrip for ASP.NET MVC Initializes a new instance of the class. The container. The view context. Adds a new item to the TabStrip. A builder class for Initializes a new instance of the class. The validation settings. @( Html.Kendo().Upload() .Name("Upload") .Validation(async => async .AllowedExtensions([".jpg"]) ) ) Sets a value indicating whether the allowed file extensions the allowed file extensions Sets a value indicating max file size in bytes max file size in bytes Sets a value indicating min file size in bytes min file size in bytes A builder class for Specifies the name of the file The file name @( Html.Kendo().Upload() .Name("files") .Files(files => files.Add().Name("file.txt").Size(500).Extension(".txt")) .Async(a => a .Save("Save", "Compose") .Remove("Remove", "Compose") ) ) Specifies the size of the file in bytes The file size @( Html.Kendo().Upload() .Name("files") .Files(files => files.Add().Name("file.txt").Size(500).Extension(".txt")) .Async(a => a .Save("Save", "Compose") .Remove("Remove", "Compose") ) ) Specifies the extension of the file The file extension @( Html.Kendo().Upload() .Name("files") .Files(files => files.Add().Name("file.txt").Size(500).Extension(".txt")) .Async(a => a .Save("Save", "Compose") .Remove("Remove", "Compose") ) ) The UploadFileFactory class A builder class for Initializes a new instance of the class. The retry message. @( Html.Kendo().Upload() .Name("Upload") .Messages(msgs => msgs .Retry("retry") ) ) Sets the Cancel button text. New cancel button text. @( Html.Kendo().Upload() .Name("Upload") .Messages(msgs => msgs .Cancel("cancel") ) ) Sets the Drag and Drop hint text. New Drag and Drop hint text. @( Html.Kendo().Upload() .Name("Upload") .Messages(msgs => msgs .DropFilesHere("drop files here") ) ) Sets the Remove button text. The Remove button text. @( Html.Kendo().Upload() .Name("Upload") .Messages(msgs => msgs .Remove("remove file") ) ) Sets the Retry button text New Retry button text. @( Html.Kendo().Upload() .Name("Upload") .Messages(msgs => msgs .Retry("retry") ) ) Sets the Select button text New Select button text. @( Html.Kendo().Upload() .Name("Upload") .Messages(msgs => msgs .Select("select") ) ) Sets the "failed" status text accessible by screen readers New "failed" status text accessible by screen readers. @( Html.Kendo().Upload() .Name("Upload") .Messages(msgs => msgs .StatusFailed("failed") ) ) Sets the "uploaded" status text accessible by screen readers New "uploaded" status text accessible by screen readers. @( Html.Kendo().Upload() .Name("Upload") .Messages(msgs => msgs .StatusUploaded("uploaded") ) ) Sets the "uploading" status text accessible by screen readers New "uploading" status text accessible by screen readers. @( Html.Kendo().Upload() .Name("Upload") .Messages(msgs => msgs .StatusUploading("uploading") ) ) Sets the "paused" header status text accessible by screen readers New "header paused" status text accessible by screen readers. @( Html.Kendo().Upload() .Name("Upload") .Messages(msgs => msgs .HeaderStatusPaused("header paused") ) ) Sets the "uploading" header status text accessible by screen readers New "header uploading" status text accessible by screen readers. @( Html.Kendo().Upload() .Name("Upload") .Messages(msgs => msgs .HeaderStatusUploading("header uploading") ) ) Sets the "uploaded" header status text accessible by screen readers New "header uploaded" status text accessible by screen readers. @( Html.Kendo().Upload() .Name("Upload") .Messages(msgs => msgs .HeaderStatusUploaded("header uploaded") ) ) Sets Upload button (visible when AutoUpload is set to false) text New Upload button text. @( Html.Kendo().Upload() .Name("Upload") .Messages(msgs => msgs .UploadSelectedFiles("uploading") ) ) Sets the text of the validation message when a file is succesfully uploaded New upload success text. @( Html.Kendo().Upload() .Name("Upload") .Messages(msgs => msgs .UploadSuccess("upload success") ) ) Sets the text of the validation message when a file fails to upload New upload fail text. @( Html.Kendo().Upload() .Name("Upload") .Messages(msgs => msgs .UploadFail("upload fail") ) ) Sets invalid max file size text New invalid max file size text. @( Html.Kendo().Upload() .Name("Upload") .Messages(msgs => msgs .InvalidMaxFileSize("invalid max file size") ) ) Sets invalid min file size text New invalid min file size text. @( Html.Kendo().Upload() .Name("Upload") .Messages(msgs => msgs .InvalidMinFileSize("invalid min file size") ) ) Sets invalid file type text New invalid file type text. @( Html.Kendo().Upload() .Name("Upload") .Messages(msgs => msgs .InvalidFileExtension("invalid file type size") ) ) Sets invalid files New invalid files. @( Html.Kendo().Upload() .Name("Upload") .Messages(msgs => msgs .InvalidFiles("invalid files") ) ) Sets clear file text New clear file text. @( Html.Kendo().Upload() .Name("Upload") .Messages(msgs => msgs .ClearSelectedFiles("clear file") ) ) A builder class for Initializes a new instance of the class. The async settings. @( Html.Kendo().Upload() .Name("Upload") .Async(async => async .Save("Save", "Home", new RouteValueDictionary{ {"id", 1} }) ) ) Sets a value indicating whether to start the upload immediately after selecting a file true if the upload should start immediately after selecting a file, false otherwise; true by default @( Html.Kendo().Upload() .Name("Upload") .Async(async => async .Save("Save", "Home") .AutoUpload(false) ) ) Sets a value indicating whether to upload selected files in one batch (request) true if the files should be uploaded in a single request, false otherwise; false by default @( Html.Kendo().Upload() .Name("Upload") .Async(async => async .Save("Save", "Home") .Batch(true) ) ) When the property is set the selected files will be uploaded chunk by chunk with the declared size. Each request sends a separate file blob and additional string metadata to the server. This metadata is a stringified JSON and contains chunkIndex, contentType, totalFileSize, totalChunks, uploadUid properties that allow validating and combining the file on the server side. The response also returns a JSON object with uploaded and fileUid properties that notifies the client which should be the next chunk. The value for ChunkSize @( Html.Kendo().Upload() .Name("Upload") .Async(async => async .Save("Chunk_Upload_Save", "Home") .Remove("Chunk_Upload_Remove", "Home") .ChunkSize(11000) ) ) By default the selected files are uploaded one after another. When set to 'true' all the selected files start uploading simultaneously. (The property is available when the async.chunkSize is set.) The value for Concurrent @( Html.Kendo().Upload() .Name("Upload") .Async(async => async .Save("Chunk_Upload_Save", "Home") .ChunkSize(11000) .Concurrent(true) ) ) By default the selected files are uploaded one after another. When set to 'true' all the selected files start uploading simultaneously. (The property is available when the async.chunkSize is set.) @( Html.Kendo().Upload() .Name("Upload") .Async(async => async .Save("Chunk_Upload_Save", "Home") .ChunkSize(11000) .Concurrent() ) ) It sets the number of attempts that will be performed if an upload is failing. The property is only used when the async.autoRetryAfter property is also defined. The value for MaxAutoRetries @( Html.Kendo().Upload() .Name("Upload") .Async(async => async .Save("Save", "Home") .AutoRetryAfter(300) .MaxAutoRetries(4) ) ) If the property is set the failed upload request will be repeated after the declared amount of ticks. The value for AutoRetryAfter @( Html.Kendo().Upload() .Name("Upload") .Async(async => async .Save("Save", "Home") .AutoRetryAfter(300) ) ) Sets the action, controller and route values for the save operation Name of the action. Name of the controller. The route values. @( Html.Kendo().Upload() .Name("Upload") .Async(async => async .Save("Save", "Home", new RouteValueDictionary{ {"id", 1} }) ) ) Sets the action, controller and route values for the save operation Name of the action. Name of the controller. The route values. @( Html.Kendo().Upload() .Name("Upload") .Async(async => async .Save("Save", "Home", new { id = 1 }) ) ) Sets the action and controller for the save operation Name of the action. Name of the controller. @( Html.Kendo().Upload() .Name("Upload") .Async(async => async .Save("Save", "Home") ) ) Sets the route name for the save operation Name of the route. @( Html.Kendo().Upload() .Name("Upload") .Async(async => async .Save("Default") ) ) Sets the route values for the save operation The route values of the action method. @( Html.Kendo().Upload() .Name("Upload") .Async(async => async .Save(MVC.Home.Save(1).GetRouteValueDictionary()) ) ) Sets the route and values for the save operation Name of the route. The route values. @( Html.Kendo().Upload() .Name("Upload") .Async(async => async .Save("Default", new RouteValueDictionary{ {"id", 1} }) ) ) Sets the route and values for the save operation Name of the route. The route values. @( Html.Kendo().Upload() .Name("Upload") .Async(async => async .Save("Default", new { id = 1 }) ) ) Sets the action for the save operation The type of the controller. The action. @( Html.Kendo().Upload() .Name("Upload") .Async(async => async .Save<HomeController>(controller => controller.Save()) ) ) Sets the field name for the save operation The form field name to use for submiting the files. The Upload name is used if not set. @( Html.Kendo().Upload() .Name("Upload") .Async(async => async .SaveField("attachment") ) ) Sets an absolute or relative Save action URL. Note that the URL must be in the same domain for the upload to succeed. The Save action URL. @( Html.Kendo().Upload() .Name("Upload") .Async(async => async .SaveUrl("/save") ) ) Sets the action, controller and route values for the remove operation Name of the action. Name of the controller. The route values. @( Html.Kendo().Upload() .Name("Upload") .Async(async => async .Remove("Remove", "Home", new RouteValueDictionary{ {"id", 1} }) ) ) Sets the action, controller and route values for the remove operation Name of the action. Name of the controller. The route values. @( Html.Kendo().Upload() .Name("Upload") .Async(async => async .Remove("Remove", "Home", new { id = 1 }) ) ) Sets the action and controller for the remove operation Name of the action. Name of the controller. @( Html.Kendo().Upload() .Name("Upload") .Async(async => async .Remove("Remove", "Home") ) ) Sets the route name for the remove operation Name of the route. @( Html.Kendo().Upload() .Name("Upload") .Async(async => async .Remove("Default") ) ) Sets the route values for the remove operation The route values of the action method. @( Html.Kendo().Upload() .Name("Upload") .Async(async => async .Remove(MVC.Home.Remove(1).GetRouteValueDictionary()) ) ) Sets the route and values for the remove operation Name of the route. The route values. @( Html.Kendo().Upload() .Name("Upload") .Async(async => async .Remove("Default", new RouteValueDictionary{ {"id", 1} }) ) ) Sets the route and values for the remove operation Name of the route. The route values. @( Html.Kendo().Upload() .Name("Upload") .Async(async => async .Remove("Default", new { id = 1 }) ) ) Sets the action for the remove operation The type of the controller. The action. @( Html.Kendo().Upload() .Name("Upload") .Async(async => async .Remove<HomeController>(controller => controller.Remove()) ) ) Sets an absolute or relative Remove action URL. Note that the URL must be in the same domain for the operation to succeed. The Remove action URL. @( Html.Kendo().Upload() .Name("Upload") .Async(async => async .RemoveUrl("/remove") ) ) Sets the field name for the remove operation The form field name to use for submiting the files. "fileNames" is used if not set. @( Html.Kendo().Upload() .Name("Upload") .Async(async => async .RemoveField("attachments") ) ) By default, the files are uploaded as filedata. When set to true, the files are read as file buffer by using FileReader and this buffer is send in the request body. true if arrayBuffer should be send; false by default @( Html.Kendo().Upload() .Name("Upload") .Async(async => async .Save("Save", "Home") .UseArrayBuffer(true) ) ) Sets a value indicating whether to send credentials (cookies, headers) for cross-site requests. true if credentials should be sent, false otherwise; true by default @( Html.Kendo().Upload() .Name("Upload") .Async(async => async .WithCredentials(false) ) ) Defines the fluent interface for configuring the component. Initializes a new instance of the class. The component. Configures the client-side events. The client events configuration action. @( Html.Kendo().Upload() .Name("Upload") .Events(events => events .Upload("onUpload") ) ) Enables or disables the component. true if the component should be enabled, false otherwise; the default is true. @( Html.Kendo().Upload() .Name("Upload") .Enable(false) ) Enables selection of folders instead of files. When a directory is selected, its entire hierarchy of contents files is included in the set of selected items. It is only supported in browsers that support webkitdirectory. true allows directory upload. @( Html.Kendo().Upload() .Name("Upload") .Directory(true) ) Enables dropping folders over the upload and its drop zone. When a directory is dropped, its entire hierarchy of contents files is included in the set of selected items. It is only supported in browsers that support DataTransferItem and webkitGetAsEntry. true allows directory drop. @( Html.Kendo().Upload() .Name("Upload") .DirectoryDrop(true) ) Enables or disables multiple file selection. true if multiple file selection should be enabled, false otherwise; the default is true. @( Html.Kendo().Upload() .Name("Upload") .Multiple(false) ) Sets a value indicating whether to show the list of uploaded files true if the list of uploaded files should be visible, false otherwise; true by default @( Html.Kendo().Upload() .Name("Upload") .ShowFileList(false) ) Use it to configure asynchronous uploading. Use builder to set different asynchronous uploading options. @( Html.Kendo().Upload() .Name("Upload") .Async(async => async .Save("Save", "Home") .Remove("Remove", "Home") ) ) Use it to configure validation. Use builder to set different validation options. @( Html.Kendo().Upload() .Name("Upload") .Validation(async => async .MaxFileSize(900000) ) ) Use it to configure asynchronous uploading. Use builder to set different asynchronous uploading options. @( Html.Kendo().Upload() .Name("Upload") .Async(async => async .Save("Save", "Home") .Remove("Remove", "Home") ) ) The template element to be used for rendering the files in the list The id of the template @( Html.Kendo().Upload() .Name("Upload") .TemplateId("fileTemplate") .Async(async => async .Save("Save", "Home") .Remove("Remove", "Home") ) ) The template view to be used for rendering the files in the list The template view @( Html.Kendo().Upload() .Name("Upload") .TemplateView("fileTemplate") .Async(async => async .Save("Save", "Compose") .Remove("Remove", "Compose") ) ) The string jQuery selector for the DropZone The string jQuery selector for the DropZone @( Html.Kendo().Upload() .Name("Upload") .DropZone("DropZone") .Async(async => async .Save("Save", "Home") .Remove("Remove", "Home") ) ) Sets the initially rendered files The lambda which configures initial files @(Html.Kendo().Upload() .Name("files") .Files(files => files.Add().Name("file.txt").Size(500).Extension(".txt")) .Async(a => a .Save("Save", "Compose") .Remove("Remove", "Compose") .AutoUpload(true) ) ) Defines the fluent interface for configuring the Upload events. Initializes a new instance of the class. The client events. Defines the inline handler of the Select client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().Upload() .Name("Upload") .Events(events => events.Select( @<text> function(e) { //event handling code } </text> )) ) Triggered when a file is selected. Note: Canceling this event will prevent the selection from\n\t\t/// occurring. The name of the JavaScript function that will handle the event. @( Html.Kendo().Upload() .Name("Upload") .Events(events => events.Select("onSelect")) ) Defines the inline handler of the Upload client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().Upload() .Name("Upload") .Events(events => events.Upload( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Upload client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Upload() .Name("Upload") .Events(events => events.Upload("onUpload")) ) Defines the inline handler of the Success client-side event. The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().Upload() .Name("Upload") .Events(events => events.Success( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Success client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Upload() .Name("Upload") .Events(events => events.Success("onSuccess")) ) Defines the inline handler of the Error client-side event. The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().Upload() .Name("Upload") .Events(events => events.Error( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Error client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Upload() .Name("Upload") .Events(events => events.Error("onError")) ) Defines the inline handler of the Pause client-side event. The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().Upload() .Name("Upload") .Events(events => events.Pause( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the Pause client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Upload() .Name("Upload") .Events(events => events.Pause("onPause")) ) Defines the inline handler of the Resume client-side event. The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().Upload() .Name("Upload") .Events(events => events.Resume( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the Resume client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Upload() .Name("Upload") .Events(events => events.Resume("onResume")) ) Defines the inline handler of the Complete client-side event. The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().Upload() .Name("Upload") .Events(events => events.Complete( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Complete client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Upload() .Name("Upload") .Events(events => events.Complete("onComplete")) ) Defines the inline handler of the Cancel client-side event. The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().Upload() .Name("Upload") .Events(events => events.Cancel( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Cancel client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Upload() .Name("Upload") .Events(events => events.Cancel("onCancel")) ) Defines the inline handler of the Remove client-side event. The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().Upload() .Name("Upload") .Events(events => events.Remove( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Remove client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Upload() .Name("Upload") .Events(events => events.Remove("onRemove")) ) Defines the inline handler of the Progress client-side event. The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().Upload() .Name("Upload") .Events(events => events.Progress( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Progress client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Upload() .Name("Upload") .Events(events => events.Progress("onProgress")) ) Defines the inline handler of the Clear client-side event. The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().Upload() .Name("Upload") .Events(events => events.Clear( @<text> function(e) { //event handling code } </text> )) ) Defines the name of the JavaScript function that will handle the the Clear client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Upload() .Name("Upload") .Events(events => events.Clear("onClear")) ) Creates the fluent API builders of the Kendo UI widgets Creates a new . @( Html.Kendo().PivotConfiguratorV2() .Name("PivotConfigurator") ) Creates a new . @( Html.Kendo().PivotGridV2() .Name("PivotGrid") ) Creates a new . @( Html.Kendo().PivotGridV2<EventData>() .Name("PivotGrid") ) Creates a @( Html.Kendo().Menu() .Name("Menu") .Items(items => { /* add items here */ }); ) Creates a @( Html.Kendo().TreeList(Model) .Name("TreeList") ) Creates a new bound to the specified data source. The type of the data item The data source. @( Html.Kendo().Grid(Model) .Name("Grid") ) Creates a new bound to a DataTable. DataTable from which the grid instance will be bound Creates a new bound to a DataView. DataView from which the grid instance will be bound Creates a new bound an item in ViewData. Type of the data item The data source view data key. @( Html.Kendo().Grid<Order>("orders") .Name("Grid") ) Creates a new bound to the specified data source. The type of the data item The data source. @( Html.Kendo().ListView(Model) .Name("ListView") ) Creates a new bound an item in ViewData. Type of the data item The data source view data key. @( Html.Kendo().ListView<Order>("orders") .Name("ListView") ) Creates a new . @( Html.Kendo().MobileListView() .Name("MobileListView") .Items(items => { items.Add().Text("Item"); items.AddLink().Text("Link Item"); }) ) Creates a new bound to the specified data source. The type of the data item The data source. @( Html.Kendo().MobileListView(Model) .Name("MobileListView") ) Creates a new bound an item in ViewData. Type of the data item The data source view data key. @( Html.Kendo().MobileListView<Order>("orders") .Name("MobileListView") ) Creates a @( Html.Kendo().Splitter() .Name("Splitter"); ) Creates a new . @( Html.Kendo().TabStrip() .Name("TabStrip") .Items(items => { items.Add().Text("First"); items.Add().Text("Second"); }) ) Creates a new . @( Html.Kendo().DateTimePicker() .Name("DateTimePicker") ) Creates a new . @( Html.Kendo().DatePicker() .Name("DatePicker") ) Creates a new . @( Html.Kendo().TimePicker() .Name("TimePicker") ) Creates a new . @( Html.Kendo().Barcode() .For("Container") ) Creates a new . @( Html.Kendo().Sortable() .For("Container") ) Creates a new . @( Html.Kendo().Tooltip() .For("Container") ) Creates a new . @( Html.Kendo().ColorPalette() .Name("ColorPalette") ) Creates a new . @( Html.Kendo().Calendar() .Name("Calendar") ) Creates a new . @( Html.Kendo().PanelBar() .Name("PanelBar") .Items(items => { items.Add().Text("First"); items.Add().Text("Second"); }) ) Creates a new . @( Html.Kendo().RecurrenceEditor() .Name("recurrenceEditor") .FirstWeekDay(0) .Timezone("Etc/UTC") ) Creates a new . @( Html.Kendo().TimezoneEditor() .Name("timezoneEditor") .Value("Etc/UTC") ) Creates a new . @( Html.Kendo().Scheduler<SchedulerEvent>() .Name("Scheduler") ) Creates a new . @( Html.Kendo().PivotGrid() .Name("PivotGrid") ) Creates a new . @( Html.Kendo().PivotGrid<EventData>() .Name("PivotGrid") ) Creates a new . @( Html.Kendo().PivotConfigurator() .Name("PivotConfigurator") ) Creates a new . @( Html.Kendo().NumericTextBox() .Name("NumericTextBox") ) Creates a new . @( Html.Kendo().NumericTextBox<double>() .Name("NumericTextBox") ) Creates a new . @( Html.Kendo().CurrencyTextBox() .Name("CurrencyTextBox") ) Creates a new . @( Html.Kendo().PercentTextBox() .Name("PercentTextBox") ) Creates a new . @( Html.Kendo().IntegerTextBox() .Name("IntegerTextBox") ) Creates a new . @( Html.Kendo().MaskedTextBox() .Name("MaskedTextBox") ) Creates a new @( Html.Kendo().MediaPlayer() .Name("MediaPlayer") ) Creates a new . @( Html.Kendo().RadioButton() .Name("RadioButton") ) Creates a new . @( Html.Kendo().TextBox() .Name("TextBox") ) Creates a new . @( Html.Kendo().Window() .Name("Window") ) Creates a new . @( Html.Kendo().LinearGauge() .Name("linearGauge") ) Creates a new . @( Html.Kendo().RadialGauge() .Name("radialGauge") ) Creates a new . @( Html.Kendo().DropDownList() .Name("DropDownList") .Items(items => { items.Add().Text("First Item"); items.Add().Text("Second Item"); }) ) Creates a @( Html.Kendo().DropDownTree() .Name("DropDownTree") ) Creates a new . @( Html.Kendo().ComboBox() .Name("ComboBox") .Items(items => { items.Add().Text("First Item"); items.Add().Text("Second Item"); }) ) Creates a new . @( Html.Kendo().MultiColumnComboBox() .Name("MultiColumnComboBox") .Items(items => { items.Add().Text("First Item"); items.Add().Text("Second Item"); }) ) Creates a new . @( Html.Kendo().AutoComplete() .Name("AutoComplete") .Items(items => { items.Add().Text("First Item"); items.Add().Text("Second Item"); }) ) Creates a new . @( Html.Kendo().MultiViewCalendar() .Name("MultiViewCalendar") ) Creates a new . @( Html.Kendo().MultiSelect() .Name("MultiSelect") .Items(items => { items.Add().Text("First Item"); items.Add().Text("Second Item"); }) ) Creates a new . @( Html.Kendo().Slider() .Name("Slider") ) Creates a new . @( Html.Kendo().Slider() .Name("Slider") ) Creates a new . @( Html.Kendo().RangeSlider() .Name("RangeSlider") ) Creates a new . @( Html.Kendo().RangeSlider() .Name("RangeSlider") ) Creates a new @( Html.Kendo().ProgressBar() .Name("progressBar") ) Creates a @( Html.Kendo().Upload() .Name("Upload") .Async(async => async .Save("ProcessAttachments", "Home") .Remove("RemoveAttachment", "Home") ) ) Creates a @( Html.Kendo().Button() .Name("Button1"); ) Creates a @( Html.Kendo().ButtonGroup() .Name("ButtonGroup") ) Creates a @( Html.Kendo().Notification() .Name("Notification1"); ) Creates a @( Html.Kendo().Chart() .Name("Chart") ) Creates a new bound to the specified data source. The type of the data item The data source. @( Html.Kendo().Chart(Model) .Name("Chart") ) Creates a new bound an item in ViewData. Type of the data item The data source view data key. @( Html.Kendo().Chart<SalesData>("sales") .Name("Chart") ) Creates a new unbound . @( Html.Kendo().Chart() .Name("Chart") .Series(series => { series.Bar(new int[] { 1, 2, 3 }).Name("Total Sales"); }) ) Creates a @( Html.Kendo().StockChart() .Name("StockChart") ) Creates a new bound to the specified data source. The type of the data item The data source. @( Html.Kendo().StockChart(Model) .Name("StockChart") ) Creates a new bound an item in ViewData. Type of the data item The data source view data key. @( Html.Kendo().StockChart<SalesData>("sales") .Name("StockChart") ) Creates a new unbound . @( Html.Kendo().StockChart() .Name("StockChart") .Series(series => { series.Bar(new int[] { 1, 2, 3 }).Name("Total Sales"); }) ) Creates a @( Html.Kendo().Sparkline() .Name("Sparkline") ) Creates a new bound to the specified data source. The type of the data item The data source. @( Html.Kendo().Sparkline(Model) .Name("Sparkline") ) Creates a new bound an item in ViewData. Type of the data item The data source view data key. @( Html.Kendo().Sparkline<SalesData>("sales") .Name("Sparkline") ) Creates a new unbound . @( Html.Kendo().Sparkline() .Name("Sparkline") .Series(series => { series.Bar(new int[] { 1, 2, 3 }).Name("Total Sales"); }) ) Creates a @( Html.Kendo().QRCode() .Name("qrCode") .Value("Hello World") ) Returns the kendo culture script for the current .NET culture. Determines if the script should be rendered within a script tag Returns the kendo culture scripts for the specified .NET culture. The name of the culture. Determines if the script should be rendered within a script tag Returns the initialization scripts for widgets set as deferred Determines if the script should be rendered within a script tag Returns the initialization scripts for the specified widget. The name of the widget. Determines if the script should be rendered within a script tag Creates a @( Html.Kendo().Menu() .Name("Menu") .Items(items => { /* add items here */ }); ) Creates a @( Html.Kendo().Switch() .Name("Switch") ) Creates a @(Html.Kendo().ActionSheet() .Name("ActionSheet") ) Creates a @(Html.Kendo().AppBar() .Name("AppBar") ) Creates a @(Html.Kendo().ArcGauge() .Name("ArcGauge") ) Creates a @(Html.Kendo().Avatar() .Name("Avatar") ) Creates a @(Html.Kendo().Badge() .Name("Badge") ) Creates a @(Html.Kendo().BottomNavigation() .Name("BottomNavigation") ) Creates a @(Html.Kendo().Breadcrumb() .Name("Breadcrumb") ) Creates a @(Html.Kendo().Captcha() .Name("Captcha") ) Creates a @(Html.Kendo().CheckBox() .Name("CheckBox") ) Creates a @(Html.Kendo().CheckBoxGroup() .Name("CheckBoxGroup") ) Creates a @(Html.Kendo().Chip() .Name("Chip") ) Creates a @(Html.Kendo().ChipList() .Name("ChipList") ) Creates a @(Html.Kendo().CircularGauge() .Name("CircularGauge") ) Creates a @(Html.Kendo().CircularProgressBar() .Name("CircularProgressBar") ) Creates a @(Html.Kendo().ColorGradient() .Name("ColorGradient") ) Creates a @(Html.Kendo().ColorPicker() .Name("ColorPicker") ) Creates a @(Html.Kendo().DateInput() .Name("DateInput") ) Creates a @(Html.Kendo().DateRangePicker() .Name("DateRangePicker") ) Creates a @(Html.Kendo().Dialog() .Name("Dialog") ) Creates a @(Html.Kendo().Drawer() .Name("Drawer") ) Creates a @(Html.Kendo().DropDownButton() .Name("DropDownButton") ) Creates a @(Html.Kendo().Editor() .Name("Editor") ) Creates a @(Html.Kendo().ExpansionPanel() .Name("ExpansionPanel") ) Creates a @(Html.Kendo().FileManager() .Name("FileManager") ) Creates a @(Html.Kendo().Filter() .Name("Filter") ) Creates a @(Html.Kendo().FloatingActionButton() .Name("FloatingActionButton") ) Creates a @(Html.Kendo().Form() .Name("Form") ) Creates a @(Html.Kendo().Gantt() .Name("Gantt") ) Creates a @(Html.Kendo().ImageEditor() .Name("ImageEditor") ) Creates a @(Html.Kendo().ListBox() .Name("ListBox") ) Creates a @(Html.Kendo().Loader() .Name("Loader") ) Creates a @(Html.Kendo().Map() .Name("Map") ) Creates a @(Html.Kendo().OrgChart() .Name("OrgChart") ) Creates a @(Html.Kendo().PDFViewer() .Name("PDFViewer") ) Creates a @(Html.Kendo().Pager() .Name("Pager") ) Creates a @(Html.Kendo().PivotConfiguratorButton() .Name("PivotConfiguratorButton") ) Creates a @(Html.Kendo().PivotContainer() .Name("PivotContainer") ) Creates a @(Html.Kendo().Popover() .Name("Popover") ) Creates a @(Html.Kendo().RadioGroup() .Name("RadioGroup") ) Creates a @(Html.Kendo().Rating() .Name("Rating") ) Creates a @(Html.Kendo().ResponsivePanel() .Name("ResponsivePanel") ) Creates a @(Html.Kendo().ScrollView() .Name("ScrollView") ) Creates a @(Html.Kendo().SkeletonContainer() .Name("SkeletonContainer") ) Creates a @(Html.Kendo().SplitButton() .Name("SplitButton") ) Creates a @(Html.Kendo().Spreadsheet() .Name("Spreadsheet") ) Creates a @(Html.Kendo().Stepper() .Name("Stepper") ) Creates a @(Html.Kendo().TaskBoard() .Name("TaskBoard") ) Creates a @(Html.Kendo().TextArea() .Name("TextArea") ) Creates a @(Html.Kendo().TextBox() .Name("TextBox") ) Creates a @(Html.Kendo().TileLayout() .Name("TileLayout") ) Creates a @(Html.Kendo().Timeline() .Name("Timeline") ) Creates a @(Html.Kendo().ToolBar() .Name("ToolBar") ) Creates a @(Html.Kendo().TreeList() .Name("TreeList") ) Creates a @(Html.Kendo().TreeMap() .Name("TreeMap") ) Creates a @(Html.Kendo().TreeView() .Name("TreeView") ) Creates a @(Html.Kendo().Wizard() .Name("Wizard") ) Creates a <%= Html.Kendo().Signature() .Name("Signature") %> Creates a <%= Html.Kendo().TimeDurationPicker() .Name("TimeDurationPicker") %> Creates a @( Html.Kendo().StackLayout() .Name("StackLayout") ) Creates a @( Html.Kendo().GridLayout() .Name("GridLayout") ) Creates a @( Html.Kendo().FlatColorPicker() .Name("FlatColorPicker") ) Creates a @( Html.Kendo().Form() .Name("Form") ) Creates a @( Html.Kendo().Diagram() .Name("Diagram") ) Creates a @( Html.Kendo().Diagram() .Name("Diagram") ) Creates a new bound to the specified data source. The type of the task data item The type of the dependency data item The tasks data source. The dependencies data source. @( Html.Kendo().Gantt(ViewBag.Tasks) .Name("Gantt") ) Creates a new bound an item in ViewData. The type of the task data item The type of the dependency data item The data source view data key. The dependencies data source view data key. @( Html.Kendo().Gantt("tasks") .Name("Gantt") ) Creates a @( Html.Kendo().Chat() .Name("Chat") ) Creates a @( Html.Kendo().TaskBoard() .Name("TaskBoard") ) Creates a @( Html.Kendo().TaskBoard() .Name("TaskBoard") ) Creates a @(Html.Kendo().MobileActionSheet() .Name("MobileActionSheet") ) Creates a @(Html.Kendo().MobileApplication() .Name("MobileApplication") ) Creates a @(Html.Kendo().MobileBackButton() .Name("MobileBackButton") ) Creates a @(Html.Kendo().MobileButton() .Name("MobileButton") ) Creates a @(Html.Kendo().MobileButtonGroup() .Name("MobileButtonGroup") ) Creates a @(Html.Kendo().MobileCollapsible() .Name("MobileCollapsible") ) Creates a @(Html.Kendo().MobileDetailButton() .Name("MobileDetailButton") ) Creates a @(Html.Kendo().MobileDrawer() .Name("MobileDrawer") ) Creates a @(Html.Kendo().MobileLayout() .Name("MobileLayout") ) Creates a @(Html.Kendo().MobileModalView() .Name("MobileModalView") ) Creates a @(Html.Kendo().MobileNavBar() .Name("MobileNavBar") ) Creates a @(Html.Kendo().MobilePopOver() .Name("MobilePopOver") ) Creates a @(Html.Kendo().MobileScrollView() .Name("MobileScrollView") ) Creates a @(Html.Kendo().MobileSplitView() .Name("MobileSplitView") ) Creates a @(Html.Kendo().MobileSwitch() .Name("MobileSwitch") ) Creates a @(Html.Kendo().MobileTabStrip() .Name("MobileTabStrip") ) Creates a @(Html.Kendo().MobileView() .Name("MobileView") ) Creates a new . @( Html.Kendo().NumericTextBoxFor(m=>m.Property) ) Creates a new . @( Html.Kendo().NumericTextBoxFor(m=>m.NullableProperty) ) Creates a new . @( Html.Kendo().IntegerTextBoxFor(m=>m.Property) ) Creates a new . @( Html.Kendo().IntegerTextBoxFor(m=>m.Property) ) Creates a new . @( Html.Kendo().IntegerTextBoxFor(m=>m.Property) ) Creates a new . @( Html.Kendo().IntegerTextBoxFor(m=>m.Property) ) Creates a new . @( Html.Kendo().CurrencyTextBoxFor(m=>m.Property) ) Creates a new . @( Html.Kendo().CurrencyTextBoxFor(m=>m.Property) ) Creates a new . @( Html.Kendo().PercentTextBoxFor(m=>m.Property) ) Creates a new . @( Html.Kendo().PercentTextBoxFor(m=>m.Property) ) Creates a new . @( Html.Kendo().MaskedTextBoxFor(m=>m.Property) ) Creates a new . @( Html.Kendo().CheckBoxFor(m=>m.Property) ) Creates a new . @( Html.Kendo().RadioButtonFor(m=>m.Property) ) Creates a new . @( Html.Kendo().TextBoxFor(m=>m.Property) ) Creates a new . @( Html.Kendo().TextAreaFor(m=>m.Property) ) Creates a new . @( Html.Kendo().DateTimePickerFor(m=>m.Property) ) Creates a new . @( Html.Kendo().DateTimePickerFor(m=>m.Property) ) Creates a new . @( Html.Kendo().DateInputFor(m=>m.Property) ) Creates a new . @( Html.Kendo().DateInputFor(m=>m.Property) ) Creates a new . @( Html.Kendo().ColorPickerFor(m=>m.Property) ) Creates a new . @( Html.Kendo().DatePickerFor(m=>m.Property) ) Creates a new . @( Html.Kendo().DatePickerFor(m=>m.Property) ) Creates a new bound to nullable model field @(Html.Kendo().DateRangePickerFor(m=>m.Start, m=>m.End)) Creates a new . @( Html.Kendo().DateRangePickerFor(m=>m.Start, m=>m.End) ) Creates a new . @( Html.Kendo().TimePickerFor(m=>m.Property) ) Creates a new . @( Html.Kendo().TimePickerFor(m=>m.Property) ) Creates a new . @( Html.Kendo().TimePickerFor(m=>m.Property) ) Creates a new . @( Html.Kendo().TimePickerFor(m=>m.Property) ) Creates a new . @( Html.Kendo().DropDownListFor(m=>m.Property) ) Creates a new . @( Html.Kendo().DropDownTreeFor(m=>m.Property) ) Creates a new . @( Html.Kendo().ComboBoxFor(m=>m.Property) ) Creates a new . @( Html.Kendo().MultiColumnComboBoxFor(m=>m.Property) ) Creates a new . @( Html.Kendo().AutoCompleteFor(m=>m.Property) ) Creates a new . @( Html.Kendo().MultiSelectFor(m=>m.Property) ) Creates a new . @( Html.Kendo().SliderFor(m=>m.Property) ) Creates a new . @( Html.Kendo().SliderFor(m=>m.NullableProperty) ) Creates a new . @( Html.Kendo().SliderFor(m=>m.Property) ) Creates a new . @( Html.Kendo().SliderFor(m=>m.NullableProperty) ) Creates a new . @( Html.Kendo().RangeSliderFor(m=>m.Property) ) Creates a new . @( Html.Kendo().RangeSliderFor(m=>m.Property) ) Creates a new . @( Html.Kendo().RecurrenceEditorFor(m=>m.Property) ) Creates a new . @( Html.Kendo().SwitchFor(m=>m.Property) ) Creates a new . @( Html.Kendo().RatingFor(m=>m.Property) ) Creates a new . @( Html.Kendo().TimezoneEditorFor(m=>m.Property) ) Creates a @( Html.Kendo().CheckBoxGroupFor() ) Creates a @( Html.Kendo().RadioGroupFor() ) Creates a @( Html.Kendo().CaptchaFor() ) Creates a new . @( Html.Kendo().TimeDurationPickerFor(m=>m.NullableProperty) ) Defines the fluent API for configuring the WindowModalSettings settings. Initialize the The Specifies whether the document should stop scrolling when modal window is opened. Closing it should restore the initial document overflow. Note that it's not supported to have multiple windows with different preventScroll setting. The value that configures the preventscroll. Defines the fluent interface for configuring the component. Explicitly specifies whether the content will be rendered as an iframe or in-line Template to be used for rendering the items in the treeview. Id of the template element to be used for rendering the items in the treeview. The view which contains the template element to be used for rendering the items in the treeview. Defines the fluent API for configuring the Kendo Window draggable settings Initializes a new instance of the class. The draggable settings. Sets the selector for containment element. The selector for the containment element. @(Html.Kendo().Window() .Name("Window") .Draggable(d => d.Containment("#container")) ) Sets the selector for drag handle element. The selector for the drag handle. @(Html.Kendo().Window() .Name("Window") .Draggable(d => d.DragHandle("#handle")) ) Sets the axis for window's movement. Possible values: "x", "y" The axis. @(Html.Kendo().Window() .Name("Window") .Draggable(d => d.Axis("x")) ) Defines the fluent API for configuring the Kendo Window position settings Sets the top position. Sets the left position. Sets the top position. Sets the left position. Defines the fluent API for configuring the Kendo Window Title settings Initializes a new instance of the class. The title settings. Enables or disables the title. @( Html.Kendo().Window() .Name("Window") .Title(x => x.Enabled(false)) ) Enables or disables the encoding of the title. @( Html.Kendo().Window() .Name("Window") .Title(x => x.Encoded(false).Text("test")) ) Sets the text of the title @( Html.Kendo().Window() .Name("Window") .Title(x => x.Text("test")) ) Defines the fluent interface for configuring the . Initializes a new instance of the class. The instance that is to be configured Configures the window to show a close button. @(Html.Kendo().Window() .Name("Window") .Actions(actions => actions.Close()) ) Configures the window to show a maximize button. @(Html.Kendo().Window() .Name("Window") .Actions(actions => actions.Maximize()) ) Configures the window to show a minimize button. @(Html.Kendo().Window() .Name("Window") .Actions(actions => actions.Minimize()) ) Configures the window to show a refresh button. @(Html.Kendo().Window() .Name("Window") .Actions(actions => actions.Refresh()) ) Configures the window to show a pin button. @(Html.Kendo().Window() .Name("Window") .Actions(actions => actions.Pin()) ) Configures the window to show a custom button. @(Html.Kendo().Window() .Name("Window") .Actions(actions => actions.Custom("menu")) ) Configures the window to show no buttons in its titlebar. @(Html.Kendo().Window() .Name("Window") .Actions(actions => actions.Clear()) ) Defines the fluent API for configuring the Kendo Window resizing settings Initializes a new instance of the class. The resizing settings. Enables or disables the Window resizing. If true, enables the Window resizing. @( Html.Kendo().Window() .Name("Window") .Resizable(x => x.Enabled(true)) ) Sets the min width of the Window. The min width of the Window. @( Html.Kendo().Window() .Name("Window") .Resizable(x => x.MinWidth(200)) ) Sets the max width of the Window. The max width of the Window. @( Html.Kendo().Window() .Name("Window") .Resizable(x => x.MaxWidth(400)) ) Sets the min height of the Window. The min height of the Window. @( Html.Kendo().Window() .Name("Window") .Resizable(x => x.MinHeight(100)) ) Sets the max height of the Window. The max height of the Window. @( Html.Kendo().Window() .Name("Window") .Resizable(x => x.MaxHeight(300)) ) The maximum height (in pixels) that may be achieved by resizing the window. The value that configures the maxheight. @( Html.Kendo().Window() .Name("Window") .Resizable(x => x.MaxHeight("300")) ) The maximum width (in pixels) that may be achieved by resizing the window. The value that configures the maxwidth. @( Html.Kendo().Window() .Name("Window") .Resizable(x => x.MaxWidth("400")) ) The minimum height (in pixels) that may be achieved by resizing the window. The value that configures the minheight. @( Html.Kendo().Window() .Name("Window") .Resizable(x => x.MinHeight("100")) ) The minimum width (in pixels) that may be achieved by resizing the window. The value that configures the minwidth. @( Html.Kendo().Window() .Name("Window") .Resizable(x => x.MinWidth("200")) ) Defines the fluent interface for configuring the Window events. Defines the name of the JavaScript function that will handle the the Open client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Window() .Name("Window") .Events(events => events.Open("onOpen")) ) Defines the name of the JavaScript function that will handle the the Open client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Window() .Name("Window") .Events(events => events.Open("onOpen")) ) Defines the name of the JavaScript function that will handle the the Activate client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Window() .Name("Window") .Events(events => events.Activate("onActivate")) ) Defines the name of the JavaScript function that will handle the the Activate client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Window() .Name("Window") .Events(events => events.Activate("onActivate")) ) Defines the name of the JavaScript function that will handle the the Deactivate client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Window() .Name("Window") .Events(events => events.Deactivate("onDeactivate")) ) Defines the name of the JavaScript function that will handle the the Deactivate client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Window() .Name("Window") .Events(events => events.Deactivate("onDeactivate")) ) Defines the name of the JavaScript function that will handle the the Close client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Window() .Name("Window") .Events(events => events.Close("onClose")) ) Defines the name of the JavaScript function that will handle the the Close client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Window() .Name("Window") .Events(events => events.Close("onClose")) ) Defines the name of the JavaScript function that will handle the the DragStart client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Window() .Name("Window") .Events(events => events.DragStart("onDragStart")) ) Defines the name of the JavaScript function that will handle the the DragStart client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Window() .Name("Window") .Events(events => events.DragStart("onDragStart")) ) Defines the name of the JavaScript function that will handle the the DragEnd client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Window() .Name("Window") .Events(events => events.DragEnd("onDragEnd")) ) Defines the name of the JavaScript function that will handle the the DragEnd client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Window() .Name("Window") .Events(events => events.DragEnd("onDragEnd")) ) Defines the name of the JavaScript function that will handle the the Resize client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Window() .Name("Window") .Events(events => events.Resize("onResize")) ) Defines the name of the JavaScript function that will handle the the Resize client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Window() .Name("Window") .Events(events => events.Resize("onResize")) ) Defines the name of the JavaScript function that will handle the the Refresh client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Window() .Name("Window") .Events(events => events.Refresh("onRefresh")) ) Defines the name of the JavaScript function that will handle the the Refresh client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Window() .Name("Window") .Events(events => events.Refresh("onRefresh")) ) Triggered when the Window is restored to its previous state(maximized or minimized) by pressing the restore button, or when the restore() method is called. The name of the JavaScript function that will handle the event. @( Html.Kendo().Window() .Name("Window") .Events(events => events.Restore("onRestore")) ) Triggered when the Window is restored to its previous state(maximized or minimized) by pressing the restore button, or when the restore() method is called. The name of the JavaScript function that will handle the event. @( Html.Kendo().Window() .Name("Window") .Events(events => events.Restore("onRestore")) ) Defines the name of the JavaScript function that will handle the the Error client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Window() .Name("Window") .Events(events => events.Error("onError")) ) Defines the name of the JavaScript function that will handle the the Error client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Window() .Name("Window") .Events(events => events.Error("onError")) ) Defines the name of the JavaScript function that will handle the the Minimize client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Window() .Name("Window") .Events(events => events.Minimize("onMinimize")) ) Defines the name of the JavaScript function that will handle the the Minimize client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Window() .Name("Window") .Events(events => events.Minimize("onMinimize")) ) Defines the name of the JavaScript function that will handle the the Maximize client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Window() .Name("Window") .Events(events => events.Maximize("onMaximize")) ) Defines the name of the JavaScript function that will handle the the Maximize client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Window() .Name("Window") .Events(events => events.Maximize("onMaximize")) ) Defines the fluent interface for configuring the component. The text in the window title bar. If false, the window will be displayed without a title bar. Note that this will prevent the window from being dragged, and the window titlebar buttons will not be shown. The configurator for the title setting. @(Html.Kendo().Window() .Name("Window") .Title(t => t.Text("My Title")) ) Allows title to be shown / hidden If true, a title is shown. @(Html.Kendo().Window() .Name("Window") .Title(true) ) Sets title, which appears in the header of the window. The title. @(Html.Kendo().Window() .Name("Window") .Title("My title") ) Defines a selector for the element to which the Window will be appended. By default this is the page body. A selector of the Window container @(Html.Kendo().Window() .Name("Window") .AppendTo(".container") ) Configure how the window content is fetched, parsed, and rendered The content settings action Sets the HTML content which the window should display. The action which renders the content. @(Html.Kendo().Window() .Name("Window") .Content(() => { <strong>Window content</strong> }) ) Sets the HTML content which the window should display The Razor inline template @(Html.Kendo().Window() .Name("Window") .Content(@<strong> Hello World!</strong>)) Sets the HTML content which the item should display as a string. The action which renders the content. @(Html.Kendo().Window() .Name("Window") .Content("<strong> Content</strong>") ) Sets the Url, which will be requested to return the content. The route values of the Action method. @(Html.Kendo().Window() .Name("Window") .LoadContentFrom(MVC.Home.Index().GetRouteValueDictionary()); ) Sets the Url, which will be requested to return the content. The action name. The controller name. @(Html.Kendo().Window() .Name("Window") .LoadContentFrom("AjaxView_OpenSource", "Window") ) Sets the Url, which will be requested to return the content. The action name. The controller name. Route values. @(Html.Kendo().Window() .Name("Window") .LoadContentFrom("AjaxView_OpenSource", "Window", new { id = 10}) ) Sets the Url, which will be requested to return the content. The action name. The controller name. Route values. @(Html.Kendo().Window() .Name("Window") .LoadContentFrom("AjaxView_OpenSource", "Window", new RouteValueDictionary { { "param1", "1" }, { "param2", "2" } }) ) Sets the Url, which will be requested to return the content. The url. @(Html.Kendo().Window() .Name("Window") .LoadContentFrom(Url.Action("AjaxView_OpenSource", "Window")) ) Configures the client-side events. The client events action. @(Html.Kendo().Window() .Name("Window") .Events(events => events.Open("onOpen").Close("onClose") ) ) Enables windows resizing. @(Html.Kendo().Window() .Name("Window") .Resizable() ) Configures the resizing ability of the window. Resizing settings action. @(Html.Kendo().Window() .Name("Window") .Resizable(settings => settings.Enabled(true).MaxHeight(500).MaxWidth(500) ) ) Configures the window buttons. The buttons configuration action. @(Html.Kendo().Window() .Name("Window") .Actions(actions => actions.Close() ) ) Sets the width of the window. The width of the window. @(Html.Kendo().Window() .Name("Window") .Width(600) ) Sets the height of the window. The height of the window. @(Html.Kendo().Window() .Name("Window") .Height(500) ) Sets the width of the window. The width of the window. @(Html.Kendo().Window() .Name("Window") .Width("600") ) Sets the height of the window. The height of the window. @(Html.Kendo().Window() .Name("Window") .Height("500") ) Configures the position of the window. Position settings action. @(Html.Kendo().Window() .Name("Window") .Position(settings => settings.Top(100).Left(100) ) ) Sets whether the window should be rendered visible. If true, the window is initially visible, otherwise it is hidden. @(Html.Kendo().Window() .Name("Window") .Visible(true) ) Sets whether the window should have scrollbars. If true, enables scrolling in the window. @(Html.Kendo().Window() .Name("Window") .Scrollable(true) ) Enables or disables the animation effects of the window. If true, enables the window animation @(Html.Kendo().Window() .Name("Window") .Animation(false) ) Configures the animation effects of the panelbar. The action that configures the animation. @(Html.Kendo().Window() .Name("Window") .Animation(animation => animation.Close(close => close.Duration(600))) ) Sets whether the window should be modal or not. If true, makes the window modal. @(Html.Kendo().Window() .Name("Window") .Modal(true) ) Specifies whether the dialog should show a modal overlay over the page. The action that configures the modal. @(Html.Kendo().Window() .Name("Window") .Modal(m => m.PreventScroll(true)) ) Configures the draggable settings. The configurator for the draggable setting. @(Html.Kendo().Window() .Name("Window") .Draggable(settings => settings.Containment("#containment").DragHandle("#handle") ) ) Sets whether the window can be moved. @(Html.Kendo().Window() .Name("Window") .Draggable() ) Sets whether the window can be moved. Sets whether the window is pinned. @(Html.Kendo().Window() .Name("Window") .Pinned() ) Sets whether the window automatically gains focus when opened. If true, the Window is focused automatically when opened. @(Html.Kendo().Window() .Name("Window") .AutoFocus(true) ) Sets whether the window is pinned. If true, pins the window. @(Html.Kendo().Window() .Name("Window") .Pinned(true) ) Explicitly specifies whether the loaded window content will be rendered as an iframe or in-line If true, enables the iframe, otherwise disables it. @(Html.Kendo().Window() .Name("Window") .Iframe(true) ) Set predefined size to the window. The width and height configuration options override the predefined size.Possible values are: auto; small; medium or large. The value that configures the size. @(Html.Kendo().Window() .Name("Window") .Size("small") ) View component Builder base class. Initializes a new instance of the class. The component. Gets the view component. The component. Returns the internal view component. Sets the name of the component. The name of the component. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Suppress initialization script rendering. Note that this options should be used in conjunction with Uses the Metadata of the Model. The metadata set for the Model @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Pageable() .Scrollable() .ModelMetadata(ModelMetadata.FromStringExpression("Name", ViewData)) .HtmlAttributes(new { style = "height: 550px;" }) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Sets the HTML attributes. The HTML attributes. @(Html.Kendo().Grid<OrderViewModel>() .Name("grid") .Columns(columns => { columns.Bound(p => p.OrderID).Filterable(false); columns.Bound(p => p.Freight); }) .Pageable() .Scrollable() .HtmlAttributes(new { style = "height: 550px;" }) .DataSource(dataSource => dataSource .Ajax() .PageSize(20) .Read(read => read.Action("Orders_Read", "Grid")) ) ) Renders the component. @(@Page Inherits="System.Web.Mvc.ViewPage<IEnumerable<Product>>" ) @( Html.Kendo().Grid(Model) .Name("grid") .DetailTemplate(product => { ) Product Details: <div>Product Name: @( product.ProductName )</div> <div>Units In Stock: @( product.UnitsInStock )</div> @( }) .Render(); ) Allows configuration of the buttons to be rendered on each step. If the array contains strings, those values will be taken as Buttons names. If the array contains objects, those will be used when initializing the actual Button instances on each step. The action that configures the buttons. Specifies the HTML string content to be rendered in the step. The value that configures the content. Specifies the id of a DOM element, which content to be used as a content of the current step. The value that configures the contentid. Specifies an endpoint which the step content should be loaded from. The value that configures the contenturl. Specifies a custom class that will be set on the step container element. The value that configures the customclass. Specifies whether the step is enabled or not. The value that configures the enabled. Specifies the Stepper's step icon. The value that configures the icon. Specifies the Stepper's step iconTemplate. The value that configures the iconTemplate. Specifies the Stepper's step iconTemplateId. The value that configures the iconTemplateId. Specifies the Stepper's step iconTemplate. The value that configures the iconTemplate. Specifies whether the pager will be rendered on the current step or not. The value that configures the pager. Specifies a title of the current step. The value that configures the title. Defines the fluent API for configuring the Kendo MobileActionSheet for ASP.NET MVC. Initializes a new instance of the class. The component. The text of the cancel button. The value that configures the cancel. Specifies the title of the actionsheet The value that configures the title. The popup configuration options (tablet only) The action that configures the popup. Contains the items of the actionsheet widget The action that configures the items. Specifies the actionsheet type. The value that configures the type. Configures the client-side events. The client events action. @( Html.Kendo().MobileActionSheet() .Name("MobileActionSheet") .Events(events => events .Open("onOpen") ) ) Defines the fluent API for adding items to Kendo MobileActionSheet for ASP.NET MVC Defines the fluent API for configuring the MobileActionSheetPopupSettings settings. The height of the popup in pixels. The value that configures the height. The width of the popup in pixels The value that configures the width. The height of the popup in pixels. The value that configures the height. The width of the popup in pixels The value that configures the width. The direction to which the popup will expand, relative to the target that opened it The value that configures the direction. Defines the fluent API for configuring the Kendo MobileActionSheet for ASP.NET MVC events. Fires when the ActionSheet is closed. The name of the JavaScript function that will handle the close event. Fires when the ActionSheet is opened. The name of the JavaScript function that will handle the open event. Defines the fluent API for configuring the MobileActionSheetItem settings. Specifies the name of the handler that will be executed when the item is clicked The value that configures the action. Specifies the text of the item The value that configures the text. Sets the HTML attributes. The HTML attributes. Sets the HTML attributes. The HTML attributes. Defines the fluent API for configuring the Kendo MobileButton for ASP.NET MVC. Initializes a new instance of the class. The component. Configures the DOM event used to trigger the button click event/navigate in the mobile application. Can be set to "down" as an alias for touchstart, mousedown, MSPointerDown, and PointerDown vendor specific events. Setting the clickOn to down usually makes sense for buttons in the header or in non-scrollable views for increased responsiveness.By default, buttons trigger click/navigate when the user taps the button (a press + release action sequence occurs). The value that configures the clickon. If set to false the widget will be disabled and will not allow the user to click it. The widget is enabled by default. The value that configures the enable. The icon of the button. It can be either one of the built-in icons, or a custom one. The value that configures the icon. Specifies the url for remote view or id of the view to be loaded (prefixed with #, like an anchor) The value that configures the url. Specifies the text of the button The value that configures the text. Specifies the Pane transition The value that configures the transition. Specifies the id of target Pane or `_top` for application level Pane The value that configures the target. This value will be available when the action callback of ActionSheet item is executed The value that configures the actionsheetcontext. Use the align data attribute to specify the elements position inside the NavBar. By default, elements without any align are centered. The value that configures the align. Specifies the widget to be open when is tapped (the href must be set too) The value that configures the rel. Specifies the value shown in badge icon The value that configures the badge. Specifies the url for remote view to be loaded Sets controller and action from where the remove view to be loaded. Action name Controller Name Route values Sets controller, action and routeValues from where the remove view to be loaded. Action name Controller Name Configures the client-side events. The client events action. @( Html.Kendo().MobileButton() .Name("MobileButton") .Events(events => events .Click("onClick") ) ) Defines the fluent API for configuring the Kendo MobileButton for ASP.NET MVC events. Fires when the user taps the button. The name of the JavaScript function that will handle the click event. Defines the fluent API for configuring the Kendo MobileButtonGroup for ASP.NET MVC. Initializes a new instance of the class. The component. Defines if the widget is initially enabled or disabled. The value that configures the enable. Defines the initially selected Button (zero based index). The value that configures the index. Sets the DOM event used to select the button. Accepts "up" as an alias for touchend, mouseup and MSPointerUp vendor specific events.By default, buttons are selected immediately after the user presses the button (on touchstart or mousedown or MSPointerDown, depending on the mobile device). However, if the widget is placed in a scrollable view, the user may accidentally press the button when scrolling. In such cases, it is recommended to set this option to "up". The value that configures the selecton. Contains the items of the button group widget The action that configures the items. Configures the client-side events. The client events action. @( Html.Kendo().MobileButtonGroup() .Name("MobileButtonGroup") .Events(events => events .Select("onSelect") ) ) Defines the fluent API for configuring the Kendo MobileButtonGroup for ASP.NET MVC events. Fires when a Button is selected. The name of the JavaScript function that will handle the select event. Defines the fluent API for adding items to Kendo MobileButtonGroup for ASP.NET MVC Defines the fluent API for configuring the MobileButtonGroupItem settings. The icon of the button. It can be either one of the built-in icons, or a custom one The value that configures the icon. Specifies the text of the item The value that configures the text. Specifies the value shown in badge icon The value that configures the badge. Sets the HTML attributes. The HTML attributes. Sets the HTML attributes. The HTML attributes. Defines the fluent API for configuring the Kendo MobileBackButton for ASP.NET MVC. Initializes a new instance of the class. The component. The icon of the button. It can be either one of the built-in icons, or a custom one The value that configures the icon. Specifies the text of the button The value that configures the text. Specifies the url for remote view or id of the view to be loaded (prefixed with #, like an anchor) The value that configures the url. Specifies the id of target Pane or `_top` for application level Pane The value that configures the target. Use the align data attribute to specify the elements position inside the NavBar. By default, elements without any align are centered. The value that configures the align. Specifies the url for remote view to be loaded Sets controller and action from where the remove view to be loaded. Action name Controller Name Route values Sets controller, action and routeValues from where the remove view to be loaded. Action name Controller Name Configures the client-side events. The client events action. @( Html.Kendo().MobileBackButton() .Name("MobileBackButton") .Events(events => events .Click("onClick") ) ) Defines the fluent API for configuring the Kendo MobileBackButton for ASP.NET MVC events. Fires when the user taps the button. The name of the JavaScript function that will handle the click event. Defines the fluent API for configuring the Kendo MobileSwitch for ASP.NET MVC. Initializes a new instance of the class. The component. The checked state of the widget. The value that configures the checked. If set to false the widget will be disabled and will not allow the user to change its checked state. The widget is enabled by default. The value that configures the enable. The OFF label. The value that configures the offlabel. The ON label. The value that configures the onlabel. Configures the client-side events. The client events action. @( Html.Kendo().MobileSwitch() .Name("MobileSwitch") .Events(events => events .Change("onChange") ) ) Defines the fluent API for configuring the Kendo MobileSwitch for ASP.NET MVC events. Fires when the state of the widget changes The name of the JavaScript function that will handle the change event. Defines the fluent API for configuring the Kendo MobileTabStrip for ASP.NET MVC. Initializes a new instance of the class. The component. The index of the initially selected tab. The value that configures the selectedindex. Contains the items of the tabstrip widget The action that configures the items. Configures the client-side events. The client events action. @( Html.Kendo().MobileTabStrip() .Name("MobileTabStrip") .Events(events => events .Select("onSelect") ) ) Defines the fluent API for adding items to Kendo MobileTabStrip for ASP.NET MVC Defines the fluent API for configuring the MobileTabStripItem settings. Specifies the url or id of the view which will be loaded The value that configures the url. The icon of the button. It can be either one of the built-in icons, or a custom one The value that configures the icon. Specifies the text of the item The value that configures the text. Specifies the id of target Pane or `_top` for application level Pane The value that configures the target. This value will be available when the action callback of ActionSheet item is executed The value that configures the actionsheetcontext. Specifies the value shown in badge icon The value that configures the badge. Specifies the widget to be open when is tapped (the href must be set too) The value that configures the rel. Sets the HTML attributes. The HTML attributes. Sets the HTML attributes. The HTML attributes. Specifies the url for remote view to be loaded Sets controller and action from where the remove view to be loaded. Action name Controller Name Route values Sets controller, action and routeValues from where the remove view to be loaded. Action name Controller Name Defines the fluent API for configuring the Kendo MobileTabStrip for ASP.NET MVC events. Fires when tab is selected. The name of the JavaScript function that will handle the select event. Defines the fluent API for configuring the Kendo MobileView for ASP.NET MVC. Initializes a new instance of the class. The component. Applicable to remote views only. If set to true, the remote view contents will be reloaded from the server (using Ajax) each time the view is navigated to. The value that configures the reload. Configuration options to be passed to the scroller instance instantiated by the view. For more details, check the scroller configuration options. The value that configures the scroller. If set to true, the view will stretch its child contents to occupy the entire view, while disabling kinetic scrolling. Useful if the view contains an image or a map. The value that configures the stretch. The text to display in the NavBar title (if present) and the browser title. The value that configures the title. If set to true, the view will use the native scrolling available in the current platform. This should help with form issues on some platforms (namely Android and WP8). Native scrolling is only enabled on platforms that support it: iOS > 5+, Android > 3+, WP8. BlackBerry devices do support it, but the native scroller is flaky. The value that configures the usenativescrolling. If set to true, the user can zoom in/out the contents of the view using the pinch/zoom gesture. The value that configures the zoom. Specifies the id of the default layout The value that configures the layout. Specifies the Pane transition The value that configures the transition. Sets the HTML content which the header should display. The action which renders the header. @( Html.Kendo().MobileView() .Name("View") .Header(() => { ) <strong> View Header </strong> ( }) .Render(); ) Sets the HTML content which the header should display. The content wrapped in a regular HTML tag or text tag (Razor syntax). @(Html.Kendo().MobileView() .Name("View") .Header( @<text> Some text <strong> View Header </strong> </text> ) ) Sets the HTML content which the header should display as a string. The action which renders the header. @( Html.Kendo().MobileView() .Name("View") .Header("<strong> View Header </strong>"); .Render(); ) Sets the HTML content which the content should display. The action which renders the content. @( Html.Kendo().MobileView() .Name("View") .Content(() => { ) <strong> View Content </strong> ( }) .Render(); ) Sets the HTML content which the content should display. The content wrapped in a regular HTML tag or text tag (Razor syntax). @(Html.Kendo().MobileView() .Name("View") .Content( @<text> Some text <strong> View Content </strong> </text> ) ) Sets the HTML content which the view content should display as a string. The action which renders the view content. @( Html.Kendo().MobileView() .Name("View") .Content("<strong> View Content </strong>"); .Render(); ) Sets the HTML content which the footer should display. The action which renders the footer. @( Html.Kendo().MobileView() .Name("View") .Footer(() => { ) <strong> View Footer </strong> ( }) .Render(); ) Sets the HTML content which the footer should display. The content wrapped in a regular HTML tag or text tag (Razor syntax). @(Html.Kendo().MobileView() .Name("View") .Footer( @<text> Some text <strong> View Footer </strong> </text> ) ) Sets the HTML content which the footer should display as a string. The action which renders the footer. @( Html.Kendo().MobileView() .Name("View") .Footer("<strong> View Footer </strong>"); .Render(); ) Configures the client-side events. The client events action. @( Html.Kendo().MobileView() .Name("MobileView") .Events(events => events .AfterShow("onAfterShow") ) ) Defines the fluent API for configuring the Kendo MobileView for ASP.NET MVC events. Fires after the mobile View becomes visible. If the view is displayed with transition, the event is triggered after the transition is complete. The name of the JavaScript function that will handle the afterShow event. Fires before the mobile View becomes hidden. The name of the JavaScript function that will handle the beforeHide event. Fires before the mobile View becomes visible. The event can be prevented by calling the preventDefault method of the event parameter, in case a redirection should happen. The name of the JavaScript function that will handle the beforeShow event. Fires when the mobile View becomes hidden. The name of the JavaScript function that will handle the hide event. Fires after the mobile View and its child widgets are initialized. The name of the JavaScript function that will handle the init event. Fires when the mobile View becomes visible. The name of the JavaScript function that will handle the show event. Fires when the mobile view transition starts. The name of the JavaScript function that will handle the transitionStart event. Fires after the mobile view transition container has its k-fx-end class set. Setting CSS properties to the view at the event handler will animate them. The name of the JavaScript function that will handle the transitionEnd event. Defines the fluent API for configuring the Kendo MobileModalView for ASP.NET MVC. Initializes a new instance of the class. The component. When set to false, the ModalView will close when the user taps outside of its element. The value that configures the modal. The height of the ModalView container in pixels. If not set, the element style is used. The value that configures the height. The width of the ModalView container in pixels. If not set, the element style is used. The value that configures the width. If set to true, the user can zoom in/out the contents of the view using the pinch/zoom gesture. The value that configures the zoom. If set to true, the view will stretch its child contents to occupy the entire view, while disabling kinetic scrolling. Useful if the view contains an image or a map. The value that configures the stretch. (available since Q1 2013) If set to true, the view will use the native scrolling available in the current platform. This should help with form issues on some platforms (namely Android and WP8). Native scrolling is only enabled on platforms that support it: iOS > 4, Android > 2, WP8. BlackBerry devices do support it, but the native scroller is flaky. The value that configures the usenativescrolling. The text to display in the navbar title (if present) and the browser title. The value that configures the title. Specifies the id of the default layout The value that configures the layout. The height of the ModalView in pixels. The value that configures the height. The width of the ModalView in pixels The value that configures the width. Sets the HTML content which the header should display. The action which renders the header. @( Html.Kendo().MobileModalView() .Name("View") .Header(() => { ) <strong> View Header </strong> ( }) .Render(); ) Sets the HTML content which the header should display. The content wrapped in a regular HTML tag or text tag (Razor syntax). @(Html.Kendo().MobileModalView() .Name("View") .Header( @<text> Some text <strong> View Header </strong> </text> ) ) Sets the HTML content which the header should display as a string. The action which renders the header. @( Html.Kendo().MobileModalView() .Name("View") .Header("<strong> View Header </strong>"); .Render(); ) Sets the HTML content which the content should display. The action which renders the content. @( Html.Kendo().MobileModalView() .Name("View") .Content(() => { ) <strong> View Content </strong> ( }) .Render(); ) Sets the HTML content which the content should display. The content wrapped in a regular HTML tag or text tag (Razor syntax). @(Html.Kendo().MobileModalView() .Name("View") .Content( @<text> Some text <strong> View Content </strong> </text> ) ) Sets the HTML content which the view content should display as a string. The action which renders the view content. @( Html.Kendo().MobileModalView() .Name("View") .Content("<strong> View Content </strong>"); .Render(); ) Sets the HTML content which the footer should display. The action which renders the footer. @( Html.Kendo().MobileModalView() .Name("View") .Footer(() => { ) <strong> View Footer </strong> ( }) .Render(); ) Sets the HTML content which the footer should display. The content wrapped in a regular HTML tag or text tag (Razor syntax). @(Html.Kendo().MobileModalView() .Name("View") .Footer( @<text> Some text <strong> View Footer </strong> </text> ) ) Sets the HTML content which the footer should display as a string. The action which renders the footer. @( Html.Kendo().MobileModalView() .Name("View") .Footer("<strong> View Footer </strong>"); .Render(); ) Configures the client-side events. The client events action. @( Html.Kendo().MobileModalView() .Name("MobileModalView") .Events(events => events .Close("onClose") ) ) Defines the fluent API for configuring the Kendo MobileModalView for ASP.NET MVC events. Fires before the ModalView is shown. calling preventDefault on the event argument will cancel the open. The name of the JavaScript function that will handle the beforeOpen event. Fired when the mobile ModalView is closed by the user. The name of the JavaScript function that will handle the close event. Fired when the mobile ModalView and its child widgets are initialized. The name of the JavaScript function that will handle the init event. Fires when the ModalView is shown. The name of the JavaScript function that will handle the open event. Defines the fluent API for configuring the Kendo MobileSplitView for ASP.NET MVC. Initializes a new instance of the class. The component. Defines the SplitView style - horizontal or vertical. The value that configures the style. Contains the panes of the splitview widget The action that configures the panes. Configures the client-side events. The client events action. @( Html.Kendo().MobileSplitView() .Name("MobileSplitView") .Events(events => events .Init("onInit") ) ) Defines the fluent API for adding items to Kendo MobileSplitView for ASP.NET MVC Defines the fluent API for configuring the MobileSplitViewPane settings. The id of tha pane. The value that configures the id. The value that configures the initial. The value that configures the initial. The value that configures the layout. The value that configures the layout. The text displayed in the loading popup. Setting this value to false will disable the loading popup. The value that configures the loading. The default View transition. The value that configures the transition. Defines whether the pane is collapsible. Collapsible panes are automatically hidden when the device is in portrait orientation. The value that configures the collapsible. Defines the width of the pane in portrait orientation. The value that configures the portraitwidth. Defines the width of the pane in portrait orientation (in pixels). The value that configures the portraitwidth. Sets the HTML content which the pane should display. The action which renders the content. @( Html.Kendo().MobileSplitView() .Name("View") .Panes(panes => panes.Add() .Content(() => { ) <strong> View Content </strong> ( }) ) .Render(); ) Sets the HTML content which the pane should display. The content wrapped in a regular HTML tag or text tag (Razor syntax). @(Html.Kendo().MobileSplitView() .Name("View") .Panes(panes => panes.Add() .Content( @<text> Some text <strong> View Content </strong> </text> )) ) Sets the HTML content which the pane should display as a string. The action which renders the view content. @( Html.Kendo().MobileSplitView() .Name("View") .Panes(panes => panes.Add().Content("<strong> View Content </strong>")) .Render(); ) Sets the HTML attributes. The HTML attributes. Sets the HTML attributes. The HTML attributes. Configures the client-side events. The client events action. @( Html.Kendo().MobileSplitView() .Name("MobileSplitView") .Panes(panes => panes.Add() .Events(events => events .Navigate("onNavigate") )) ) Defines the fluent API for configuring the Kendo MobileSplitView for ASP.NET MVC events. Fires after the mobile SplitView and its child widgets are initialized. The name of the JavaScript function that will handle the init event. Fires when the mobile SplitView becomes visible. The name of the JavaScript function that will handle the show event. Defines the fluent API for configuring the Kendo MobilePopOver for ASP.NET MVC. Initializes a new instance of the class. The component. The pane configuration options. The action that configures the pane. The popup configuration options (tablet only) The action that configures the popup. Sets the HTML content which the content should display. The action which renders the content. @( Html.Kendo().MobilePopOver() .Name("PopOver") .Content(() => { ) <strong> PopOver Content </strong> ( }) .Render(); ) Sets the HTML content which the content should display. The content wrapped in a regular HTML tag or text tag (Razor syntax). @(Html.Kendo().MobilePopOver() .Name("PopOver") .Content( @<text> Some text <strong> PopOver Content </strong> </text> ) ) Sets the HTML content which the popover content should display as a string. The action which renders the view content. @( Html.Kendo().MobilePopOver() .Name("PopOver") .Content("<strong> PopOver Content </strong>"); .Render(); ) Configures the client-side events. The client events action. @( Html.Kendo().MobilePopOver() .Name("MobilePopOver") .Events(events => events .Close("onClose") ) ) Defines the fluent API for configuring the MobilePopOverPaneSettings settings. The id of the initial mobile View to display. The value that configures the initial. The id of the default Pane Layout. The value that configures the layout. The text displayed in the loading popup. Setting this value to false will disable the loading popup. The value that configures the loading. The default View transition. The value that configures the transition. Defines the fluent API for configuring the MobilePopOverPopupSettings settings. The height of the popup in pixels. The value that configures the height. The width of the popup in pixels The value that configures the width. The height of the popup in pixels. The value that configures the height. The width of the popup in pixels The value that configures the width. The direction to which the popup will expand, relative to the target that opened it The value that configures the direction. Defines the fluent API for configuring the Kendo MobilePopOver for ASP.NET MVC events. Fires when popover is closed. The name of the JavaScript function that will handle the close event. Fires when popover is opened. The name of the JavaScript function that will handle the open event. Defines the fluent API for configuring the Kendo MobileLayout for ASP.NET MVC. Initializes a new instance of the class. The component. The specific platform this layout targets. By default, layouts are displayed on all platforms. The value that configures the platform. Sets the HTML content which the header should display. The action which renders the header. @( Html.Kendo().MobileLayout() .Name("Layout") .Header(() => { ) <strong> View Header </strong> ( }) .Render(); ) Sets the HTML content which the header should display. The content wrapped in a regular HTML tag or text tag (Razor syntax). @(Html.Kendo().MobileLayout() .Name("Layout") .Header( @<text> Some text <strong> View Header </strong> </text> ) ) Sets the HTML content which the header should display as a string. The action which renders the header. @( Html.Kendo().MobileLayout() .Name("Layout") .Header("<strong> View Header </strong>"); .Render(); ) Sets the HTML content which the footer should display. The action which renders the footer. @( Html.Kendo().MobileLayout() .Name("Layout") .Footer(() => { ) <strong> View Footer </strong> ( }) .Render(); ) Sets the HTML content which the footer should display. The content wrapped in a regular HTML tag or text tag (Razor syntax). @(Html.Kendo().MobileLayout() .Name("Layout") .Footer( @<text> Some text <strong> View Footer </strong> </text> ) ) Sets the HTML content which the footer should display as a string. The action which renders the footer. @( Html.Kendo().MobileLayout() .Name("Layout") .Footer("<strong> View Footer </strong>"); .Render(); ) Sets the Header HTML attributes. The HTML attributes. Sets the Footer HTML attributes. The HTML attributes. Sets the Header HTML attributes. The HTML attributes. Sets the Footer HTML attributes. The HTML attributes. Configures the client-side events. The client events action. @( Html.Kendo().MobileLayout() .Name("MobileLayout") .Events(events => events .Hide("onHide") ) ) Defines the fluent API for configuring the Kendo MobileLayout for ASP.NET MVC events. Fires when a mobile View using the layout becomes hidden. The name of the JavaScript function that will handle the hide event. Fires after a mobile Layout and its child widgets is initialized. The name of the JavaScript function that will handle the init event. Fires when a mobile View using the layout becomes visible. The name of the JavaScript function that will handle the show event. Defines the fluent API for configuring the Kendo MobileNavBar for ASP.NET MVC. Initializes a new instance of the class. The component. Sets the HTML content which the content should display. The action which renders the content. @( Html.Kendo().MobileNavBar() .Name("NavBar") .Content(() => { ) <strong> View Title </strong> ( }) .Render(); ) Sets the HTML content which the content should display. The action which renders the content. @( Html.Kendo().MobileNavBar() .Name("NavBar") .Content((navbar) => { ) <= navbar.ViewTitle("View Title")> ( }) .Render(); ) Sets the HTML content which the content should display. The content wrapped in a regular HTML tag or text tag (Razor syntax). @(Html.Kendo().MobileNavBar() .Name("NavBar") .Content( @<text> Some text <strong> View Title </strong> </text> ) ) Sets the HTML content which the content should display. The content wrapped in a regular HTML tag or text tag (Razor syntax). @(Html.Kendo().MobileNavBar() .Name("NavBar") .Content(@navbar => @<text> Some text @navbar.ViewTitle("View Title") </text> ) ) Sets the HTML content which the view content should display as a string. The action which renders the view content. @( Html.Kendo().MobileNavBar() .Name("NavBar") .Content("<strong> View Title </strong>"); .Render(); ) Defines the fluent API for configuring the Kendo MobileScrollView for ASP.NET MVC. Initializes a new instance of the class. The component. If set to false the widget will not bind to the DataSource during initialization. In this case data binding will occur when the change event of the data source is fired. By default the widget will bind to the DataSource specified in the configuration.Applicable only in data bound mode. The value that configures the autobind. The velocity threshold after which a swipe will result in a bounce effect. The value that configures the bouncevelocitythreshold. The milliseconds that take the ScrollView to snap to the current page after released. The value that configures the duration. The template which is used to render the pages without content. By default the ScrollView renders a blank page.Applicable only in data bound mode. The value that configures the emptytemplateid. If set to true the ScrollView will display a pager. By default pager is enabled. The value that configures the enablepager. Determines how many data items will be passed to the page template.Applicable only in data bound mode. The value that configures the itemsperpage. The initial page to display. The value that configures the page. Multiplier applied to the snap amount of the ScrollView. By default, the widget scrolls to the next screen when swipe. If the pageSize property is set to 0.5, the ScrollView will scroll by half of the widget width.Not applicable in data bound mode. The value that configures the pagesize. The template which is used to render the content of pages. By default the ScrollView renders a div element for every page.Applicable only in data bound mode. The value that configures the templateid. The velocity threshold after which a swipe will navigate to the next page (as opposed to snapping back to the current page). The value that configures the velocitythreshold. Specifies the tag name of the item element. By default it will be `div` element The value that configures the itemtagname. Specifies whether exactly one item per page must be shown The value that configures the fititemperpage. The height of the ScrollView content. The value that configures the contentheight. Contains the items of the ScrollView widget The action that configures the items. The height of the ScrollView content. The value that configures the contentheight. Instance of DataSource or the data that the mobile ScrollView will be bound to. The value that configures the datasource. Configures the client-side events. The client events action. @( Html.Kendo().MobileScrollView() .Name("MobileScrollView") .Events(events => events .Change("onChange") ) ) Defines the fluent API for configuring the Kendo MobileScrollView for ASP.NET MVC events. Fires before the widget page is changed. The change can be prevented by calling the preventDefault method of the event parameter, in which case the widget will snap back to the current page. The name of the JavaScript function that will handle the changing event. Fires before the widget page is changed. The change can be prevented by calling the preventDefault method of the event parameter, in which case the widget will snap back to the current page. The code of the JavaScript function that will handle the changing event. Fires when the widget page is changed. The name of the JavaScript function that will handle the change event. Fires when the widget page is changed. The code of the JavaScript function that will handle the change event. Fires when widget refreshes The name of the JavaScript function that will handle the refresh event. Fires when widget refreshes The code of the JavaScript function that will handle the refresh event. Defines the fluent API for adding items to Kendo MobileScrollView for ASP.NET MVC Defines the fluent API for configuring the MobileScrollViewItem settings. Sets the HTML attributes. The HTML attributes. Sets the HTML attributes. The HTML attributes. Sets the HTML content which the content should display. The action which renders the content. @( Html.Kendo().MobileScrollView() .Name("View") .Items(items => items.Add() .Content(() => { ) <strong> View Content </strong> ( }) ) .Render(); ) Sets the HTML content which the content should display. The content wrapped in a regular HTML tag or text tag (Razor syntax). @(Html.Kendo().MobileScrollView() .Name("View") .Items(items => items.Add() .Content( @<text> Some text <strong> View Content </strong> </text> ) ) ) Sets the HTML content which the view content should display as a string. The action which renders the view content. @( Html.Kendo().MobileScrollView() .Name("View") .Items(items => items.Add() .Content("<strong> View Content </strong>")) .Render(); ) Defines the fluent API for configuring the Kendo MobileDetailButton for ASP.NET MVC. Initializes a new instance of the class. The component. Specifies the url for remote view or id of the view to be loaded (prefixed with #, like an anchor) The value that configures the url. Specifies the Pane transition The value that configures the transition. Specifies the id of target Pane or `_top` for application level Pane The value that configures the target. This value will be available when the action callback of ActionSheet item is executed The value that configures the actionsheetcontext. The icon of the button. It can be either one of the built-in icons, or a custom one. The value that configures the icon. Specifies predefined button style The value that configures the style. Use the align data attribute to specify the elements position inside the NavBar. By default, elements without any align are centered. The value that configures the align. Specifies the widget to be open when is tapped (the href must be set too) The value that configures the rel. Specifies the url for remote view to be loaded Sets controller and action from where the remove view to be loaded. Action name Controller Name Route values Sets controller, action and routeValues from where the remove view to be loaded. Action name Controller Name Configures the client-side events. The client events action. @( Html.Kendo().MobileDetailButton() .Name("MobileDetailButton") .Events(events => events .Click("onClick") ) ) Defines the fluent API for configuring the Kendo MobileDetailButton for ASP.NET MVC events. Fires when the user taps the button. The name of the JavaScript function that will handle the click event. Defines the fluent API for configuring the Kendo MobileApplication for ASP.NET MVC. Initializes a new instance of the class. The component. Introduced in the 2014 Q3 release. If set to false, the navigation will not update or read the browser location fragment. The value that configures the browserhistory. Introduced in the 2014 Q1 Service Pack 1 release. If set to true, the navigation will parse and prefix the url fragment value with !, which should be SEO friendly. The value that configures the hashbang. Whether to hide the browser address bar. Supported only in iPhone and iPod. Doesn't affect standalone mode as there the address bar is always hidden. The value that configures the hideaddressbar. The id of the initial mobile View to display. The value that configures the initial. The id of the default Application layout. The value that configures the layout. The text displayed in the loading popup. Setting this value to false will disable the loading popup.Note: The text should be wrapped inside <h1> tag. The value that configures the loading. The view model scope. By default, the views will try to resolve their models from the global scope (window). The value that configures the modelscope. Which platform look to force on the application. Supported values are "ios" (meaning iOS 6 look), "ios7","android", "blackberry" and "wp". You can also set platform variants with it ("android-light" or "android-dark"), but keep in mind that it will still override the platform. If this is not desired, use the skin option. The value that configures the platform. Applicable if pushState is used and the application is deployed to a path different than /. If the application start page is hosted on //foo.com/myapp/, the root option should be set to /myapp/. The value that configures the root. If set to true, the application will set the meta viewport tag scale value according to the device pixel ratio, and re-scale the app by setting root element font size to the respective value. This will result in the widget borders/separators being real 1px wide. For example, in iPhone 4/5, the device pixel ratio is 2, which means that the scale will be set to 0.5, while the app root will receive a font-size: 2 * 0.92 inline style set. The value that configures the retina. If set to true, the application will not use AJAX to load remote views. The value that configures the servernavigation. The skin to apply to the application. Currently, Kendo UI Mobile ships with nova, flat, material-light and material-dark skins in addition to the native looking ones. You can also set platform variants with it ("android-light" or "android-dark").Note: The Material themes were renamed to material-light and material-dark in 2014 Q3 SP1. With 2014 Q3 (v2014.3.1119) and older Kendo UI versions,material and materialblack skin names should be used. The value that configures the skin. Set the status bar style meta tag in iOS used to control the styling of the status bar in a pinned to the Home Screen app. Available as of Q2 2013 SP. The value that configures the statusbarstyle. The default View transition. For a list of supported transitions, check the Getting Started help topic. The value that configures the transition. Whether to update the document title. The value that configures the updatedocumenttitle. By default, the mobile application uses flexbox for the mobile views layout. The content element is made scrollable, either by initializing a mobile scroller or with the browser supported overflow: auto and -webkit-overflow-scrolling: touch CSS declarations. When the useNativeScrolling configuration option is set to true, the view header and footer are positioned using position: fixed CSS declaration. The view content vertical padding is adjusted to match the header and footer height; The default browser scroller is utilized for the content scrolling.For more information regarding native scrolling check this article. The value that configures the usenativescrolling. Disables the default behavior of Kendo UI Mobile apps to be web app capable (open in a chromeless browser). Introduced in Q2 2013. The value that configures the webappcapable. Specifies how history should be handled The value that configures the pushstate. Specify default icon url The icon url Specify icon url per dimension Configurator for icon url per dimension Configures the client-side events. The client events action. @( Html.Kendo().MobileApplication() .Events(events => events .Init("onInit") ) ) Defines the fluent API for configuring the Kendo MobileListView for ASP.NET MVC. Initializes a new instance of the class. The component. Binds the MobileListView to a list of objects The data source. @( Html.Kendo().MobileListView<Order>() .Name("Orders") .BindTo((IEnumerable<Order>)ViewData["Orders"]); ) Binds the MobileListView to a list of objects The data source. @( Html.Kendo().MobileListView<Order>() .Name("Orders") .BindTo((IEnumerable)ViewData["Orders"]); ) Used in combination with pullToRefresh. If set to true, newly loaded data will be appended on top when refershing. The value that configures the appendonrefresh. Indicates whether the listview will call read on the DataSource initially. The value that configures the autobind. Instance of DataSource or the data that the mobile ListView will be bound to. The value that configures the datasource. If set to true, the listview gets the next page of data when the user scrolls near the bottom of the view. The value that configures the endlessscroll. If set to true, the group headers will persist their position when the user scrolls through the listview. Applicable only when the type is set to group, or when binding to grouped datasource. The value that configures the fixedheaders. The header item template (applicable when the type is set to group). The value that configures the headertemplate. If set to true, a button is rendered at the bottom of the listview, which fetch the next page of data when tapped. The value that configures the loadmore. The text of the rendered load-more button (applies only if loadMore is set to true). The value that configures the loadmoretext. The message template displayed when the user pulls the listView. Applicable only when pullToRefresh is set to true. The value that configures the pulltemplate. If set to true, the listview will reload its data when the user pulls the view over the top limit. The value that configures the pulltorefresh. The message template displayed during the refresh. Applicable only when pullToRefresh is set to true. The value that configures the refreshtemplate. The message template indicating that pullToRefresh will occur. Applicable only when pullToRefresh is set to true. The value that configures the releasetemplate. The distance to the bottom in pixels, after which the listview will start fetching the next page. Applicable only when endlessScroll is set to true. The value that configures the scrolltreshold. The distance to the bottom in pixels, after which the listview will start fetching the next page. Applicable only when endlessScroll is set to true. The value that configures the scrolltreshold. The style of the control. Can be either empty string(""), or inset. The value that configures the style. The item template. The value that configures the template. The type of the control. Can be either flat (default) or group. Determined automatically in databound mode. The value that configures the type. Indicates whether the filter input must be visible or not. The action that configures the filterable. Configures the client-side events. The client events action. @( Html.Kendo().MobileListView<Order>() .Name("MobileListView") .Events(events => events .Click("onClick") ) ) Builds MobileListView items. Action for declaratively building MobileListView items. @( Html.Kendo().MobileListViewView() .Name("View") .Items(items => { items.Add().Text("Item"); items.AddLink().Text("Link Item"); }) .Render(); ) Defines the fluent API for configuring the MobileListViewFilterableSettings settings. Placeholder text for search input. The value that configures the placeholder. Indicates whether filtering should be performed on every key up event or not. The value that configures the autofilter. Specifies the field which will be used in the filter expression. The value that configures the field. Specifies whether the filter expression must be case sensitive or not. The value that configures the ignorecase. Specifies the comparison operator used in the filter expression. The value that configures the operator. Defines the fluent API for configuring the Kendo MobileListView for ASP.NET MVC events. Fires when item is tapped. The name of the JavaScript function that will handle the click event. Fires when the ListView has received data from the data source. The name of the JavaScript function that will handle the dataBound event. Fires when the ListView is about to be rendered. The name of the JavaScript function that will handle the dataBinding event. Fires when the last page of the ListView is reached. Event will be raised only if the 'endless scroll' or 'load more' option is enabled. The name of the JavaScript function that will handle the lastPageReached event. Defines the fluent API for configuring the Kendo MobileDrawer for ASP.NET MVC. Initializes a new instance of the class. The component. Specifies the content element to shift when the drawer appears. Required if the drawer is used outside of a mobile application. The value that configures the container. If set to false, swiping the view will not activate the drawer. In this case, the drawer will only be open by a designated button. should be disabled for browsers, which use side swiping gestures for back/forward navigation, such as iOS Safari. Otherwise, users should swipe from an inner part of the view, and not from the view edge. The value that configures the swipetoopen. A list of the view ids on which the drawer will appear when the view is swiped. If omitted, the swipe gesture will work on all views. The option has effect only if swipeToOpen is set to true. The value that configures the swipetoopenviews. The text to display in the Navbar title (if present). The value that configures the title. The position of the drawer. Can be left (default) or right. The value that configures the position. Sets the HTML content which the header should display. The action which renders the header. @( Html.Kendo().MobileDrawer() .Name("Drawer") .Header(() => { ) <strong> Drawer Header </strong> @( }) .Render(); ) Sets the HTML content which the header should display. The content wrapped in a regular HTML tag or text tag (Razor syntax). @(Html.Kendo().MobileDrawer() .Name("Drawer") .Header( @<text> Some text <strong> Drawer Header </strong> </text> ) ) Sets the HTML content which the header should display as a string. The action which renders the header. @( Html.Kendo().MobileDrawer() .Name("Drawer") .Header("<strong> Drawer Header </strong>"); .Render(); ) Sets the HTML content which the content should display. The action which renders the content. @( Html.Kendo().MobileDrawer() .Name("Drawer") .Content(() => { ) <strong> Drawer Content </strong> ( }) .Render(); ) Sets the HTML content which the content should display. The content wrapped in a regular HTML tag or text tag (Razor syntax). @(Html.Kendo().MobileDrawer() .Name("Drawer") .Content( @<text> Some text <strong> Drawer Content </strong> </text> ) ) Sets the HTML content which the view content should display as a string. The action which renders the view content. @( Html.Kendo().MobileDrawer() .Name("Drawer") .Content("<strong> Drawer Content </strong>"); .Render(); ) Sets the HTML content which the footer should display. The action which renders the footer. @( Html.Kendo().MobileDrawer() .Name("Drawer") .Footer(() => { ) <strong> Drawer Footer </strong> @( }) .Render(); ) Sets the HTML content which the footer should display. The content wrapped in a regular HTML tag or text tag (Razor syntax). @(Html.Kendo().MobileDrawer() .Name("Drawer") .Footer( @<text> Some text <strong> Drawer Footer </strong> </text> ) ) Sets the HTML content which the footer should display as a string. The action which renders the footer. @( Html.Kendo().MobileDrawer() .Name("Drawer") .Footer("<strong> Drawer Footer </strong>"); .Render(); ) A list of the view ids on which the drawer will appear. If omitted, the drawer can be revealed on any view in the application. The list of view ids on which the drawer will appear. Configures the client-side events. The client events action. @( Html.Kendo().MobileDrawer() .Name("MobileDrawer") .Events(events => events .BeforeShow("onBeforeShow") ) ) Defines the fluent API for configuring the Kendo MobileDrawer for ASP.NET MVC events. Fired after the mobile Drawer has been hidden. The name of the JavaScript function that will handle the afterHide event. Fires before the mobile Drawer is revealed. The event can be prevented by calling the preventDefault method of the event parameter. The name of the JavaScript function that will handle the beforeShow event. Fired when the mobile Drawer is closed by the user. The name of the JavaScript function that will handle the hide event. Fired when the mobile Drawer and its child widgets are initialized. The name of the JavaScript function that will handle the init event. Fires when the Drawer is shown. The name of the JavaScript function that will handle the show event. Defines the fluent API for configuring the Kendo MobileApplication for ASP.NET MVC events. Fires after the mobile application is instantiated. The name of the JavaScript function that will handle the init event. Defines the fluent API for configuring the MapControlsSettings settings. Configures or disables the built-in attribution control. Enables or disables the attribution option. Configures or disables the built-in attribution control. The action that configures the attribution. Configures or disables the built-in navigator control (directional pad). Enables or disables the navigator option. Configures or disables the built-in navigator control (directional pad). The action that configures the navigator. Configures or disables the built-in zoom control (+/- button). Enables or disables the zoom option. Configures or disables the built-in zoom control (+/- button). The action that configures the zoom. Defines the fluent API for configuring the MapControlsNavigatorSettings settings. The position of the navigator control. Possible values include: The value that configures the position. Defines the fluent API for configuring the MapControlsZoomSettings settings. The position of the zoom control. Possible values include: The value that configures the position. Defines the fluent API for configuring the MapLayerDefaultsSettings settings. The default configuration for marker layers. The action that configures the marker. The default configuration for shape layers. The action that configures the shape. The default configuration for bubble layers. The action that configures the bubble. The size of the image tile in pixels. The value that configures the tilesize. The default configuration for tile layers. The action that configures the tile. The default configuration for Bing (tm) tile layers. The action that configures the bing. Defines the fluent API for configuring the MapLayerDefaultsShapeSettings settings. The attribution for all shape layers. The value that configures the attribution. The the opacity of all shape layers. The value that configures the opacity. The default style for shapes. The action that configures the style. Defines the fluent API for configuring the MapLayerDefaultsTileSettings settings. The URL template for tile layers. Template variables: x - X coordinate of the tile; y - Y coordinate of the tile; zoom - zoom level or subdomain - Subdomain for this tile. See subdomains. The value that configures the urltemplate. The URL template for tile layers. Template variables: x - X coordinate of the tile; y - Y coordinate of the tile; zoom - zoom level or subdomain - Subdomain for this tile. See subdomains. The value that configures the urltemplate. The URL template for tile layers. Template variables: x - X coordinate of the tile; y - Y coordinate of the tile; zoom - zoom level or subdomain - Subdomain for this tile. See subdomains. The value that configures the urltemplate. The URL template for tile layers. Template variables: x - X coordinate of the tile; y - Y coordinate of the tile; zoom - zoom level or subdomain - Subdomain for this tile. See subdomains. The value that configures the urltemplate. The attribution of all tile layers. The value that configures the attribution. The the opacity of all tile layers. The value that configures the opacity. Defines the fluent API for adding items to Kendo Map for ASP.NET MVC Defines the fluent API for configuring the MapLayer settings. Configures the data source of the map layer. The configuration of the data source. Configures of the subdomains. The subdomains The attribution for the layer. Accepts valid HTML. The value that configures the attribution. If set to false the layer will not bind to the data source during initialization. In this case data binding will occur when the change event of the data source is fired. By default the widget will bind to the data source specified in the configuration. The value that configures the autobind. Specifies the extent of the region covered by this layer. The layer will be hidden when the specified area is out of view.Accepts a four-element array that specifies the extent covered by this layer: North-West lat, longitude, South-East latitude, longitude.If not specified, the layer is always visible. The value that configures the extent. The API key for the layer. Currently supported only for Bing (tm) tile layers. The value that configures the key. The culture to be used for the bing map tiles. The value that configures the culture. The data item field which contains the marker (symbol) location. The field should be an array with two numbers - latitude and longitude in decimal degrees.Requires the dataSource option to be set.Only applicable to "marker" and "bubble" layers. The value that configures the locationfield. The size of the image tile in pixels. The value that configures the tilesize. The data item field which contains the marker title. Requires the dataSource option to be set. The value that configures the titlefield. The maximum symbol size for bubble layer symbols. The value that configures the maxsize. The minimum symbol size for bubble layer symbols. The value that configures the minsize. The maximum zoom level at which to show this layer. The value that configures the maxzoom. The minimum zoom level at which to show this layer. The value that configures the minzoom. The the opacity for the layer. The value that configures the opacity. The default style for shapes. The action that configures the style. The URL template for tile layers. Template variables: x - X coordinate of the tile; y - Y coordinate of the tile; zoom - zoom level or subdomain - Subdomain for this tile. See subdomains. The value that configures the urltemplate. The URL template for tile layers. Template variables: x - X coordinate of the tile; y - Y coordinate of the tile; zoom - zoom level or subdomain - Subdomain for this tile. See subdomains. The value that configures the urltemplate. The URL template for tile layers. Template variables: x - X coordinate of the tile; y - Y coordinate of the tile; zoom - zoom level or subdomain - Subdomain for this tile. See subdomains. The value that configures the urltemplate. The URL template for tile layers. Template variables: x - X coordinate of the tile; y - Y coordinate of the tile; zoom - zoom level or subdomain - Subdomain for this tile. See subdomains. The value that configures the urltemplate. The value field for bubble layer symbols. The data item field should be a number. The value that configures the valuefield. The zIndex for this layer.Layers are normally stacked in declaration order (last one is on top). The value that configures the zindex. The layer type. Supported types are "tile", "bing", "shape", "marker" and "bubble". The value that configures the type. The bing map tile types. Possible options. The value that configures the imageryset. The marker shape. Supported shapes are "pin" and "pinTarget". The value that configures the shape. The bubble layer symbol type. Supported symbols are "circle" and "square". The value that configures the symbol. The marker shape name. The "pin" and "pinTarget" shapes are predefined. The name of the shape. The bubble layer symbol type. The "circle" and "square" symbols are predefined. The value that configures the symbol. A client-side function to invoke that will draw the symbol. The name of the JavaScript function that will draw the symbol. The tooltip options for this marker. The action that configures the tooltip. Defines the fluent API for configuring the MapLayerFillSettings settings. The default fill color for layer shapes. Accepts a valid CSS color string, including hex and rgb. The value that configures the color. The default fill opacity (0 to 1) for layer shapes. The value that configures the opacity. Defines the fluent API for configuring the MapLayerStrokeSettings settings. The default stroke color for layer shapes. Accepts a valid CSS color string, including hex and rgb. The value that configures the color. The default stroke opacity (0 to 1) for layer shapes. The value that configures the opacity. Defines the fluent API for configuring the MapMarkerDefaultsSettings settings. The default marker shape. Supported shapes are "pin" and "pinTarget". The value that configures the shape. The marker shape name. The "pin" and "pinTarget" shapes are predefined. The name of the shape. Default Kendo UI Tooltip options for this marker. The action that configures the tooltip. Defines the fluent API for adding items to Kendo Map for ASP.NET MVC Defines the fluent API for configuring the MapMarker settings. The marker location on the map. Coordinates are listed as [Latitude, Longitude]. The value that configures the location. The marker title. Displayed as browser tooltip. The value that configures the title. The marker shape. Supported shapes are "pin" and "pinTarget". The value that configures the shape. The marker shape name. The "pin" and "pinTarget" shapes are predefined. The name of the shape. The tooltip options for this marker. The action that configures the tooltip. Sets the HTML attributes. The HTML attributes. Sets the HTML attributes. The HTML attributes. Defines the fluent API for configuring the MapLayerDefaultsShapeStyleSettings settings. The default fill for layer shapes. Accepts a valid CSS color string or object with detailed configuration. The action that configures the fill. The default stroke for layer shapes. Accepts a valid CSS color string or object with detailed configuration. The action that configures the stroke. Defines the fluent API for configuring the MapLayerDefaultsShapeStyleFillSettings settings. The default fill color for layer shapes. Accepts a valid CSS color string, including hex and rgb. The value that configures the color. The default fill opacity (0 to 1) for layer shapes. The value that configures the opacity. Defines the fluent API for configuring the MapLayerDefaultsShapeStyleStrokeSettings settings. The default stroke color for layer shapes. Accepts a valid CSS color string, including hex and rgb. The value that configures the color. The default dash type for layer shapes. The following dash types are supported: "dash" - a line consisting of dashes; "dashDot" - a line consisting of a repeating pattern of dash-dot; "dot" - a line consisting of dots; "longDash" - a line consisting of a repeating pattern of long-dash; "longDashDot" - a line consisting of a repeating pattern of long-dash-dot; "longDashDotDot" - a line consisting of a repeating pattern of long-dash-dot-dot or "solid" - a solid line. The value that configures the dashtype. The default stroke opacity (0 to 1) for layer shapes. The value that configures the opacity. The default stroke width for layer shapes. The value that configures the width. Defines the fluent API for configuring the MapLayerStyleSettings settings. The default fill for layer shapes. Accepts a valid CSS color string or object with detailed configuration. The action that configures the fill. The default stroke for layer shapes. Accepts a valid CSS color string or object with detailed configuration. The action that configures the stroke. Defines the fluent API for configuring the MapLayerStyleFillSettings settings. The default fill color for layer shapes. Accepts a valid CSS color string, including hex and rgb. The value that configures the color. The default fill opacity (0 to 1) for layer shapes. The value that configures the opacity. Defines the fluent API for configuring the MapLayerStyleStrokeSettings settings. The default stroke color for layer shapes. Accepts a valid CSS color string, including hex and rgb. The value that configures the color. The default dash type for layer shapes. The following dash types are supported: "dash" - a line consisting of dashes; "dashDot" - a line consisting of a repeating pattern of dash-dot; "dot" - a line consisting of dots; "longDash" - a line consisting of a repeating pattern of long-dash; "longDashDot" - a line consisting of a repeating pattern of long-dash-dot; "longDashDotDot" - a line consisting of a repeating pattern of long-dash-dot-dot or "solid" - a solid line. The value that configures the dashtype. The default stroke opacity (0 to 1) for layer shapes. The value that configures the opacity. The default stroke width for layer shapes. The value that configures the width. Defines the fluent API for configuring the MapLayerDefaultsBingSettings settings. The attribution of all Bing (tm) layers. The value that configures the attribution. The the opacity of all Bing (tm) tile layers. The value that configures the opacity. The key of all Bing (tm) tile layers. The value that configures the key. The culture to be used for the bing map tiles. The value that configures the culture. The bing map tile types. Possible options. The value that configures the imageryset. Defines the fluent API for configuring the MapLayerDefaultsMarkerSettings settings. The the opacity of all marker layers. The value that configures the opacity. The marker shape. Supported shapes are "pin" and "pinTarget". The value that configures the shape. The marker shape name. The "pin" and "pinTarget" shapes are predefined. The name of the shape. The tooltip options for this marker. The action that configures the tooltip. Defines the fluent API for configuring the DiagramConnectionDefaultsSettings settings. Defines the label displayed on the connection path. The action that configures the content. Defines the editing behavior of the connections. Enables or disables the editable option. Defines the editing behavior of the connections. The action that configures the editable. The connection end cap type. The end cap type. The connection end cap configuration or type name. The action that configures the endcap. Defines the hover configuration. The action that configures the hover. Specifies if the connection can be selected. The value that configures the selectable. Defines the connection selection configuration. The action that configures the selection. The connection start cap type. The start cap type. The connection start cap configuration or type name. The action that configures the startcap. Defines the stroke configuration. The action that configures the stroke. The connections type. The value that configures the type. The default source connector. The value that configures the default source connector. The default target connector. The value that configures the default target connector. Defines the fluent API for configuring the DiagramConnectionDefaultsHoverSettings settings. Defines the hover configuration. The action that configures the stroke. Defines the fluent API for configuring the DiagramConnectionDefaultsHoverStrokeSettings settings. Defines the highlight color when the pointer is hovering over the connection. The value that configures the color. Defines the fluent API for configuring the DiagramConnectionDefaultsStrokeSettings settings. Defines the stroke or line color of the connection. The value that configures the color. Defines the stroke width of the connection. The value that configures the width. Defines the fluent API for adding items to Kendo Diagram for ASP.NET MVC Defines the fluent API for configuring the DiagramConnection settings. Defines the shapes content settings. The action that configures the content. Defines the shape editable options. Enables or disables the editable option. Defines the shape editable options. The action that configures the editable. The connection end cap type. The end cap type. The connection end cap configuration or type name. The action that configures the endcap. Defines the source of the connection. The action that configures the from. Defines the hover configuration. The action that configures the hover. Sets the intermediate points (in global coordinates) of the connection. It's important to note that currently these points cannot be manipulated in the interface. The action that configures the points. Defines the connection selection configuration. The action that configures the selection. The connection start cap type. The start cap type. The connection start cap configuration or type name. The action that configures the startcap. Defines the stroke configuration. The action that configures the stroke. Defines the connection to. The action that configures the to. The connection type. The value that configures the type. The default source connector. The value that configures the default source connector. The default target connector. The value that configures the default target connector. Defines the fluent API for configuring the DiagramConnectionHoverSettings settings. Defines the hover stroke configuration. The action that configures the stroke. Defines the fluent API for configuring the DiagramConnectionHoverStrokeSettings settings. Defines the highlight color when the pointer is hovering over the connection. The value that configures the color. Defines the fluent API for configuring the DiagramConnectionStrokeSettings settings. Defines the stroke or line color of the connection. The value that configures the color. Defines the stroke width of the connection. The value that configures the width. Defines the fluent API for configuring the DiagramLayoutSettings settings. Defines where the circle/arc ends. The positive direction is clockwise and the angle is in degrees. This setting is specific to the radial tree layout. The value that configures the endradialangle. Each layout algorithm has a different set of parameters customizing the layout but they also all have a common collection of parameters which relate to the way 'pieces' of a diagram are organized. A diagram can have in general disconnected pieces, known as components, which can be organized in a way independent of the way a component on its own is arranged. In the picture above, this is one diagram consisting of four components.When you apply a certain layout an analysis will first split the diagram in components, arrange each component individually and thereafter organize the components in a grid. The common parameters referred above deal with this grid layout, they define the width, margin and padding of the (invisible) grid used to organize the components. The action that configures the grid. Either the distance between the siblings if the tree is up/down or between levels if the tree is left/right. In tipOver tree layout this setting is used only for the direct children of the root The value that configures the horizontalseparation. The number of times that all the forces in the diagram are being calculated and balanced. The default is set at 300, which should be enough for diagrams up to a hundred nodes. By increasing this parameter you increase the correctness of the simulation but it does not always lead to a more stable topology. In some situations a diagram simply does not have a stable minimum energy state and oscillates (globally or locally) between the minima. In such a situation increasing the iterations will not result in a better topology.In situations where there is enough symmetry in the diagram the increased number of iterations does lead to a better layout. In the example below the 100 iterations was not enough to bring the grid to a stable state while 300 iterations did bring all the nodes in such a position that the (virtual) energy of the diagram is a minimum.This setting is specific to the force-directed layout The value that configures the iterations. The height (in a vertical layout) or width (in a horizontal layout) between the layers. The value that configures the layerseparation. In the force-directed layout this setting defines the optimal length between 2 nodes, which directly correlates to the state of the link between them. If a link is longer than there will be a force pulling the nodes together, if the link is shorter the force will push the nodes apart. The optimal length is more and indication in the algorithm than a guarantee that all nodes will be at this distance. The result of the layout is really a combination of the incidence structure of the diagram, the initial topology (positions of the nodes) and the number of iterations.In the layered layout it defines the minimum distance between nodes on the same level. Due to the nature of the algorithm this distance will only be respected if the the whole crossing of links and optimimzation does not induce a shift of the siblings.This setting is specific to the force-directed layout and layered layout The value that configures the nodedistance. Controls the distance between the root and the immediate children of the root. This setting is specific to the radial tree layout. The value that configures the radialfirstlevelseparation. Defines the radial separation between the levels (except the first one which is defined by the aforementioned radialFirstLevelSeparation). This setting is specific to the radial tree layout. The value that configures the radialseparation. Defines where the circle/arc starts. The positive direction is clockwise and the angle is in degrees. This setting is specific to the radial tree layout. The value that configures the startradialangle. Defines the horizontal offset from a child with respect to its parent. This setting is specific to the tipOver tree layout. The value that configures the underneathhorizontaloffset. Defines the vertical separation between siblings and sub-branches. This setting is specific to the tipOver tree layout. The value that configures the underneathverticalseparation. Defines the vertical separation between a parent and its first child. This offsets the whole set of children with respect to its parent. This setting is specific to the tipOver tree layout. The value that configures the underneathverticaltopoffset. Either the distance between levels if the tree is up/down or between siblings if the tree is left/right. This property is not used in tipOver tree layout but rather replaced with three additional ones - underneathVerticalTopOffset, underneathVerticalSeparation and underneathHorizontalOffset The value that configures the verticalseparation. The layout type. The value that configures the type. The layout subtype. The value that configures the subtype. Specifies the start level when the subtype is TipOver. The start level when the subtype is TipOver. Defines the fluent API for configuring the DiagramLayoutGridSettings settings. Defines the horizontal spacing between each component. The default is 50. The value that configures the componentspacingx. Defines the vertical spacing between each component. The default is 50. The value that configures the componentspacingy. Defines the left offset of the grid layout. The default is 50. The value that configures the offsetx. Defines the top offset of the grid layout. The default is 50. The value that configures the offsety. Defines the width of the grid. The bigger this parameter the more components will be organized in an horizontal row. How many components really depends on your diagram and they type of layout applied to each component. The default is set to 800. The value that configures the width. Defines the fluent API for configuring the DiagramShapeDefaultsSettings settings. Defines the default options for the shape connectors. The action that configures the default options. Defines the connectors the shape owns.You can easily define your own custom connectors or mix-match with the above defined custom connectors.Example - custom shape with custom connectorsThe following defines a custom shape with connectors adapted to the shape's outline. Note in particular the various helpful methods (right(), left(), top()) to define positions relative to the shape. The action that configures the connectors. Defines the shapes content settings. The action that configures the content. Defines the shape editable options. Enables or disables the editable option. Defines the shape editable options. The action that configures the editable. Defines the fill options of the shape. The action that configures the fill. Defines the height of the shape when added to the diagram. The value that configures the height. Defines the hover configuration. The action that configures the hover. Defines the minimum height the shape should have, i.e. it cannot be resized to a value smaller than the given one. The value that configures the minheight. Defines the minimum width the shape should have, i.e. it cannot be resized to a value smaller than the given one. The value that configures the minwidth. The path option of a Shape is a description of a custom geometry. The format follows the standard SVG format (http://www.w3.org/TR/SVG/paths.html#PathData "SVG Path data."). The value that configures the path. Defines the rotation of the shape. The action that configures the rotation. Specifies if the shape can be selected. The value that configures the selectable. The source of the shape image. Applicable when the type is set to "image". The value that configures the source. Defines the stroke configuration. The action that configures the stroke. Specifies the type of the Shape using any of the built-in shape type. The value that configures the type. Defines the width of the shape when added to the diagram. The value that configures the width. Defines the x-coordinate of the shape when added to the diagram. The value that configures the x. Defines the y-coordinate of the shape when added to the diagram. The value that configures the y. Defines the inline visual template The handler code wrapped in a text tag (Razor syntax). Defines the name of the JavaScript function that will create the visual element. The name of the JavaScript function that will create the visual element. Defines the fluent API for configuring the DiagramShapeDefaultsHoverSettings settings. Hover's fill options. The action that configures the fill. Defines the fluent API for configuring the DiagramShapeDefaultsRotationSettings settings. Sets the rotational angle of the shape. The value that configures the angle. Defines the fluent API for configuring the DiagramShapeDefaultsStrokeSettings settings. Defines the color of the shape's stroke. The value that configures the color. The dash type of the shape.The following dash types are supported: The value that configures the dashtype. Defines the thickness or width of the shape's stroke. The value that configures the width. Defines the fluent API for adding items to Kendo Diagram for ASP.NET MVC Defines the fluent API for configuring the DiagramShape settings. Defines the default options for the shape connectors. The action that configures the default options. Defines the connectors the shape owns. The action that configures the connectors. Defines the shapes content settings. The action that configures the content. Defines the shape editable options. Enables or disables the editable option. Defines the shape editable options. The action that configures the editable. Defines the fill options of the shape. The action that configures the fill. Defines the height of the shape when added to the diagram. The value that configures the height. Defines the hover configuration. The action that configures the hover. The unique identifier for a Shape. The value that configures the id. Defines the minimum height the shape should have, i.e. it cannot be resized to a value smaller than the given one. The value that configures the minheight. Defines the minimum width the shape should have, i.e. it cannot be resized to a value smaller than the given one. The value that configures the minwidth. The path option of a Shape is a description of a custom geometry. The format follows the standard SVG format (http://www.w3.org/TR/SVG/paths.html#PathData "SVG Path data."). The value that configures the path. The function that positions the connector. The action that configures the rotation. The source of the shape image. Applicable when the type is set to "image". The value that configures the source. Defines the stroke configuration. The action that configures the stroke. Specifies the type of the Shape using any of the built-in shape type. The value that configures the type. Defines the width of the shape when added to the diagram. The value that configures the width. Defines the x-coordinate of the shape when added to the diagram. The value that configures the x. Defines the y-coordinate of the shape when added to the diagram. The value that configures the y. Defines the inline visual template The handler code wrapped in a text tag (Razor syntax). Defines the name of the JavaScript function that will create the visual element. The name of the JavaScript function that will create the visual element. Defines the fluent API for configuring the DiagramShapeHoverSettings settings. Hover's fill options. The action that configures the fill. Defines the fluent API for configuring the DiagramShapeRotationSettings settings. The rotation angle. The value that configures the angle. Defines the fluent API for configuring the DiagramShapeStrokeSettings settings. Defines the color of the shape's stroke. The value that configures the color. The dash type of the shape.The following dash types are supported: The value that configures the dashtype. Defines the thickness or width of the shape's stroke. The value that configures the width. Defines the fluent API for adding items to Kendo Connection for ASP.NET MVC Defines the fluent API for configuring the DiagramConnectionPoint settings. Sets the X coordinate of the intermediate point. The value that configures the x. Sets the Y coordinate of the intermediate point. The value that configures the y. Defines the fluent API for adding items to Kendo ShapeDefaults for ASP.NET MVC Defines the fluent API for configuring the DiagramShapeDefaultsSettingsConnector settings. The connector name. The value that configures the name. Defines the name of the JavaScript function that positions the connector. The name of the function that positions the connector. Defines the inline handler that positions the connector. The inline handler that positions the connector. Defines the fluent API for adding items to Kendo Shape for ASP.NET MVC Defines the fluent API for configuring the DiagramShapeConnector settings. The connector description. The value that configures the description. The connector name. Predefined names include: The value that configures the name. Defines the name of the JavaScript function that positions the connector. The name of the function that positions the connector. Defines the inline handler that positions the connector. The inline handler that positions the connector. The connector width. The value that configures the width. The connector height. The value that configures the height. Connector's fill options. The action that configures the fill. Connector's stroke options. The action that configures the stroke. Connector's hover options. The action that configures the hover. Defines the fluent API for configuring the DiagramShapeDefaultsContentSettings settings. The alignment of the text inside the shape. The value that configures the align. The color of the shape content text. The value that configures the color. The font family of the shape content text. The value that configures the fontfamily. The font size of the shape content text. The value that configures the fontsize. The font style of the shape content text. The value that configures the font style. The font weight of the shape content text. The value that configures the font weight. The template which renders the labels.The fields which can be used in the template are: The value that configures the template. The template which renders the labels.The fields which can be used in the template are: The value that configures the template. The template which renders the labels.The fields which can be used in the template are: The value that configures the template. The text displayed in the shape. The value that configures the text. Defines the fluent API for configuring the DiagramShapeContentSettings settings. The alignment of the text inside the shape. The value that configures the align. The color of the shape content text. The value that configures the color. The font family of the shape content text. The value that configures the fontfamily. The font size of the shape content text. The value that configures the fontsize. The font style of the shape content text. The value that configures the font style. The font weight of the shape content text. The value that configures the font weight. The template which renders the labels.The fields which can be used in the template are: The value that configures the template. The template which renders the labels.The fields which can be used in the template are: The value that configures the template. The template which renders the labels.The fields which can be used in the template are: The value that configures the template. The text displayed in the shape. The value that configures the text. Defines the fluent API for configuring the DiagramEditableSettings settings. Specifies the connection editor template which shows up when editing the connection via a pop-up editor much like 'editable.template' configuration of the Kendo UI Grid widget. The value that configures the connectiontemplate. Specifies the connection editor template which shows up when editing the connection via a pop-up editor much like 'editable.template' configuration of the Kendo UI Grid widget. The value that configures the connectiontemplate. Specifies the connection editor template which shows up when editing the connection via a pop-up editor much like 'editable.template' configuration of the Kendo UI Grid widget. The value that configures the connectiontemplate. Specifies if the shapes and connections can be dragged. Enables or disables the drag option. Specifies if the shapes and connections can be dragged. The action that configures the drag. Specifies if the shapes and connections can be removed. The value that configures the remove. Defines the look-and-feel of the resizing handles. Enables or disables the resize option. Defines the look-and-feel of the resizing handles. The action that configures the resize. Specifies whether the shapes can be rotated. Note that changing this setting after creating the diagram will have no effect. Enables or disables the rotate option. Specifies whether the shapes can be rotated. Note that changing this setting after creating the diagram will have no effect. The action that configures the rotate. Specifies the shape editor template. See the 'editable.connectionTemplate' for an example. The value that configures the shapetemplate. Specifies the shape editor template. See the 'editable.connectionTemplate' for an example. The value that configures the shapetemplate. Specifies the shape editor template. See the 'editable.connectionTemplate' for an example. The value that configures the shapetemplate. Specifies the the toolbar tools. Predefined tools are: The action that configures the tools. Specifies the shape editor template. The value that configures the shapetemplate. Specifies the connection editor template. The value that configures the connectiontemplate. Defines the fluent API for configuring the DiagramEditableResizeHandlesSettings settings. Specifies the fill settings of the resizing handles. See the editable.resize configuration for an example. The action that configures the fill. Specifies the height of the resizing handles. See the editable.resize configuration for an example. The value that configures the height. Specifies the settings of the resizing handles on hovering over them. See the editable.resize configuration for an example. The action that configures the hover. Specifies the stroke of the resizing handles. See the editable.resize configuration for an example. The action that configures the stroke. Specifies the width of the resizing handles. See the editable.resize configuration for an example. The value that configures the width. Defines the fluent API for configuring the DiagramEditableResizeHandlesHoverSettings settings. Specifies the fill settings on hovering over the resizing handles. See the editable.resize configuration for an example. The action that configures the fill. Specifies the stroke on hovering over the resizing handles. See the editable.resize configuration for an example. The action that configures the stroke. Defines the fluent API for configuring the DiagramEditableResizeHandlesHoverStrokeSettings settings. Specifies the stroke color on hovering over the resizing handles. See the editable.resize configuration for an example. The value that configures the color. Specifies the stroke dash type on hovering over the resizing handles. See the editable.resize configuration for an example. The value that configures the dashtype. Specifies the stroke color on hovering over the resizing handles. See the editable.resize configuration for an example. The value that configures the width. Defines the fluent API for configuring the DiagramEditableResizeHandlesStrokeSettings settings. Specifies the stroke color of the resizing handles. See the editable.resize configuration for an example. The value that configures the color. Specifies the stroke dash type of the resizing handles. See the editable.resize configuration for an example. The value that configures the dashtype. Specifies the stroke thickness of the resizing handles. See the editable.resize configuration for an example. The value that configures the width. Defines the fluent API for configuring the DiagramEditableSelectSettings settings. Set the thumb backgorund. The value that configures the background. Specifies the select stroke styles. The action that configures the stroke. Defines the fluent API for configuring the DiagramEditableSelectStrokeSettings settings. Specifies the select stroke color. The value that configures the color. Specifies the select stroke width. The value that configures the width. Specifies the select stroke dash type. The value that configures the dashtype. Defines the fluent API for configuring the Kendo Gantt for ASP.NET MVC. The type of the task data item The type of the dependency data item Initializes a new instance of the class. The component. Configures the DataSource options. The DataSource configurator action. @(Html.Kendo().Gantt<TaskViewModel, DependencyViewModel>() .Name("Gantt") .DataSource(source => { source.Read(read => { read.Action("Read", "Gantt"); }); }) ) Configures the dependencies DataSource options. The DataSource configurator action. @(Html.Kendo().Gantt<TaskViewModel, DependencyViewModel>() .Name("Gantt") .DependenciesDataSource(source => { source.Read(read => { read.Action("Read", "Gantt"); }); }) ) The configuration of the gantt columns. An array of JavaScript objects or strings. A JavaScript objects are interpreted as column configurations. Strings are interpreted as the field to which the column is bound. The gantt will create a column for every item of the array. The action that configures the columns. The configuration of the assignments of the gantt resources. An assignment is a one-to-one mapping between a gantt task and a gantt resource containing the number of units for which a resource is assigned to a task. The action that configures the assignments. If set to false the "current time" marker of the Gantt would not be displayed. The action that configures the currenttimemarker. If set to false the user won't be able to create, modify or delete tasks and dependencies. The configuration of the gantt resource(s). A gantt resource is optional metadata that can be associated with a gantt task. The action that configures the resources. If set to false the widget will not bind to the data source during initialization. In this case data binding will occur when the change event of the data source is fired. By default the widget will bind to the data source specified in the configuration. The value that configures the autobind. Defines the width of the column resize handle in pixels. Apply a larger value for easier grasping. The value that configures the columnresizehandlewidth. If set to true, the Gantt displays the column menu when the user clicks the Chevron icon in the column headers. The column menu allows the user to show and hide columns, and, if filtering and sorting are enabled, filter and sort the data. By default, the column menu is disabled. Can be set to a JavaScript object which represents the column menu configuration. The value that configures the columnmenu. If set to some date and it is between the range start and range end of the selected view, the timeline of the currently selected view is scrolled to start from this date. The value that configures the date. If set to false the user won't be able to create, modify or delete tasks and dependencies. Enables or disables the editable option. If set to false the user won't be able to create, modify or delete tasks and dependencies. The action that configures the editable. If set to true, the user can filter the data source by using the Gantt filter menu. By default, filtering is disabled. Can be set to a JavaScript object which represents the filter menu configuration. The value that configures the filterable. If set to true, the user can reorder the columns in the GanttList section of the widget by dragging their header cells. By default, reordering is disabled. The value that configures the reorderable. If set to true the user could navigate the widget using the keyboard. By default keyboard navigation is disabled. The value that configures the navigatable. Sets the start of the work day. The value that configures the workdaystart. Sets the end of the work day. The value that configures the workdayend. The start of working week (index based). The value that configures the workweekstart. The end of working week (index based). The value that configures the workweekend. The span of an hour slot. The value that configures the hourspan. If set to true the Gantt will snap tasks to the nearest slot during dragging (resizing or moving). Set it to false to allow free moving and resizing of tasks. The value that configures the snap. The height of the widget. Numeric values are treated as pixels. The value that configures the height. The width of the task list. Numeric values are treated as pixels. The value that configures the listwidth. The configuration of the Gantt messages. Use this option to customize or localize the Gantt messages. The action that configures the messages. Configures the Kendo UI Gantt PDF export settings. The action that configures the pdf. Configures the Kendo UI Gantt range settings. The action that configures the range. If set to true allows users to resize columns by dragging their header borders. By default resizing is disabled. The value that configures the resizable. If set to false the user won't be able to select tasks in the Gantt. By default selection is enabled and triggers the change event. The value that configures the selectable. If set to true, the Gantt Timeline will render both the planned and the actual execution of tasks. In order to display properly, the Planned vs. Actual view would need the plannedStart and plannedEnd date fields for tasks to be set. The value that configures the showplannedtasks. If set to false, Gantt views will show all days of the week. By default the views display only business days. The value that configures the showworkdays. If set to false, the day view will show all hours of the day. By default the view displays only business hours. The value that configures the showworkhours. The template used to render the gantt tasks.The fields which can be used in the template are the task fields The value that configures the tasktemplate. The template used to render the gantt tasks.The fields which can be used in the template are the task fields The value that configures the tasktemplate. The template used to render the gantt tasks.The fields which can be used in the template are the task fields The value that configures the tasktemplate. The template used to render the gantt tasks.The fields which can be used in the template are the task fields The value that configures the tasktemplate. If a String value is assigned to the toolbar configuration option, it will be treated as a single string template for the whole Gantt Toolbar, and the string value will be passed as an argument to a kendo.template() function.If a Function value is assigned (it may be a kendo.template() function call or a generic function reference), then the return value of the function will be used to render the Gantt Toolbar contents.If an Array value is assigned, it will be treated as the list of commands displayed in the Gantt Toolbar. Commands can be custom or built-in ("append", "pdf", "plannedTasks").The "append" command adds a new task to the gantt.The "pdf" command exports the gantt in PDF format.The "plannedTasks" command will render the plannedTasks Switch on the Toolbar. That Switch allows the user to turn on and off the Planned vs. Actual view in the Timeline of the Gantt. When turned on, that view will render both the planned and the actual duration of all tasks. When enabled, plannedStart and plannedEnd date fields of tasks are required to properly render planned duration. The action that configures the toolbar. The task tooltip configuration options. The action that configures the tooltip. The views displayed by the Gantt and their configuration. The array items can be either objects specifying the view configuration or strings representing the view types (assuming default configuration). By default the Kendo UI Gantt widget displays "day", "week", and "month" views. The action that configures the views. The height of the table rows. Numeric values are treated as pixels. The value that configures the rowheight. Configures the client-side events. The client events action. @(Html.Kendo().Gantt() .Name("Gantt") .Events(events => events .DataBinding("onDataBinding") ) ) Defines the fluent API for configuring the Kendo Gantt for ASP.NET MVC events. Fired before the widget binds to its data source.The event handler function context (available via the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the dataBinding event. Fired when the widget is bound to data from its data source.The event handler function context (available via the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the dataBound event. Fired when a new task or a new dependency is about to be added.The event handler function context (available via the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the add event. Fired when the user starts task edit upon double click on a cell.The event handler function context (available via the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the edit event. Fired when a task or a dependency is about to be removed.The event handler function context (available via the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the remove event. Fired when the user cancels tasks's cell editing by pressing the 'Esc' key.The event handler function context (available via the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the cancel event. Fired when a task field is updated upon user interaction.The event handler function context (available via the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the save event. Fired when the user selects a task in the Gantt.The event handler function context (available via the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the change event. Fires when the user hides a column. The event handler function context (available through the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the columnHide event. Fires when the user changes the order of a column. The event handler function context (available through the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the columnReorder event. Fired when the user resizes a column.The event handler function context (available via the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the columnResize event. Fires when the user shows a column. The event handler function context (available through the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the columnShow event. Fired when the user changes the selected view of the Gantt.The event handler function context (available via the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the navigate event. Fired when the user starts to drag a task.The event handler function context (available via the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the moveStart event. Fired when the user is moving a task.The event handler function context (available via the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the move event. Fired when the user stops moving a task.The event handler function context (available via the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the moveEnd event. Fired when the user clicks the "Export to PDF" toolbar button. The name of the JavaScript function that will handle the pdfExport event. Fired when the user starts to resize a task.The event handler function context (available via the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the resizeStart event. Fired when the user is resizing a task.The event handler function context (available via the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the resize event. Fired when the user releases the mouse after resizing a task.The event handler function context (available via the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the resizeEnd event. The event will be raised upon Toolbar PlannedTasks Switch click. As a result, the planned tasks will be either hidden or shown in the Gantt Timeline view. The event is preventable.The event handler function context (available via the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the togglePlannedTasks event. Defines the fluent API for configuring the MapLayerDefaultsBubbleSettings settings. The attribution for all bubble layers. The value that configures the attribution. The the opacity of all bubble layers. The value that configures the opacity. The maximum symbol size for bubble layer symbols. The value that configures the maxsize. The minimum symbol size for bubble layer symbols. The value that configures the minsize. The default style for bubble layer symbols. The action that configures the style. The bubble layer symbol type. Supported symbols are "circle" and "square". The value that configures the symbol. The bubble layer symbol type. The "circle" and "square" symbols are predefined. The value that configures the symbol. A client-side function to invoke that will draw the symbol. The name of the JavaScript function that will draw the symbol. Defines the fluent API for configuring the MapLayerDefaultsBubbleStyleSettings settings. The default fill for bubble layer symbols. Accepts a valid CSS color string or object with detailed configuration. The action that configures the fill. The default stroke for bubble layer symbols. Accepts a valid CSS color string or object with detailed configuration. The action that configures the stroke. Defines the fluent API for configuring the MapLayerDefaultsBubbleStyleFillSettings settings. The default fill color for bubble layer symbols. Accepts a valid CSS color string, including hex and rgb. The value that configures the color. The default fill opacity (0 to 1) for layer symbols. The value that configures the opacity. Defines the fluent API for configuring the MapLayerDefaultsBubbleStyleStrokeSettings settings. The default stroke color for bubble layer symbols. Accepts a valid CSS color string, including hex and rgb. The value that configures the color. The default dash type for layer symbols. The following dash types are supported: "dash" - a line consisting of dashes; "dashDot" - a line consisting of a repeating pattern of dash-dot; "dot" - a line consisting of dots; "longDash" - a line consisting of a repeating pattern of long-dash; "longDashDot" - a line consisting of a repeating pattern of long-dash-dot; "longDashDotDot" - a line consisting of a repeating pattern of long-dash-dot-dot or "solid" - a solid line. The value that configures the dashtype. The default stroke opacity (0 to 1) for bubble layer symbols. The value that configures the opacity. The default stroke width for bubble layer symbols. The value that configures the width. Defines the fluent API for configuring the GanttMessagesSettings settings. The configuration of the Gantt action messages. Use this option to customize or localize the Gantt action messages. The action that configures the actions. The text similar to "Cancel" displayed in Gantt. The value that configures the cancel. The text similar to "Are you sure you want to delete this dependency?" displayed in Gantt dependency delete dialog. The value that configures the deletedependencyconfirmation. The text similar to "Delete dependency" displayed in Gantt dependency delete dialog title. The value that configures the deletedependencywindowtitle. The text similar to "Are you sure you want to delete this task?" displayed in Gantt task delete dialog. The value that configures the deletetaskconfirmation. The text similar to "Delete task" displayed in Gantt task delete dialog title. The value that configures the deletetaskwindowtitle. The text similar to "Delete" displayed in Gantt. The value that configures the destroy. The configuration of the Gantt editor messages. Use this option to customize or localize the Gantt editor messages. The action that configures the editor. The configuration of the Gantt messages for Planned tasks. The action that configures the plannedtasks. The text similar to "Save" displayed in Gantt. The value that configures the save. The aria-label of the View select element. The value that configures the selectview. The configuration of the Gantt view messages. Use this option to customize or localize the Gantt view messages. The action that configures the views. Defines the fluent API for configuring the GanttMessagesActionsSettings settings. The text similar to "Add child" displayed as Gantt "add child" buttons. The value that configures the addchild. The text similar to "Append" displayed as Gantt "append" buttons. The value that configures the append. The text similar to "Add below" displayed as Gantt "add below" buttons. The value that configures the insertafter. The text similar to "Add above" displayed as Gantt "add above" buttons. The value that configures the insertbefore. The text of "Export to PDF" button of the Gantt toolbar. The value that configures the pdf. Defines the fluent API for configuring the GanttMessagesViewsSettings settings. The text similar to "Day" displayed as Gantt "day" view title. The value that configures the day. The text similar to "End" displayed in Gantt resize hint. The value that configures the end. The text similar to "Month" displayed as Gantt "month" view title. The value that configures the month. The text similar to "Start" displayed in Gantt resize hint. The value that configures the start. The text similar to "Week" displayed as Gantt "week" view title. The value that configures the week. The text similar to "Year" displayed as Gantt "year" view title. The value that configures the year. Defines the fluent API for adding views to Gantt for ASP.NET MVC Initializes a new instance of the class. The container. Defines a view The GanttView type for the view. Supported types are "day", "week", "month" and "year". Defines a Gantt day view Enables a Gantt day view Defines a Gantt week view. Enables a Gantt week view Defines a Gantt мonth view Enables a month day view Defines a Scheduler year view. Enables a year view Defines the fluent API for configuring the GanttView settings. If set to some date and it is between the range start and range end of the selected view, the timeline of the currently selected view is scrolled to start from this date.Overrides the date option of the gantt. The value that configures the date. Configures the view range settings. The action that configures the range. If set to true the view will be initially selected by the Gantt widget. The default selected view is "day". The value that configures the selected. The size of the time slot headers. Values are treated as pixels. The value that configures the slotsize. The template used to render the time slots in "day" view The value that configures the timeheadertemplate. The template used to render the time slots in "day" view The value that configures the timeheadertemplate. The template used to render the time slots in "day" view The value that configures the timeheadertemplate. The template used to render the time slots in "day" view The value that configures the timeheadertemplate. The template used to render the day slots in "day" and "week" views. The value that configures the dayheadertemplate. The template used to render the day slots in "day" and "week" views. The value that configures the dayheadertemplate. The template used to render the day slots in "day" and "week" views. The value that configures the dayheadertemplate. The template used to render the day slots in "day" and "week" views. The value that configures the dayheadertemplate. The template used to render the week slots in "week" and "month" views. The value that configures the weekheadertemplate. The template used to render the week slots in "week" and "month" views. The value that configures the weekheadertemplate. The template used to render the week slots in "week" and "month" views. The value that configures the weekheadertemplate. The template used to render the week slots in "week" and "month" views. The value that configures the weekheadertemplate. The template used to render the month slots in "month" and "year" views. The value that configures the monthheadertemplate. The template used to render the month slots in "month" and "year" views. The value that configures the monthheadertemplate. The template used to render the month slots in "month" and "year" views. The value that configures the monthheadertemplate. The template used to render the month slots in "month" and "year" views. The value that configures the monthheadertemplate. The template used to render the year slots in "year" view. The value that configures the yearheadertemplate. The template used to render the year slots in "year" view. The value that configures the yearheadertemplate. The template used to render the year slots in "year" view. The value that configures the yearheadertemplate. The template used to render the year slots in "year" view. The value that configures the yearheadertemplate. The format used to display the start and end dates in the resize tooltip. The value that configures the resizetooltipformat. The view type. Supported types are "day", "week", "month" and "year". The value that configures the type. Defines the fluent API for adding items to Kendo Gantt for ASP.NET MVC Defines a group of columns. Defines a bound column. Defines a bound column. Defines a resource column. Defines a bound column. Defines the fluent API for configuring the Kendo ToolBar for ASP.NET MVC. Initializes a new instance of the class. The component. If resizable is set to true the widget will detect changes in the viewport width and hides the overflowing controls in the command overflow popup. The value that configures the resizable. If set to `true` this configuration option would enable Tab-based navigation among ToolBar items. The value that sets the tab-navigation. A JavaScript array that contains the ToolBar's commands configuration. The action that configures the items. Configures the client-side events. The client events action. @( Html.Kendo().ToolBar() .Name("ToolBar") .Events(events => events .Click("onClick") ) ) Defines the fluent API for adding items to Kendo ToolBar for ASP.NET MVC Defines the fluent API for configuring the ToolBarItem settings. Specifies the HTML attributes of a ToolBar button. The value that configures the htmlattributes. Specifies the HTML attributes of a ToolBar button. The value that configures the htmlattributes. Specifies the buttons of ButtonGroup. The action that configures the buttons. Specifies the click event handler of the button. Applicable only for commands of type button and splitButton. The value that configures the click action. Specifies the click event handler of the button. Applicable only for commands of type button and splitButton. The value that configures the click action. Specifies whether the control is initially enabled or disabled. Default value is "true". The value that configures the enable. Assigns the button to a group. Applicable only for buttons with togglable: true. The value that configures the group. Determines if a button is visible or hidden. By default buttons are visible. The value that configures the hidden. Sets icon for the item. The icon should be one of the existing in the Kendo UI theme sprite. The value that configures the icon. Specifies the ID of the button. The value that configures the id. If set, the ToolBar will render an image with the specified URL in the button. The value that configures the imageurl. Specifies the menu buttons of a SplitButton or a DropDownButton. The action that configures the menubuttons. Specifies what element will be added in the command overflow popup. Applicable only for items that have a template. The value that configures the overflowtemplate. Specifies what element will be added in the command overflow popup. Applicable only for items that have a template. The value that configures the overflowtemplate. Specifies what element will be added in the command overflow popup. Applicable only for items that have a template. The value that configures the overflowtemplate. Specifies what element will be added in the command overflow popup. Applicable only for items that have a template. The value that configures the overflowtemplate. Specifies whether the button is primary. Primary buttons receive different styling. The value that configures the primary. Specifies if the toggle button is initially selected. Applicable only for buttons with togglable: true. The value that configures the selected. Defines a CSS class (or multiple classes separated by spaces) which will be used for button icon. The value that configures the spritecssclass. Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type. The value that configures the template. Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type. The value that configures the template. Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type. The value that configures the template. Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type. The value that configures the template. Sets the text of the button. The value that configures the text. Specifies if the button is togglable, e.g. has a selected and unselected state. The value that configures the togglable. Specifies the toggle event handler of the button. Applicable only for commands of type button and togglable: true. The value that configures the toggle action. Specifies the toggle event handler of the button. Applicable only for commands of type button and togglable: true. The value that configures the toggle action. Specifies the url to navigate to. The value that configures the url. Specifies the type of the item. The value that configures the type. Specifies where the text will be displayed. The value that configures the showtext. Specifies where the icon will be displayed. The value that configures the showicon. Specifies how the button behaves when the ToolBar is resized. The value that configures the overflow. Defines the fluent API for adding items to Kendo Item for ASP.NET MVC Defines the fluent API for configuring the ToolBarItemButton settings. Specifies the HTML attributes of a ButtonGroup's button. The value that configures the htmlattributes. Specifies the HTML attributes of a ButtonGroup's button. The value that configures the htmlattributes. Specifies the click event handler of the button. Applicable only for the children of a ButtonGroup. The value that configures the click action. Specifies the click event handler of the button. Applicable only for the children of a ButtonGroup. The value that configures the click action. Specifies whether the button is initially enabled or disabled. The value that configures the enable. Assigns the button to a group. Applicable only for the children of a ButtonGroup that has togglable true. The value that configures the group. Determines if the button is visible or hidden. By default the buttons are visible. The value that configures the hidden. Sets icon for the menu button. The icon should be one of the existing in the Kendo UI theme sprite. The value that configures the icon. Specifies the ID of the button. The value that configures the id. If set, the ToolBar will render an image with the specified URL in the button. The value that configures the imageurl. Specifies if the toggle button is initially selected. Applicable only for the children of a ButtonGroup that has togglable true. The value that configures the selected. Defines a CSS class (or multiple classes separated by spaces) which will be used for button icon. The value that configures the spritecssclass. Specifies the toggle event handler of the button. Applicable only for the children of a ButtonGroup. The value that configures the toggle action. Specifies the toggle event handler of the button. Applicable only for the children of a ButtonGroup. The value that configures the toggle action. Specifies if the button is togglable, e.g. has a selected and unselected state. Applicable only for the children of a ButtonGroup. The value that configures the togglable. Specifies the text of the menu button. The value that configures the text. Specifies the url of the button to navigate to. The value that configures the url. Specifies where the text of the menu button will be displayed. Applicable only for the buttons of a ButtonGroup. The value that configures the showtext. Specifies where the icon of the button will be displayed. Applicable only for the children of a ButtonGroup. The value that configures the showicon. Defines the fluent API for adding items to Kendo Item for ASP.NET MVC Defines the fluent API for configuring the ToolBarItemMenuButton settings. Specifies the HTML attributes of a menu button. The value that configures the htmlattributes. Specifies the HTML attributes of a menu button. The value that configures the htmlattributes. Specifies whether the menu button is initially enabled or disabled. The value that configures the enable. Determines if a button is visible or hidden. By default buttons are visible. The value that configures the hidden. Sets icon for the menu buttons. The icon should be one of the existing in the Kendo UI theme sprite. The value that configures the icon. Specifies the ID of the menu buttons. The value that configures the id. If set, the ToolBar will render an image with the specified URL in the menu button. The value that configures the imageurl. Defines a CSS class (or multiple classes separated by spaces) which will be used for menu button icon. The value that configures the spritecssclass. Specifies the text of the menu buttons. The value that configures the text. Specifies the url of the menu button to navigate to. The value that configures the url. Defines the fluent API for configuring the Kendo ToolBar for ASP.NET MVC events. Fires when the user clicks a command button. The name of the JavaScript function that will handle the click event. Fires when the SplitButton's popup closes. The name of the JavaScript function that will handle the close event. Fires when the Split Button's popup opens. The name of the JavaScript function that will handle the open event. Fires when the user changes the checked state of a toggle button. The name of the JavaScript function that will handle the toggle event. Fires when the overflow popup container is about to close. The name of the JavaScript function that will handle the overflowClose event. Fires when the overflow popup container is about to open. The name of the JavaScript function that will handle the overflowOpen event. Defines the fluent interface for configuring the component. Initializes a new instance of the class. The component. Defines the items in the menu The add action. @( Html.Kendo().ContextMenu() .Name("ContextMenu") .Items(items => { items.Add().Text("First Item"); items.Add().Text("Second Item"); }) ) Configures the client-side events. The client events action. @( Html.Kendo().ContextMenu() .Name("ContextMenu") .Events(events => events.Open("onOpen").OnClose("onClose") ) ) Configure the DataSource of the component The action that configures the DataSource. @( Html.Kendo().Menu() .Name("Menu") .DataSource(dataSource => dataSource .Read(read => read .Action("Employees", "PanelBar") ) ) ) Sets the field of the data item that provides the text of the menu items. The value for DataTextField Sets the field of the data item that provides the url of the menu items. The value for DataUrlField Sets the field of the data item that provides the sprite css class of the menu items. The value for DataSpriteCssClassField Sets the field of the data item that provides the image url of the menu items. The value for DataImageUrlField Sets the field of the data item that provides the content of the menu items. The value for DataContentField Specifies ContextMenu opening direction. The desired direction. @( Html.Kendo().ContextMenu() .Name("ContextMenu") .Direction(ContextMenuDirection.Left) ) Specifies ContextMenu opening direction. The desired direction. @( Html.Kendo().ContextMenu() .Name("ContextMenu") .Direction("top") ) Specifies ContextMenu target to bind to. The desired target. @( Html.Kendo().ContextMenu() .Name("ContextMenu") .Target("#target") ) Specifies ContextMenu filter selector - would filter elements inside the target to bind to. The desired filter. @( Html.Kendo().ContextMenu() .Name("ContextMenu") .Filter(".item") ) Specifies ContextMenu triggering event. The desired event. @( Html.Kendo().ContextMenu() .Name("ContextMenu") .ShowOn("click") ) Sets the menu orientation. The desired orientation. @( Html.Kendo().ContextMenu() .Name("ContextMenu") .Orientation(ContextMenuOrientation.Vertical) ) Enables or disables the "open-on-click" feature. @( Html.Kendo().ContextMenu() .Name("ContextMenu") .OpenOnClick(true) ) Specifies that sub menus should close after item selection (provided they won't navigate). @( Html.Kendo().ContextMenu() .Name("ContextMenu") .CloseOnClick(false) ) Specifies that context menu would align to its anchor (target or filter). @( Html.Kendo().ContextMenu() .Name("ContextMenu") .AlignToAnchor(false) ) Which DOM element the ContextMenu will be appended to. The element needs to be relatively positioned. The value for AppendTo @( Html.Kendo().ContextMenu() .Name("ContextMenu") .AppendTo("#container") ) Specifies the delay in ms before the menu is opened/closed - used to avoid accidental closure on leaving. @( Html.Kendo().ContextMenu() .Name("ContextMenu") .HoverDelay(300) ) Binds the menu to a sitemap The view data key. The action to configure the item. @( Html.Kendo().ContextMenu() .Name("ContextMenu") .BindTo("examples", (item, siteMapNode) => { }) ) Binds the menu to a sitemap. The view data key. @( Html.Kendo().ContextMenu() .Name("ContextMenu") .BindTo("examples") ) Binds the menu to a list of objects. The menu will be "flat" which means a menu item will be created for every item in the data source. The type of the data item The data source. The action executed for every data bound item. @( Html.Kendo().ContextMenu() .Name("ContextMenu") .BindTo(new []{"First", "Second"}, (item, value) => { item.Text = value; }) ) Binds the menu to a list of objects. The menu will create a hierarchy of items using the specified mappings. The data source. The action which will configure the mappings @( Html.Kendo().ContextMenu() .Name("ContextMenu") .BindTo(Model, mapping => mapping .For<Customer>(binding => binding .Children(c => c.Orders) // The "child" items will be bound to the the "Orders" property .ItemDataBound((item, c) => item.Text = c.ContactName) // Map "Customer" properties to ContextMenuItem properties ) .For<Order<(binding => binding .Children(o => null) // "Orders" do not have child objects so return "null" .ItemDataBound((item, o) => item.Text = o.OrderID.ToString()) // Map "Order" properties to ContextMenuItem properties ) ) ) Binds the menu to a list of items. Use if the menu items are being sent from the controller. To bind the ContextMenu declaratively, use the method. The list of items @( Html.Kendo().ContextMenu() .Name("TreeView") .BindTo(model) ) Callback for each item. Action, which will be executed for each item. @( Html.Kendo().ContextMenu() .Name("ContextMenu") .ItemAction(item => { item .Text(...) .HtmlAttributes(...); }) ) Select item depending on the current URL. If true the item will be highlighted. @( Html.Kendo().ContextMenu() .Name("ContextMenu") .HighlightPath(true) ) Enable/disable security trimming functionality of the component. If true security trimming is enabled. @( Html.Kendo().ContextMenu() .Name("ContextMenu") .SecurityTrimming(false) ) Defines the security trimming functionality of the component The securityTrimming action. @( Html.Kendo().ContextMenu() .Name("ContextMenu") .SecurityTrimming(builder => { builder.Enabled(true).HideParent(true); }) ) If enabled, the ContextMenu will display buttons that will scroll the ContextMenu items, when they cannot fit the viewport height. By default scrolling is disabled. @( Html.Kendo().ContextMenu() .Name("Menu") .Scrollable(s => s.Distance(300)) ) If enabled, the ContextMenu will display buttons that will scroll the ContextMenu items, when they cannot fit the viewport height. By default scrolling is disabled. Boolean flag. @( Html.Kendo().ContextMenu() .Name("Menu") .Scrollable(true) ) Defines the fluent interface for configuring ContextMenu scrolling/> Initializes a new instance of the class. The settings. Distance sets the scroll amount (in pixels) that the ContextMenu scrolls when the scroll buttons are hovered. Each such distance is animated and then another animation starts with the same distance. If clicking a scroll button, the ContextMenu scrolls by doubling the distance. Default value is 50. The scroll distance in pixels. @( Html.Kendo().ContextMenu() .Name("Menu") .Scrollable(s => s.Distance(200)) ) Defines the fluent API for adding items to Kendo ContextMenu for ASP.NET MVC Initializes a new instance of the class. The container. The view context. Adds an item. Defines the fluent interface for configuring child menu items. Initializes a new instance of the class. The item. The view context. Configures the child items of a . The add action. @( Html.Kendo().ContextMenu() .Name("ContextMenu") .Items(items => { items.Add().Text("First Item").Items(firstItemChildren => { firstItemChildren.Add().Text("Child Item 1"); firstItemChildren.Add().Text("Child Item 2"); }); }) ) Configures the child items of a . When declaratively binding the menu item, use . items @( Html.Kendo().ContextMenu() .Name("ContextMenu") .Items(items => { items.Add().Text("First Item").Items(model); }) ) Renders a separator item @( Html.Kendo().ContextMenu() .Name("ContextMenu") .Items(items => { items.Add().Separator(true); }) ) Defines the fluent interface for configuring the ContextMenu events. Defines the inline handler of the Open client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().ContextMenu() .Name("ContextMenu") .Events(events => events.Open( @<text> function(e) { //event handling code } </text> )) .Render(); ) Defines the name of the JavaScript function that will handle the the Open client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().ContextMenu() .Name("ContextMenu") .Events(events => events.Open("onOpen")) ) Defines the inline handler of the Close client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().ContextMenu() .Name("ContextMenu") .Events(events => events.Close( @<text> function(e) { //event handling code } </text> )) .Render(); ) Defines the name of the JavaScript function that will handle the the Close client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().ContextMenu() .Name("ContextMenu") .Events(events => events.Close("onClose")) ) Defines the inline handler of the Activate client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().ContextMenu() .Name("ContextMenu") .Events(events => events.Activate( @<text> function(e) { //event handling code } </text> )) .Render(); ) Defines the name of the JavaScript function that will handle the the Activate client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().ContextMenu() .Name("ContextMenu") .Events(events => events.Activate("onActivate")) ) Defines the inline handler of the Deactivate client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().ContextMenu() .Name("ContextMenu") .Events(events => events.Deactivate( @<text> function(e) { //event handling code } </text> )) .Render(); ) Defines the name of the JavaScript function that will handle the the Deactivate client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().ContextMenu() .Name("ContextMenu") .Events(events => events.Deactivate("onDeactivate")) ) Defines the inline handler of the Select client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().ContextMenu() .Name("ContextMenu") .Events(events => events.Select( @<text> function(e) { //event handling code } </text> )) .Render(); ) Defines the name of the JavaScript function that will handle the the Select client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().ContextMenu() .Name("ContextMenu") .Events(events => events.Select("onSelect")) ) Defines the fluent API for configuring the Kendo TreeMap for ASP.NET MVC. Initializes a new instance of the class. The component. If set to false the widget will not bind to the data source during initialization. In this case data binding will occur when the change event of the data source is fired. By default the widget will bind to the data source specified in the configuration. The value that configures the autobind. The theme of the TreeMap. The value that configures the theme. The data item field which contains the tile value. The value that configures the valuefield. The data item field which contains the tile color. The value that configures the colorfield. The data item field which contains the tile title. The value that configures the textfield. The template which renders the treeMap tile content.The fields which can be used in the template are: dataItem - the original data item used to construct the point. or text - the original tile text.. The value that configures the template. The template which renders the treeMap tile content.The fields which can be used in the template are: dataItem - the original data item used to construct the point. or text - the original tile text.. The value that configures the template. The template which renders the treeMap tile content.The fields which can be used in the template are: dataItem - the original data item used to construct the point. or text - the original tile text.. The value that configures the template. The template which renders the treeMap tile content.The fields which can be used in the template are: dataItem - the original data item used to construct the point. or text - the original tile text.. The value that configures the template. The default colors for the TreeMap items (tiles). Can be set to array of specific colors or array of color ranges. For more information on the widget behavior, see the Colors section on the TreeMap Overview page. The value that configures the colors. The layout type for the Treemap. The value that configures the type. Configure the DataSource of the component The action that configures the . @( Html.Kendo().TreeMap() .Name("treeMap") .DataSource(dataSource => dataSource .Read(read => read .Action("_PopulationUS", "TreeMap") ) ) ) Configures the client-side events. The client events action. @( Html.Kendo().TreeMap() .Name("TreeMap") .Events(events => events .DataBound("onDataBound") ) ) The default colors for the treemap tiles. When all colors are used, new colors are pulled from the start again. The add action. Defines the fluent API for configuring the Kendo TreeMap for ASP.NET MVC events. Fired when a tile has been created. The name of the JavaScript function that will handle the itemCreated event. Fired when the widget is bound to data from its dataSource. The name of the JavaScript function that will handle the dataBound event. Defines the fluent API for configuring the DiagramConnectionDefaultsSelectionSettings settings. Defines the connection selection handles configuration. The action that configures the handles. Defines the fluent API for configuring the DiagramConnectionDefaultsSelectionHandlesSettings settings. Defines the handles fill options. The action that configures the fill. Defines the handles stroke options. The action that configures the stroke. Defines the fluent API for configuring the DiagramConnectionDefaultsSelectionHandlesFillSettings settings. Defines the handles fill color. The value that configures the color. Defines the fluent API for configuring the DiagramConnectionDefaultsSelectionHandlesStrokeSettings settings. Defines the handles stroke color. The value that configures the color. Defines the fluent API for configuring the DiagramConnectionSelectionSettings settings. Defines the connection selection handles configuration. The action that configures the handles. Defines the fluent API for configuring the DiagramConnectionSelectionHandlesSettings settings. Defines the handles fill options. The action that configures the fill. Defines the handles stroke options. The action that configures the stroke. Defines the fluent API for configuring the DiagramConnectionSelectionHandlesFillSettings settings. Defines the handles fill color. The value that configures the color. Defines the fluent API for configuring the DiagramConnectionSelectionHandlesStrokeSettings settings. Defines the handles stroke color. The value that configures the color. Defines the fluent API for configuring the DiagramEditableResizeHandlesFillSettings settings. Specifies the fill color of the resizing handles. See the editable.resize configuration for an example. The value that configures the color. Specifies the fill opacity of the resizing handles. See the editable.resize configuration for an example. The value that configures the opacity. Defines the fluent API for configuring the DiagramEditableResizeHandlesHoverFillSettings settings. Specifies the fill color on hovering over the resizing handles. See the editable.resize configuration for an example. The value that configures the color. Specifies the fill opacity on hovering over the resizing handles. See the editable.resize configuration for an example. The value that configures the opacity. Defines the fluent API for configuring the DiagramSelectableSettings settings. Defines the selection stroke configuration. The action that configures the stroke. The selectable key. The value that configures the key. Specifies if multiple selection should be enabled. The value that configures the multiple selection. Defines the fluent API for configuring the DiagramSelectableStrokeSettings settings. Defines the selection stroke color. The value that configures the color. Defines the selection dash type. The value that configures the dashtype. Defines the selection stroke width. The value that configures the width. Defines the fluent API for configuring the DiagramShapeDefaultsEditableSettings settings. Specifies whether the connectors should appear on hover. The value that configures the connect. Specifies if the shapes can be dragged. The value that configures the drag. Specifies if the shapes can be removed. The value that configures the remove. Specifies the the toolbar tools. Predefined tools are: The action that configures the tools. Defines the fluent API for configuring the DiagramShapeDefaultsFillSettings settings. Defines the fill color of the shape. The value that configures the color. Defines the fill opacity of the shape. The value that configures the opacity. Defines the gradient fill of the shape. The action that configures the gradient. Defines the fluent API for configuring the DiagramShapeDefaultsHoverFillSettings settings. Hover's fill color. The value that configures the color. Hover's fill opacity. The value that configures the opacity. Defines the fluent API for configuring the DiagramShapeEditableSettings settings. Specifies whether the connectors should appear on hover. The value that configures the connect. Specifies the the toolbar tools. Predefined tools are: The action that configures the tools. Defines the fluent API for configuring the DiagramShapeFillSettings settings. Defines the fill color of the shape. The value that configures the color. Defines the fill opacity of the shape. The value that configures the opacity. Defines the gradient fill of the shape. The action that configures the gradient. Defines the fluent API for configuring the DiagramShapeHoverFillSettings settings. Hover's fill color. The value that configures the color. Hover's fill opacity. The value that configures the opacity. Defines the fluent API for configuring the TreeViewMessagesSettings settings. The text message shown while the root level items are loading. The value that configures the loading. @( Html.Kendo().TreeView() .Name("treeview") .Messages(m => m.Loading("Loading")) ) The text message shown when an error occurs while fetching the content. The value that configures the requestfailed. @( Html.Kendo().TreeView() .Name("treeview") .Messages(m => m.RequestFailed("RequestFailed")) ) The text message shown in the retry button. The value that configures the retry. @( Html.Kendo().TreeView() .Name("treeview") .Messages(m => m.Retry("Retry")) ) Defines the fluent API for configuring the ColorPickerMessagesSettings settings. Allows customization of the "Apply" button text. The value that configures the apply. Allows customization of the "Cancel" button text. The value that configures the cancel. Allows customization of the Clear Color button label. The value that configures the clearcolor. Overrides the messages.hex property. Legacy option. The value that configures the previewinput. Allows customization of the "Contrast ratio" text in the contrast tool. The value that configures the contrastratio. Allows customization of the "Fail" text in the contrast tool. The value that configures the fail. Allows customization of the "Pass" text in the contrast tool. The value that configures the pass. Allows customization of the Gradient view button. The value that configures the gradient. Allows customization of the Palette view button. The value that configures the palette. Allows customization of the toggle format button's title in the Gradient's input editor. The value that configures the toggleformat. Allows customization of the rgb's red input's aria-label in the Gradient's input editor. The value that configures the red. Allows customization of the rgb's green input's aria-label in the Gradient's input editor. The value that configures the green. Allows customization of the rgb's blue input's aria-label in the Gradient's input editor. The value that configures the blue. Allows customization of the rgb's alpha input's aria-label in the Gradient's input editor. The value that configures the alpha. Allows customization of the hex input's aria-label in the Gradient's input editor. The value that configures the hex. Defines the fluent API for configuring the GanttEditableSettings settings. If set to true the Gantt will display a confirmation dialog when the user deletes a task or a dependency. The value that configures the confirmation. If set to false the user won't be able to create tasks. The value that configures the create. If set to false the user won't be able to create dependencies. The value that configures the dependencycreate. If set to false the user won't be able to delete dependencies. The value that configures the dependencydestroy. If set to false the user won't be able to edit the percentComplete of the tasks. The value that configures the dragpercentcomplete. If set to false the user won't be able to delete tasks. The value that configures the destroy. If set to false the user won't be able to move tasks. The value that configures the move. If set to true the default pop-up editor of the Gantt will render the plannedStart and plannedEnd editors for the edited task. The value that configures the plannedtasks. If set to false the user won't be able to reorder tasks in the task list. The value that configures the reorder. If set to false the user won't be able to resize tasks. The value that configures the resize. The template which renders the editor.The template should contain elements whose name HTML attributes are set as the editable fields. This is how the Gantt will know which field to update. The other option is to use MVVM bindings in order to bind HTML elements to data item fields. The value that configures the template. The template which renders the editor.The template should contain elements whose name HTML attributes are set as the editable fields. This is how the Gantt will know which field to update. The other option is to use MVVM bindings in order to bind HTML elements to data item fields. The value that configures the template. The template which renders the editor.The template should contain elements whose name HTML attributes are set as the editable fields. This is how the Gantt will know which field to update. The other option is to use MVVM bindings in order to bind HTML elements to data item fields. The value that configures the template. The template which renders the editor.The template should contain elements whose name HTML attributes are set as the editable fields. This is how the Gantt will know which field to update. The other option is to use MVVM bindings in order to bind HTML elements to data item fields. The value that configures the template. If set to false the user won't be able to update tasks. The value that configures the update. Defines the fluent API for configuring the EditorSerializationSettings settings. Defines custom serialization for the editable content. The method accepts a single parameter as a string and is expected to return a string. The value that configures the custom action. @( Html.Kendo().Editor() .Name("Editor") .Serialization(d => d.Custom(@<text> function(html) { return html.replace(/(#)/, ","); } </text>) ) ) Defines custom serialization for the editable content. The method accepts a single parameter as a string and is expected to return a string. The value that configures the custom action. @( Html.Kendo().Editor() .Name("Editor") .Serialization(d => d.Custom("htmlSerialization")) ) <script> function htmlSerialization(html) { return html.replace(/(<\/?)b(\s?)/, "$1strong$2"); } </script> Indicates whether the characters outside the ASCII range will be encoded as HTML entities. By default, they are encoded. The value that configures the entities. @( Html.Kendo().Editor() .Name("Editor") .Serialization(d => d.Entities(true)) ) Indicates whether optizable tags (e.g. span and font elements with no attributes) should be removed from the DOM. The value that configures the optimizeTags. @( Html.Kendo().Editor() .Name("Editor") .Serialization(d => d.OptimizeTags(true)) ) Indicates whether inline scripts will be serialized and posted to the server. The value that configures the scripts. @( Html.Kendo().Editor() .Name("Editor") .Serialization(d => d.Scripts(true)) ) Indicates whether the font styles will be saved as semantic (strong / em / span) tags, or as presentational (b / i / u / font) tags. Used for outputting content for legacy systems. Default: true. The value that configures the semantic. @( Html.Kendo().Editor() .Name("Editor") .Serialization(d => d.Semantic(false)) ) Defines the fluent API for configuring the Kendo TreeList for ASP.NET MVC. Initializes a new instance of the class. The component. The template which renders the alternating table rows. By default the treelist renders a table row (<tr>) for every data source item. The value that configures the altrowtemplate. The template which renders the alternating table rows. By default the treelist renders a table row (<tr>) for every data source item. The value that configures the altrowtemplate. The template which renders the alternating table rows. By default the treelist renders a table row (<tr>) for every data source item. The value that configures the altrowtemplate. The template which renders the alternating table rows. By default the treelist renders a table row (<tr>) for every data source item. The value that configures the altrowtemplate. If set to false, the TreeList will not bind to the specified DataSource during initialization. In this case, data binding will occur when the change event of the DataSource fires. By default, the TreeList will bind to the DataSource that is specified in the configuration. The value that configures the autobind. If set to true, the user can resize columns by dragging their header borders. By default, resizing is disabled. The value that configures the resizable. If set to true, the user can reorder the columns by dragging their header cells. By default, reordering is disabled. The value that configures the reorderable. If set to true, the TreeList displays the column menu when the user clicks the Chevron icon in the column headers. The column menu allows the user to show and hide columns, and, if filtering and sorting are enabled, filter and sort the data. By default, the column menu is disabled. Can be set to a JavaScript object which represents the column menu configuration. If set to true, the TreeList displays the column menu when the user clicks the Chevron icon in the column headers. The column menu allows the user to show and hide columns, and, if filtering and sorting are enabled, filter and sort the data. By default, the column menu is disabled. Can be set to a JavaScript object which represents the column menu configuration. Enables or disables the columnmenu option. If set to true, the TreeList displays the column menu when the user clicks the Chevron icon in the column headers. The column menu allows the user to show and hide columns, and, if filtering and sorting are enabled, filter and sort the data. By default, the column menu is disabled. Can be set to a JavaScript object which represents the column menu configuration. The action that configures the columnmenu. If set to true, the user will be able to edit the data to which the TreeList is bound. By default, editing is disabled. can be set to a JavaScript object (which represents the editing configuration) or to a string (which specifies the edit mode).The supported string values are: (Default) inline; popup or incell. If set to true, the user will be able to edit the data to which the TreeList is bound. By default, editing is disabled. can be set to a JavaScript object (which represents the editing configuration) or to a string (which specifies the edit mode).The supported string values are: (Default) inline; popup or incell. Enables or disables the editable option. If set to true, the user will be able to edit the data to which the TreeList is bound. By default, editing is disabled. can be set to a JavaScript object (which represents the editing configuration) or to a string (which specifies the edit mode).The supported string values are: (Default) inline; popup or incell. The action that configures the editable. Configures the Excel export settings of the TreeList. The action that configures the excel. If set to true, the user can filter the data source by using the TreeList filter menu. By default, filtering is disabled. Can be set to a JavaScript object which represents the filter menu configuration. If set to true, the user can filter the data source by using the TreeList filter menu. By default, filtering is disabled. Can be set to a JavaScript object which represents the filter menu configuration. Enables or disables the filterable option. If set to true, the user can filter the data source by using the TreeList filter menu. By default, filtering is disabled. Can be set to a JavaScript object which represents the filter menu configuration. The action that configures the filterable. The height of the TreeList. Numeric values are treated as pixels. The value that configures the height. Defines the text of the command buttons that are shown within the TreeList. Used primarily for localization. The action that configures the messages. If set to true, the user can navigate the widget with the keyboard. By default, keyboard navigation is disabled. For a runnable example, refer to the demo on keyboard navigation in the TreeList. The value that configures the navigatable. If set to true, the TreeList displays a pager. By default, paging is disabled. Only client-side paging is supported which means that all data items are expected to be available when the TreeList is initialized. Can be set to a JavaScript object which represents the pager configuration. If set to true, the TreeList displays a pager. By default, paging is disabled. Only client-side paging is supported which means that all data items are expected to be available when the TreeList is initialized. Can be set to a JavaScript object which represents the pager configuration. Enables or disables the pageable option. If set to true, the TreeList displays a pager. By default, paging is disabled. Only client-side paging is supported which means that all data items are expected to be available when the TreeList is initialized. Can be set to a JavaScript object which represents the pager configuration. The action that configures the pageable. Configures the PDF export settings of the TreeList. The action that configures the pdf. The template which renders rows. By default renders a table row (<tr>) for every data source item. The value that configures the rowtemplate. The template which renders rows. By default renders a table row (<tr>) for every data source item. The value that configures the rowtemplate. The template which renders rows. By default renders a table row (<tr>) for every data source item. The value that configures the rowtemplate. The template which renders rows. By default renders a table row (<tr>) for every data source item. The value that configures the rowtemplate. If set to true, the TreeList will display a scrollbar when the total row height or width exceeds the TreeList height or width. By default, scrolling is enabled. Scrolling renders separate tables for the header and data area. For accessibility-conscious applications, disable scrolling. The value that configures the scrollable. If set to true, the user is able to sort the TreeList by clicking the column header cells. By default, sorting is disabled. Can be set to a JavaScript object which represents the sorting configuration. If set to true, the user is able to sort the TreeList by clicking the column header cells. By default, sorting is disabled. Can be set to a JavaScript object which represents the sorting configuration. Enables or disables the sortable option. If set to true, the user is able to sort the TreeList by clicking the column header cells. By default, sorting is disabled. Can be set to a JavaScript object which represents the sorting configuration. The action that configures the sortable. If a String value is assigned to the toolbar configuration option, it will be treated as a single string template for the whole TreeList toolbar and the string value will be passed as an argument to a kendo.template() function.; If a Function value is assigned (it may be a kendo.template() function call or a generic function reference), then the return value of the function will be used to render the contents of the TreeList toolbar. or If an Array value is assigned, it will be treated as the list of commands which are displayed in the TreeList toolbar. Commands can be custom or built-in. The supported built-in commands are:create - Adds an empty data item to the treelist.excel - Exports the TreeList data in MS Excel format.pdf - Exports the TreeList data in PDF format.search - built-in search panel for the TreeList.. The action that configures the toolbar. The configuration of the TreeList columns whcih represents an array of JavaScript objects or strings. JavaScript objects are interpreted as column configurations. Strings are interpreted as thefield to which the column is bound. The TreeList will create a column for each item of the array. The action that configures the columns. If set to true the use could navigate the widget using the keyboard navigation. By default keyboard navigation is disabled. @( Html.Kendo().TreeList() .Name("treeList") .Navigatable() ) If set to true the user would be able to select treelist rows. By default selection is disabled.Can also be set to the following string values: The value that configures the selectable. Specifies whether TreeList selection is allowed. By default selection is disabled Specifies whether TreeList selection is allowed. By default selection is disabled The configurator for the selectable setting. Configures the Kendo UI TreeList search bar settings. The action that configures the search. Configure the DataSource of the component The action that configures the DataSource. @( Html.Kendo().TreeMap() .Name("treeMap") .DataSource(dataSource => dataSource .Read(read => read .Action("_PopulationUS", "TreeMap") ) ) ) Binds the grid to a list of objects The data source. Configures the client-side events. The client events action. @( Html.Kendo().TreeList() .Name("TreeList") .Events(events => events .DataBinding("onDataBinding") ) ) Defines the fluent API for configuring the TreeListEditableSettings settings. Enables the drag-and-drop UI of rows between parents. Enables the drag-and-drop UI of rows between parents. Enables or disables the move option. Enables the drag-and-drop UI of rows between parents. The action that configures the move. The template which renders the popup editor.The template has to contain elements whose name HTML attribute is set to the name of the editable field. In this way, the TreeList recognizes the field to which it has to bind the each editor. Alternatively, use MVVM bindings for binding HTML elements to data item fields. The value that configures the template. The template which renders the popup editor.The template has to contain elements whose name HTML attribute is set to the name of the editable field. In this way, the TreeList recognizes the field to which it has to bind the each editor. Alternatively, use MVVM bindings for binding HTML elements to data item fields. The value that configures the template. The template which renders the popup editor.The template has to contain elements whose name HTML attribute is set to the name of the editable field. In this way, the TreeList recognizes the field to which it has to bind the each editor. Alternatively, use MVVM bindings for binding HTML elements to data item fields. The value that configures the template. The template which renders the popup editor.The template has to contain elements whose name HTML attribute is set to the name of the editable field. In this way, the TreeList recognizes the field to which it has to bind the each editor. Alternatively, use MVVM bindings for binding HTML elements to data item fields. The value that configures the template. The editing mode to use. The supported editing modes are "inline", "popup" and "incell". The value that configures the mode. The EditorTemplate which to be rendered as editor. The name of the EditorTemplate The editing mode to use. The supported editing modes are "inline", "popup" and "incell". The value that configures the mode. Defines the fluent API for configuring the TreeListFilterableSettings settings. Configures Filter menu messages. If set to true, the filter menu will allow the user to input a second criteria. The value that configures the extra. If set to row the user would be able to filter via extra row added below the headers. By default filtering is using the menu mode.Can also be set to the following string values: "row" - the user can filter via extra row within the header.; "menu" - the user can filter via the menu after clicking the filter icon. or "menu, row" - the user can filter with both modes above enabled.. The value that configures the mode. Configures the Filter menu operators. Defines the fluent API for configuring the TreeListSortableSettings settings. If set to true, the user can get the TreeList in its unsorted state by clicking the sorted column header. The value that configures the allowunsort. The sort mode. If set to single, the user can sort by one column at a time. If set to multiple, the user can sort by multiple columns. The value that configures the mode. Defines the fluent API for configuring the Kendo TreeList for ASP.NET MVC events. Fires when the user tries to edit or creates a data item before the editor is created. Can be used for preventing the editing depending on custom logic. The event handler function context (available through the this keyword) will be set to the widget instance. The event will be fired only when the TreeList is editable. The name of the JavaScript function that will handle the beforeEdit event. Fires when the user clicks the Cancel button (in inline or popup edit mode) or closes the popup window. The event handler function context (available through the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the cancel event. Fires when the incell edit mode is used and the cell will be closed. The event is triggered after saving or canceling the changes but before the cell is closed. The event handler function context (available through the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the cellClose event. Fires when the user selects a table row or cell in the TreeList. The event handler function context (available through the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the change event. Fires when an item is about to be collapsed. The event handler function context (available through the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the collapse event. Fires before the widget binds to its data source. The event handler function context (available through the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the dataBinding event. Fires when the widget is bound to data from its data source. The event handler function context (available through the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the dataBound event. (Available as of the 2015.3.1014 release) Fires when the user attempts to drag an item. If prevented, the item is not allowed to move. The event handler function context (available through the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the dragstart event. (Available as of the 2015.3.1014 release) Fires while the user is dragging and item. This event is triggered on every mouse move. The event handler function context (available through the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the drag event. (Available as of the 2015.3.1014 release) Fires when the user finishes dragging an item and the model was updated. The event handler function context (available through the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the dragend event. (Available as of the 2015.3.1014 release) Fires when the user drops an item. If prevented, the source row will not be moved. The event handler function context (available through the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the drop event. Fires when the user edits or creates a data item. The event handler function context (available through the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the edit event. Fires when the user clicks the Export to Excel toolbar button. The name of the JavaScript function that will handle the excelExport event. Fires when an item is about to be expanded. The event handler function context (available through the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the expand event. Fires when the TreeList filter menu is initialized. The event handler function context (available through the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the filterMenuInit event. Fires when the TreeList filter menu is opened. The event handler function context (available through the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the filterMenuOpen event. Fires when the user clicks the Export to PDF toolbar button. The name of the JavaScript function that will handle the pdfExport event. Fires when the user clicks the Destroy command button. The event handler function context (available through the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the remove event. Fires when a data item is saved. The event handler function context (available through the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the save event. Fires when the user clicks the Save command button. The event handler function context (available through the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the saveChanges event. Fires when the user shows a column. The event handler function context (available through the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the columnShow event. Fires when the user hides a column. The event handler function context (available through the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the columnHide event. Fires when the user changes the order of a column. The event handler function context (available through the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the columnReorder event. Fires when the user resizes a column. The event handler function context (available through the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the columnResize event. Fires when the column menu is initialized. The event handler function context (available through the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the columnMenuInit event. Fires when the column menu is opened. The event handler function context (available through the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the columnMenuOpen event. Fires when the user lock a column. The event handler function context (available through the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the columnLock event. Fires when the user unlock a column. The event handler function context (available through the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the columnUnlock event. Defines the fluent API for configuring the TreeListColumn settings. The HTML attributes of the table cell (<td>) that is rendered for the column. The value that configures the htmlattributes. The HTML attributes of the table cell (<td>) that is rendered for the column. The value that configures the htmlattributes. The configuration of the column commands. If set, the column will display a button for every command. Commands can be custom or built-inThe built-in commands are: edit - Switches the current table row to edit mode. Supports the inline and popup edit modes.; createChild- Adds a new child item to the current table row and switches to edit mode. or destroy - Removes the data item to which the current table row is bound.. Custom commands are supported by specifying the click option. The action that configures the command. The JavaScript function that is executed when the cell or row is about to be opened for editing. The returned result will determine whether an editor for the column will be created. The value that configures the editable action. The JavaScript function that is executed when the cell or row is about to be opened for editing. The returned result will determine whether an editor for the column will be created. The value that configures the editable action. If set to true, the column value will be HTML-encoded before it is displayed. If set to false, the column value will be displayed as is. By default, the column value is HTML-encoded. The value that configures the encoded. If set to true, the column will show the icons that are used for expanding and collapsing child rows. By default, the first column of the TreeList is expandable. The value that configures the expandable. The field to which the column is bound. The value of this field is displayed by the column during data binding. The expression that specifies the field, based on the bound model. The field to which the column is bound. The value of this field is displayed by the column during data binding. The value that configures the field. If set to true and if filtering is enabled, a filter menu will be displayed for this column. If set to false, the filter menu will not be displayed. By default, a filter menu is displayed for all columns when filtering is enabled through the filterable option. Can be set to a JavaScript object which represents the filter menu configuration. Enables or disables the filterable option. The template which renders the footer table cell for the column.The following fields can be used in the template: average - The value of the average aggregate (if specified).; count - The value of the count aggregate (if specified).; max - The value of the max aggregate (if specified).; min - The value of the min aggregate (if specified). or sum - The value of the sum aggregate (if specified).. The value that configures the footertemplate. The template which renders the footer table cell for the column.The following fields can be used in the template: average - The value of the average aggregate (if specified).; count - The value of the count aggregate (if specified).; max - The value of the max aggregate (if specified).; min - The value of the min aggregate (if specified). or sum - The value of the sum aggregate (if specified).. The value that configures the footertemplate. The format that is applied to the value before it is displayed. Takes the {0:format} form where format is a standard number format, custom number format, standard date format or a custom date format. The value that configures the format. The HTML attributes of the table header cell (<th>) that is rendered for the column. The value that configures the headerattributes. The HTML attributes of the table header cell (<th>) that is rendered for the column. The value that configures the headerattributes. The template which renders the column header content. By default, the value of the title column option is displayed in the column header cell. The value that configures the headertemplate. The template which renders the column header content. By default, the value of the title column option is displayed in the column header cell. The value that configures the headertemplate. The pixel screen width below which the column will be hidden. The setting takes precedence over the hidden setting and the two cannot not be used at the same time. The value that configures the minscreenwidth. If set to true the treelist will render a select column with checkboxes in each cell, thus enabling multi-row selection. The header checkbox allows users to select/deselect all the rows on the current page. The value that configures the selectable. If set to true and sorting is enabled, the user can click the column header and sort the TreeList by the column field. If set to false, sorting will be disabled for this column. By default, all columns are sortable if sorting is enabled though the sortable option. Enables or disables the sortable option. If set to true and sorting is enabled, the user can click the column header and sort the TreeList by the column field. If set to false, sorting will be disabled for this column. By default, all columns are sortable if sorting is enabled though the sortable option. The action that configures the sortable. The template which renders the column content. The TreeList renders table rows (<tr>) which represent the data source items. Each table row consists of table cells (<td>) which represent the TreeList columns. By default, the HTML-encoded value of the field is displayed in the column. The value that configures the template. The template which renders the column content. The TreeList renders table rows (<tr>) which represent the data source items. Each table row consists of table cells (<td>) which represent the TreeList columns. By default, the HTML-encoded value of the field is displayed in the column. The value that configures the template. The text that is displayed in the column header cell. If not set, the TreeList uses field. The value that configures the title. The width of the column. Numeric values are treated as pixels. The value that configures the width. If set to true, the TreeList will not display the column. By default, all columns are displayed. The value that configures the hidden. If set to true, the TreeList will select all child rows upon parent row selection when checkbox selection is used. The value that configures the includechildren. If set to true, the TreeList will display the column in the column menu. By default, the column menu includes all data-bound columns, that is, the ones with a set field option. The value that configures the menu. If set to true, the TreeList will display the column as locked (frozen). The value that configures the locked. If set to false, the column will remain in that side of the TreeList where its own locked configuration placed it. The value that configures the lockable. The template which renders the footer table cell for the column.The following fields can be used in the template: average - The value of the average aggregate (if specified).; count - The value of the count aggregate (if specified).; max - The value of the max aggregate (if specified).; min - The value of the min aggregate (if specified). or sum - The value of the sum aggregate (if specified).. The value that configures the footertemplate. The template which renders the column header content. By default, the value of the title column option is displayed in the column header cell. The value that configures the headertemplate. The template which renders the column content. The TreeList renders table rows (<tr>) which represent the data source items. Each table row consists of table cells (<td>) which represent the TreeList columns. By default, the HTML-encoded value of the field is displayed in the column. The value that configures the template. Provides a way to specify a custom editing UI for the column. Use the container parameter to create the editing UI. The value that configures the editor. The width of the column. Numeric values are treated as pixels. For more important information, please refer to Column Widths. The value that configures the width. If set to true the user can click the column header and sort the grid by the column field when sorting is enabled. If set to false sorting will be disabled for this column. By default all columns are sortable if sorting is enabled via the sortable option. If set to true a filter menu will be displayed for this column when filtering is enabled. If set to false the filter menu will not be displayed. By default a filter menu is displayed for all columns when filtering is enabled via the filterable option. Can be set to a JavaScript object which represents the filter menu configuration. If set to true and if filtering is enabled, a filter menu will be displayed for this column. If set to false, the filter menu will not be displayed. By default, a filter menu is displayed for all columns when filtering is enabled through the filterable option. Can be set to a JavaScript object which represents the filter menu configuration. The action that configures the filterable. Defines the fluent API for configuring the TreeListColumnFilterableSettings settings. The role data attribute of the widget that is used in the filter menu, or a JavaScript function which initializes that widget. The value that configures the ui action. The role data attribute of the widget that is used in the filter menu, or a JavaScript function which initializes that widget. The value that configures the ui action. Specifies options for the filter header cell when filter mode is set to 'row'.Can be set to a JavaScript object which represents the filter cell configuration. The action that configures the cell. Configures the Filter menu operators. Defines the fluent API for configuring the TreeListColumnSortableSettings settings. A JavaScript function for comparing the values. If the first argument is less than the second one, returns -1.; If both arguments are the same, returns 0. or If the first argument is greater than the second one, returns +1.. The value that configures the compare. Defines the fluent API for adding items to Kendo Column for ASP.NET MVC Adds an item for a custom action. Adds an item for the edit action. Adds an item for the createChild action. Adds an item for the destroy action. Defines the fluent API for configuring the TreeListColumnCommand settings. The CSS class that is applied to the command button. The value that configures the classname. The CSS class that is applied to the icon span of the command button. The value that configures the imageclass. The JavaScript function that is executed when the user clicks the command button. The function receives a jQuery event as an argument. The function context that is available through the this keyword will be set to the TreeList instance. The value that configures the click action. The JavaScript function that is executed when the user clicks the command button. The function receives a jQuery event as an argument. The function context that is available through the this keyword will be set to the TreeList instance. The value that configures the click action. The name of the command. Commands can be built-in ("edit", "createChild" and "destroy") or custom. When set to a custom value, the name is rendered as a data-command attribute. For more information, refer to the columns.command section. The value that configures the name. The text that is displayed by the command button. If not set, the name option is used as the button text. The value that configures the text. Defines the fluent API for configuring the TreeListToolbar settings. The click handler of the toolbar command. Used for custom toolbar commands. The value that configures the click action. The click handler of the toolbar command. Used for custom toolbar commands. The value that configures the click action. A class name that will be rendered inside the toolbar button. When you set this option, the TreeList renders an additional span element inside the toolbar button which has a class name set to the option value. This approach allows you to display an icon inside your custom toolbar commands. The value that configures the imageclass. The name of the toolbar command. Can be either a built-in ("create", "excel", or "pdf") or a custom string. The name is output in the HTML as a value of the data-command attribute of the button. The value that configures the name. The text that is displayed by the command button. If not set, the TreeList will use the name` option as the button text instead. The value that configures the text. Defines the fluent API for adding items to Kendo Gantt for ASP.NET MVC Initializes a new instance of the class. The container Creates a Gantt toolbars. Defines the fluent API for configuring the GanttToolbar settings. The name of the toolbar command. Either a built-in ("append" and "pdf") or custom. The name is reflected in one of the CSS classes, which is applied to the button - k-gantt-name. This class can be used to obtain reference to the button after Gantt initialization and attach click handlers. The value that configures the name. The template which renders the command. By default renders a button. The value that configures the template. The template which renders the command. By default renders a button. The value that configures the template. The template which renders the command. By default renders a button. The value that configures the template. The template which renders the command. By default renders a button. The value that configures the template. The text displayed by the command button. If not set the name` option would be used as the button text instead. The value that configures the text. Defines the fluent API for configuring the GanttPdfSettings settings. The author of the PDF document. The value that configures the author. Specifies if the Print dialog should be opened immediately after loading the document. The value that configures the autoprint. A flag indicating whether to produce actual hyperlinks in the exported PDF file.It's also possible to pass a CSS selector as argument. All matching links will be ignored. The value that configures the avoidlinks. The creator of the PDF document. The value that configures the creator. The date when the PDF document is created. Defaults to new Date(). The value that configures the date. Specifies the file name of the exported PDF file. The value that configures the filename. If set to true, the content will be forwarded to proxyURL even if the browser supports saving files locally. The value that configures the forceproxy. Specifies the quality of the images within the exported file, from 0 to 1. The value that configures the jpegquality. If set to true all PNG images contained in the exported file will be kept in PNG format. The value that configures the keeppng. Specifies the keywords of the exported PDF file. The value that configures the keywords. Set to true to reverse the paper dimensions if needed such that width is the larger edge. The value that configures the landscape. Specifies the margins of the page (numbers or strings with units). Supported units are "mm", "cm", "in" and "pt" (default). The action that configures the margin. Specifies the paper size of the PDF document. The default "auto" means paper size is determined by content.Supported values: A predefined size: "A4", "A3" etc; An array of two numbers specifying the width and height in points (1pt = 1/72in) or An array of two strings specifying the width and height in units. Supported units are "mm", "cm", "in" and "pt".. The value that configures the papersize. The URL of the server side proxy which will stream the file to the end user.A proxy will be used when the browser isn't capable of saving files locally. Such browsers are IE version 9 and lower and Safari.The developer is responsible for implementing the server-side proxy.The proxy will receive a POST request with the following parameters in the request body: contentType: The MIME type of the file; base64: The base-64 encoded file content or fileName: The file name, as requested by the caller.. The proxy should return the decoded file with set "Content-Disposition" header. The value that configures the proxyurl. A name or keyword indicating where to display the document returned from the proxy.If you want to display the document in a new window or iframe, the proxy should set the "Content-Disposition" header to inline; filename="<fileName.pdf>". The value that configures the proxytarget. Sets the subject of the PDF file. The value that configures the subject. Sets the title of the PDF file. The value that configures the title. Defines the fluent API for configuring the GanttPdfMarginSettings settings. The bottom margin. Numbers are considered as "pt" units. The value that configures the bottom. The left margin. Numbers are considered as "pt" units. The value that configures the left. The right margin. Numbers are considered as "pt" units. The value that configures the right. The top margin. Numbers are considered as "pt" units. The value that configures the top. Defines the fluent API for configuring the GanttAssignmentsSettings settings. The data source which contains assignment data items. Can be a JavaScript object which represents a valid data source configuration, a JavaScript array or an existing kendo.data.DataSource instance.If the dataSource option is set to a JavaScript object or array the widget will initialize a new kendo.data.DataSource instance using that value as data source configuration.If the dataSource option is an existing kendo.data.DataSource instance the widget will use that instance and will not initialize a new one. The value that configures the datasource. The field of the assignment data item which represents the resource id. The value that configures the dataresourceidfield. The field of the assignment data item which represents the task id. The value that configures the datataskidfield. The field of the assignment data item which represents the amount of the assigned resource. The value that configures the datavaluefield. Binds the gantt assignments to a list of objects The dataSource Defines the fluent API for configuring the GanttResourcesSettings settings. The field of the resource data item containing the format of the resource value, which could be assigned to a gantt task. The data item format value could be any valid kendo format. The value that configures the dataformatfield. The field of the resource data item which contains the resource color. The value that configures the datacolorfield. The data source which contains resource data items. Can be a JavaScript object which represents a valid data source configuration, a JavaScript array or an existing kendo.data.DataSource instance.If the dataSource option is set to a JavaScript object or array the widget will initialize a new kendo.data.DataSource instance using that value as data source configuration.If the dataSource option is an existing kendo.data.DataSource instance the widget will use that instance and will not initialize a new one. The value that configures the datasource. The field of the resource data item which represents the resource text. The value that configures the datatextfield. The field of the gantt task which contains the assigned resource objects. The value that configures the field. Binds the gantt resources to a list of objects The dataSource Defines the fluent API for configuring the DiagramConnectionDefaultsEditableSettings settings. Specifies if the connections can be dragged. The value that configures the drag. Specifies if the connections can be removed. The value that configures the remove. Specifies the the toolbar tools. Predefined tools are: The action that configures the tools. Defines the fluent API for adding items to Kendo Editable for ASP.NET MVC Adds an item for a custom action. Adds an item for the edit action. Adds an item for the delete action. Defines the fluent API for configuring the DiagramConnectionDefaultsEditableSettingsTool settings. The name of the tool. The built-in tools are "edit" and "delete". The value that configures the name. Specifies the HTML attributes of a button. The value that configures the htmlattributes. Specifies the HTML attributes of a button. The value that configures the htmlattributes. Specifies the buttons of ButtonGroup. The action that configures the buttons. Specifies the click event handler of the button. Applicable only for commands of type `button` and `splitButton`. The value that configures the click. Specifies whether the control is initially enabled or disabled. Default value is "true". The value that configures the enable. Assigns the button to a group. Applicable only for buttons with togglable set to true. The value that configures the group. Sets icon for the item. The icon should be one of the existing in the Kendo UI theme sprite. The value that configures the icon. Specifies the ID of the button. The value that configures the id. If set, the ToolBar will render an image with the specified URL in the button. The value that configures the imageurl. Specifies the menu buttons of a SplitButton. The action that configures the menubuttons. Specifies how the button behaves when the ToolBar is resized. Possible values are "always", "never" or "auto" (default). The value that configures the overflow. Specifies what element will be added in the command overflow popup. Applicable only for items that have a template. The value that configures the overflowtemplate. Specifies what element will be added in the command overflow popup. Applicable only for items that have a template. The value that configures the overflowtemplate. Specifies what element will be added in the command overflow popup. Applicable only for items that have a template. The value that configures the overflowtemplate. Specifies whether the button is primary. Primary buttons receive different styling. The value that configures the primary. Specifies if the toggle button is initially selected. Applicable only for buttons with togglable set to true. The value that configures the selected. Specifies where the button icon will be displayed. Possible values are "toolbar", "overflow" or "both" (default). The value that configures the showicon. Specifies where the text will be displayed. Possible values are "toolbar", "overflow" or "both" (default). The value that configures the showtext. Defines a CSS class (or multiple classes separated by spaces) which will be used for button icon. The value that configures the spritecssclass. Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type. The value that configures the template. Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type. The value that configures the template. Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type. The value that configures the template. Sets the text of the button. The value that configures the text. Specifies if the button is togglable, e.g. has a selected and unselected state. The value that configures the togglable. Specifies the toggle event handler of the button. Applicable only for commands of type `button` and togglable set to true. The value that configures the toggle. Specifies the command type. Supported types are "button", "splitButton", "buttonGroup", "separator". The value that configures the type. Specifies the url to navigate to. The value that configures the url. Defines the fluent API for configuring the DiagramConnectionEditableSettings settings. Specifies the the toolbar tools. Predefined tools are: The action that configures the tools. Defines the fluent API for adding items to Kendo Editable for ASP.NET MVC Adds an item for a custom action. Adds an item for the edit action. Adds an item for the delete action. Defines the fluent API for configuring the DiagramConnectionEditableSettingsTool settings. The name of the tool. The built-in tools are "edit" and "delete". The value that configures the name. Specifies the HTML attributes of a button. The value that configures the htmlattributes. Specifies the HTML attributes of a button. The value that configures the htmlattributes. Specifies the buttons of ButtonGroup. The action that configures the buttons. Specifies the click event handler of the button. Applicable only for commands of type `button` and `splitButton`. The value that configures the click. Specifies whether the control is initially enabled or disabled. Default value is "true". The value that configures the enable. Assigns the button to a group. Applicable only for buttons with togglable set to true. The value that configures the group. Sets icon for the item. The icon should be one of the existing in the Kendo UI theme sprite. The value that configures the icon. Specifies the ID of the button. The value that configures the id. If set, the ToolBar will render an image with the specified URL in the button. The value that configures the imageurl. Specifies the menu buttons of a SplitButton. The action that configures the menubuttons. Specifies how the button behaves when the ToolBar is resized. Possible values are "always", "never" or "auto" (default). The value that configures the overflow. Specifies what element will be added in the command overflow popup. Applicable only for items that have a template. The value that configures the overflowtemplate. Specifies what element will be added in the command overflow popup. Applicable only for items that have a template. The value that configures the overflowtemplate. Specifies what element will be added in the command overflow popup. Applicable only for items that have a template. The value that configures the overflowtemplate. Specifies whether the button is primary. Primary buttons receive different styling. The value that configures the primary. Specifies if the toggle button is initially selected. Applicable only for buttons with togglable set to true. The value that configures the selected. Specifies where the button icon will be displayed. Possible values are "toolbar", "overflow" or "both" (default). The value that configures the showicon. Specifies where the text will be displayed. Possible values are "toolbar", "overflow" or "both" (default). The value that configures the showtext. Defines a CSS class (or multiple classes separated by spaces) which will be used for button icon. The value that configures the spritecssclass. Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type. The value that configures the template. Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type. The value that configures the template. Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type. The value that configures the template. Sets the text of the button. The value that configures the text. Specifies if the button is togglable, e.g. has a selected and unselected state. The value that configures the togglable. Specifies the toggle event handler of the button. Applicable only for commands of type `button` and togglable set to true. The value that configures the toggle. Specifies the command type. Supported types are "button", "splitButton", "buttonGroup", "separator". The value that configures the type. Specifies the url to navigate to. The value that configures the url. Defines the fluent API for configuring the DiagramConnectionFromSettings settings. Defines the x-coordinate of the connection source. The value that configures the x. Defines the y-coordinate of the connection source. The value that configures the y. Defines the source shape Id. The value that configures the source shape id. Defines the name of the source shape connector. The value that configures the source shape connector name. Defines the fluent API for configuring the DiagramConnectionToSettings settings. Defines the point x value. The value that configures the x. Defines the point y value. The value that configures the y. Defines the target shape Id. The value that configures the target shape id. Defines the name of the target shape connector. The value that configures the target shape connector name. Defines the fluent API for adding items to Kendo Editable for ASP.NET MVC Adds an item for a custom action. Adds an item for the edit action. Adds an item for the createShape action. Adds an item for the createConnection action. Adds an item for the undo action. Adds an item for the redo action. Adds an item for the rotateClockwise action. Adds an item for the rotateAnticlockwise action. Defines the fluent API for configuring the DiagramEditableSettingsTool settings. The name of the tool. The built-in tools are "edit", "createShape", "createConnection", "undo", "redo", "rotateClockwise" and "rotateAnticlockwise". The value that configures the name. The step of the rotateClockwise and rotateAnticlockwise tools. The value that configures the step. Specifies the HTML attributes of a button. The value that configures the htmlattributes. Specifies the HTML attributes of a button. The value that configures the htmlattributes. Specifies the buttons of ButtonGroup. The action that configures the buttons. Specifies the click event handler of the button. Applicable only for commands of type `button` and `splitButton`. The value that configures the click. Specifies whether the control is initially enabled or disabled. Default value is "true". The value that configures the enable. Assigns the button to a group. Applicable only for buttons with togglable set to true. The value that configures the group. Sets icon for the item. The icon should be one of the existing in the Kendo UI theme sprite. The value that configures the icon. Specifies the ID of the button. The value that configures the id. If set, the ToolBar will render an image with the specified URL in the button. The value that configures the imageurl. Specifies the menu buttons of a SplitButton. The action that configures the menubuttons. Specifies how the button behaves when the ToolBar is resized. Possible values are "always", "never" or "auto" (default). The value that configures the overflow. Specifies what element will be added in the command overflow popup. Applicable only for items that have a template. The value that configures the overflowtemplate. Specifies what element will be added in the command overflow popup. Applicable only for items that have a template. The value that configures the overflowtemplate. Specifies what element will be added in the command overflow popup. Applicable only for items that have a template. The value that configures the overflowtemplate. Specifies whether the button is primary. Primary buttons receive different styling. The value that configures the primary. Specifies if the toggle button is initially selected. Applicable only for buttons with togglable set to true. The value that configures the selected. Specifies where the button icon will be displayed. Possible values are "toolbar", "overflow" or "both" (default). The value that configures the showicon. Specifies where the text will be displayed. Possible values are "toolbar", "overflow" or "both" (default). The value that configures the showtext. Defines a CSS class (or multiple classes separated by spaces) which will be used for button icon. The value that configures the spritecssclass. Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type. The value that configures the template. Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type. The value that configures the template. Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type. The value that configures the template. Sets the text of the button. The value that configures the text. Specifies if the button is togglable, e.g. has a selected and unselected state. The value that configures the togglable. Specifies the toggle event handler of the button. Applicable only for commands of type `button` and togglable set to true. The value that configures the toggle. Specifies the command type. Supported types are "button", "splitButton", "buttonGroup", "separator". The value that configures the type. Specifies the url to navigate to. The value that configures the url. Defines the fluent API for configuring the DiagramPannableSettings settings. The pannable key. The value that configures the key. Defines the fluent API for adding items to Kendo Editable for ASP.NET MVC Adds an item for a custom action. Adds an item for the edit action. Adds an item for the delete action. Adds an item for the rotateClockwise action. Adds an item for the rotateAnticlockwise action. Defines the fluent API for configuring the DiagramShapeDefaultsEditableSettingsTool settings. The name of the tool. The built-in tools are "edit", "delete", "rotateClockwise" and "rotateAnticlockwise". The value that configures the name. The step of the rotateClockwise and rotateAnticlockwise tools. The value that configures the step. Specifies the HTML attributes of a button. The value that configures the htmlattributes. Specifies the HTML attributes of a button. The value that configures the htmlattributes. Specifies the buttons of ButtonGroup. The action that configures the buttons. Specifies the click event handler of the button. Applicable only for commands of type `button` and `splitButton`. The value that configures the click. Specifies whether the control is initially enabled or disabled. Default value is "true". The value that configures the enable. Assigns the button to a group. Applicable only for buttons with togglable set to true. The value that configures the group. Sets icon for the item. The icon should be one of the existing in the Kendo UI theme sprite. The value that configures the icon. Specifies the ID of the button. The value that configures the id. If set, the ToolBar will render an image with the specified URL in the button. The value that configures the imageurl. Specifies the menu buttons of a SplitButton. The action that configures the menubuttons. Specifies how the button behaves when the ToolBar is resized. Possible values are "always", "never" or "auto" (default). The value that configures the overflow. Specifies what element will be added in the command overflow popup. Applicable only for items that have a template. The value that configures the overflowtemplate. Specifies what element will be added in the command overflow popup. Applicable only for items that have a template. The value that configures the overflowtemplate. Specifies what element will be added in the command overflow popup. Applicable only for items that have a template. The value that configures the overflowtemplate. Specifies whether the button is primary. Primary buttons receive different styling. The value that configures the primary. Specifies if the toggle button is initially selected. Applicable only for buttons with togglable set to true. The value that configures the selected. Specifies where the button icon will be displayed. Possible values are "toolbar", "overflow" or "both" (default). The value that configures the showicon. Specifies where the text will be displayed. Possible values are "toolbar", "overflow" or "both" (default). The value that configures the showtext. Defines a CSS class (or multiple classes separated by spaces) which will be used for button icon. The value that configures the spritecssclass. Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type. The value that configures the template. Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type. The value that configures the template. Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type. The value that configures the template. Sets the text of the button. The value that configures the text. Specifies if the button is togglable, e.g. has a selected and unselected state. The value that configures the togglable. Specifies the toggle event handler of the button. Applicable only for commands of type `button` and togglable set to true. The value that configures the toggle. Specifies the command type. Supported types are "button", "splitButton", "buttonGroup", "separator". The value that configures the type. Specifies the url to navigate to. The value that configures the url. Defines the fluent API for adding items to Kendo Editable for ASP.NET MVC Adds an item for a custom action. Adds an item for the edit action. Adds an item for the delete action. Adds an item for the rotateClockwise action. Adds an item for the rotateAnticlockwise action. Defines the fluent API for configuring the DiagramShapeEditableSettingsTool settings. The name of the tool. The built-in tools are "edit", "delete", "rotateClockwise" and "rotateAnticlockwise". The value that configures the name. The step of the rotateClockwise and rotateAnticlockwise tools. The value that configures the step. Specifies the HTML attributes of a button. The value that configures the htmlattributes. Specifies the HTML attributes of a button. The value that configures the htmlattributes. Specifies the buttons of ButtonGroup. The action that configures the buttons. Specifies the click event handler of the button. Applicable only for commands of type `button` and `splitButton`. The value that configures the click. Specifies whether the control is initially enabled or disabled. Default value is "true". The value that configures the enable. Assigns the button to a group. Applicable only for buttons with togglable set to true. The value that configures the group. Sets icon for the item. The icon should be one of the existing in the Kendo UI theme sprite. The value that configures the icon. Specifies the ID of the button. The value that configures the id. If set, the ToolBar will render an image with the specified URL in the button. The value that configures the imageurl. Specifies the menu buttons of a SplitButton. The action that configures the menubuttons. Specifies how the button behaves when the ToolBar is resized. Possible values are "always", "never" or "auto" (default). The value that configures the overflow. Specifies what element will be added in the command overflow popup. Applicable only for items that have a template. The value that configures the overflowtemplate. Specifies what element will be added in the command overflow popup. Applicable only for items that have a template. The value that configures the overflowtemplate. Specifies what element will be added in the command overflow popup. Applicable only for items that have a template. The value that configures the overflowtemplate. Specifies whether the button is primary. Primary buttons receive different styling. The value that configures the primary. Specifies if the toggle button is initially selected. Applicable only for buttons with togglable set to true. The value that configures the selected. Specifies where the button icon will be displayed. Possible values are "toolbar", "overflow" or "both" (default). The value that configures the showicon. Specifies where the text will be displayed. Possible values are "toolbar", "overflow" or "both" (default). The value that configures the showtext. Defines a CSS class (or multiple classes separated by spaces) which will be used for button icon. The value that configures the spritecssclass. Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type. The value that configures the template. Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type. The value that configures the template. Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type. The value that configures the template. Sets the text of the button. The value that configures the text. Specifies if the button is togglable, e.g. has a selected and unselected state. The value that configures the togglable. Specifies the toggle event handler of the button. Applicable only for commands of type `button` and togglable set to true. The value that configures the toggle. Specifies the command type. Supported types are "button", "splitButton", "buttonGroup", "separator". The value that configures the type. Specifies the url to navigate to. The value that configures the url. Defines the fluent API for configuring the DiagramConnectionDefaultsContentSettings settings. The template which renders the labels.The fields which can be used in the template are: The value that configures the template. The template which renders the labels.The fields which can be used in the template are: The value that configures the template. The template which renders the labels.The fields which can be used in the template are: The value that configures the template. The static text displayed on the connection. The value that configures the text. The name of the function that will create the content visual. The function name. The function that will create the content visual. The function. The color of the connection content text. The value that configures the color. The font family of the connection content text. The value that configures the fontfamily. The font size of the connection content text. The value that configures the fontsize. The font style of the connection content text. The value that configures the font style. The font weight of the connection content text. The value that configures the font weight. Defines the fluent API for configuring the DiagramConnectionContentSettings settings. The template which renders the labels.The fields which can be used in the template are: The value that configures the template. The template which renders the labels.The fields which can be used in the template are: The value that configures the template. The template which renders the labels.The fields which can be used in the template are: The value that configures the template. The text displayed for the connection. The value that configures the text. The name of the function that will create the content visual. The function name. The function that will create the content visual. The function. The color of the connection content text. The value that configures the color. The font family of the connection content text. The value that configures the fontfamily. The font size of the connection content text. The value that configures the fontsize. The font style of the connection content text. The value that configures the font style. The font weight of the connection content text. The value that configures the font weight. Defines the fluent API for configuring the TreeListExcelSettings settings. If set to true the TreeList will export all pages of data. By default the TreeList exports only the current page. The value that configures the allpages. Specifies the file name of the exported Excel file. The value that configures the filename. Enables or disables column filtering in the Excel file. Not to be mistaken with the filtering feature of the TreeList. The value that configures the filterable. If set to true, the content will be forwarded to proxyURL even if the browser supports local file saving. The value that configures the forceproxy. The URL of the server-side proxy which will stream the file to the end user. A proxy will be used when the browser is not capable of saving files locally. Such browsers are IE version 9 and earlier and Safari. The developer is responsible for implementing the server-side proxy. The proxy will return the decoded file with the Content-Disposition header set to attachment; filename="<fileName.xslx>".The proxy will receive a POST request with the following parameters in the request body: contentType - The MIME type of the file.; base64 - The base-64 encoded file content. or fileName - The file name as requested by the caller.. The value that configures the proxyurl. Defines the fluent API for configuring the TreeListMessagesSettings settings. Defines the text for the command buttons that are used across the widget. The action that configures the commands. Defines the text of the Loading... message when the widget loads its root-level items. The value that configures the loading. Defines the text of No records to display message when the widget does not show any items. The value that configures the norows. Defines the text of Request failed message when the widget fails to load its root-level items. The value that configures the requestfailed. Defines the text of Retry message for the button which triggers the reloading of the TreeList root-level items. The value that configures the retry. Defines the fluent API for configuring the TreeListMessagesCommandsSettings settings. Defines the text of the Cancel button that discards the changes during editing. The value that configures the canceledit. Defines the text of the Add new record button that adds new data rows. The value that configures the create. Defines the text of the Add child record button that adds new child data rows. The value that configures the createchild. Defines the text of the Delete button that deletes a data row. The value that configures the destroy. Defines the text of the Edit button that shows the editable fields for the row. The value that configures the edit. Defines the text of the Save Changes button that saves modifed data rows. The value that configures the save. Allows the customization of the placeholder text in the treelist search panel. The value that configures the search. Defines the text of the Cancel Changes button that cancels all data modifications. The value that configures the cancel. Defines the text of the Export to Excel button that exports the widget data in spreadsheet format. The value that configures the excel. Defines the text of the Export to PDF button that exports the widget data in PDF format. The value that configures the pdf. Defines the text of the Update button that applies the changes during editing. The value that configures the update. Defines the fluent API for configuring the TreeListPdfSettings settings. Exports all TreeList pages, starting from the first one. The value that configures the allpages. The author of the PDF document. The value that configures the author. Specifies if the Print dialog should be opened immediately after loading the document. The value that configures the autoprint. (Available as of the 2015.3.1020 release) A flag which indicates whether to produce actual hyperlinks in the exported PDF file. You can also pass a CSS selector as an argument. All matching links will be ignored. The value that configures the avoidlinks. The creator of the PDF document. The value that configures the creator. The date when the PDF document is created. Defaults to new Date(). The value that configures the date. Specifies the file name of the exported PDF file. The value that configures the filename. If set to true, the content will be forwarded to proxyURL even if the browser supports the local saving of files. The value that configures the forceproxy. Specifies the quality of the images within the exported file, from 0 to 1. The value that configures the jpegquality. If set to true all PNG images contained in the exported file will be kept in PNG format. The value that configures the keeppng. Specifies the keywords of the exported PDF file. The value that configures the keywords. If set to true, reverses the paper dimensions in such a way that the width becomes the larger edge. The value that configures the landscape. Specifies the margins of the page and accepts numbers or strings with units.The supported units are: mm; cm; in or (Default) pt. The action that configures the margin. Specifies the paper size of the PDF document. The default auto setting means that the paper size is determined by the content.The supported values are: A predefined size such as A4, A3, and so on.; An array of two numbers which specify the width and height in points (1pt = 1/72in). or An array of two strings which specify the width and height in units. The supported units are:mmcminpt. The value that configures the papersize. The URL of the server side proxy which will stream the file to the end user. A proxy will be used when the browser is not capable of saving files locally. Such browsers are IE version 9 and earlier, and Safari. The developer is responsible for implementing the server-side proxy. The proxy will return the decoded file with the Content-Disposition header set to attachment; filename="<fileName.pdf>".The proxy will receive a POST request with the following parameters in the request body: contentType - The MIME type of the file.; base64 - The base-64 encoded file content. or fileName - The file name, as requested by the caller.. The value that configures the proxyurl. A name or keyword whcih indicates where to display the document that was returned by the proxy. To display the document in a new window or iframe, the proxy will set the Content-Disposition header to inline; filename="<fileName.pdf>". The value that configures the proxytarget. Sets the subject of the PDF file. The value that configures the subject. Sets the title of the PDF file. The value that configures the title. Defines the fluent API for configuring the TreeListPdfMarginSettings settings. The bottom margin. Numbers are considered as pt units. The value that configures the bottom. The left margin. Numbers are considered as pt units. The value that configures the left. The right margin. Numbers are considered as pt units. The value that configures the right. The top margin. Numbers are considered as pt units. The value that configures the top. Defines the fluent API for configuring the GanttMessagesEditorSettings settings. The text similar to "Assign" displayed in Gantt task editor. The value that configures the assignbutton. The text similar to "Task" displayed in Gantt task editor. The value that configures the editortitle. The text similar to "End" displayed in Gantt task editor. The value that configures the end. The text similar to "Complete" displayed in Gantt task editor. The value that configures the percentcomplete. The text similar to "Planned End" displayed in Gantt task editor. The value that configures the plannedend. The text similar to "Planned Start" displayed in Gantt task editor. The value that configures the plannedstart. The text similar to "Resources" displayed in Gantt task editor. The value that configures the resources. The text similar to "Resources" displayed in Gantt task editor. The value that configures the resourceseditortitle. The text similar to "Resources" displayed in Gantt task editor. The value that configures the resourcesheader. The text similar to "Start" displayed in Gantt task editor. The value that configures the start. The text similar to "Title" displayed in Gantt task editor. The value that configures the title. The text similar to "Units" displayed in Gantt task editor. The value that configures the unitsheader. The text that will be rendered in the Create button of the Dependencies and Assignments edit tables. The value that configures the addnew. The text that will be rendered as a title of the Predecessor and Successor columns in the Dependencies edit tables, and the Dependency column in the Assignments edit table. The value that configures the name. The hint text that will be rendered for the percentCompleted NumericTextBox on the popup edit Form. The value that configures the percentcompletehint. The text that will be rendered in the Remove button of the Dependencies and Assignments edit tables. The value that configures the remove. The label text of the start DateTimePicker editor when the planned editors are also present on the form. The value that configures the actualstart. The label text of the end DateTimePicker editor when the planned editors are also present on the form. The value that configures the actualend. The optionLabel of the parent DropDownList editor. The value that configures the parentoptionlabel. The text used for the main (general) tab on the edit popup TabStrip. The value that configures the general. The text used for the predecessors tab on the edit popup TabStrip. The value that configures the predecessors. The text used for the successors tab on the edit popup TabStrip. The value that configures the successors. The text used for the other tab on the edit popup TabStrip. The value that configures the other. The text that will be rendered as a title of the Type column in the Dependencies edit tables. The value that configures the dependencytype. Defines the fluent API for configuring the GanttCurrentTimeMarkerSettings settings. The update interval of the "current time" marker, in milliseconds. The value that configures the updateinterval. Defines the fluent API for configuring the DiagramEditableRotateSettings settings. Specifies the fill settings of the rotation thumb. The action that configures the fill. Specifies the stroke settings of the rotation thumb. The action that configures the stroke. Defines the fluent API for configuring the DiagramEditableRotateFillSettings settings. Specifies the fill color of the rotation thumb. The value that configures the color. Specifies the fill opacity of the rotation thumb. The value that configures the opacity. Defines the fluent API for configuring the DiagramEditableRotateStrokeSettings settings. Specifies the stroke color of the rotation thumb. The value that configures the color. Specifies the stroke thickness of the rotation thumb. The value that configures the width. Defines the fluent API for configuring the GanttTooltipSettings settings. The template which renders the tooltip.The fields which can be used in the template are: task - the gantt task, for which the template is shown. The value that configures the template. The template which renders the tooltip.The fields which can be used in the template are: task - the gantt task, for which the template is shown. The value that configures the template. The template which renders the tooltip.The fields which can be used in the template are: task - the gantt task, for which the template is shown. The value that configures the template. The template which renders the tooltip.The fields which can be used in the template are: task - the gantt task, for which the template is shown. The value that configures the template. If set to false the gantt will not display the task tooltip. By default the task tooltip is displayed. The value that configures the visible. Defines the fluent API for configuring the TreeListColumnMenuSettings settings. If set to true, the column menu allows the user to select (show and hide) TreeList columns. By default, the column menu allows column selection. The value that configures the columns. If set to true, the column menu will allow the user to filter the TreeList. By default, if filtering is enabled through filterable, the column menu allows the user to filter. The value that configures the filterable. If set to true, the column menu will allow the user to sort the TreeList by the column field. By default, if sorting is enabled through sortable, the column menu allows the user to sort the data. The value that configures the sortable. The text messages that is played in the column menu. Use it to customize or localize the column menu messages. The action that configures the messages. Defines the fluent API for configuring the TreeListColumnMenuMessagesSettings settings. The text message that is displayed for the column selection menu item. The value that configures the columns. The text message that is displayed for the filter menu item. The value that configures the filter. The text message that is displayed for the menu item which performs the ascending sort mode. The value that configures the sortascending. The text message that is displayed for the menu item which performs the descending sort mode. The value that configures the sortdescending. The text message that is displayed in the menu header. The value that configures the settings. The text message that is displayed in the column menu when locking a column. The value that configures the lock. The text message that is displayed in the column menu for unlocking a column. The value that configures the unlock. Defines the fluent API for configuring the EditorResizableSettings settings. If enabled, the editor renders a resize handle to allow users to resize it. The value that configures the content. @( Html.Kendo().Editor() .Name("Editor") .Resizable(resizable => resizable.Content(true)) ) Defines the minimum height that the editor can be resized to. The value that configures the min. @( Html.Kendo().Editor() .Name("Editor") .Resizable(resizable => resizable.Min(100)) ) Defines the maximum height that the editor can be resized to. The value that configures the max. @( Html.Kendo().Editor() .Name("Editor") .Resizable(resizable => resizable.Max(600)) ) If resizable is set to true the Editor will detect changes in the viewport width and will hide the overflowing controls in the tool overflow popup. The value that configures the toolbar. @( Html.Kendo().Editor() .Name("Editor") .Resizable(resizable => resizable.Toolbar(true)) ) Defines the fluent API for adding items to Kendo Tool for ASP.NET MVC Adds an item to the collection Defines the fluent API for configuring the DiagramConnectionDefaultsEditableSettingsToolButton settings. Specifies the HTML attributes of a ButtonGroup's button. The value that configures the htmlattributes. Specifies the HTML attributes of a ButtonGroup's button. The value that configures the htmlattributes. Specifies the click event handler of the button. Applicable only for the children of a ButtonGroup. The value that configures the click. Specifies whether the button is initially enabled or disabled. The value that configures the enable. Assigns the button to a group. Applicable only for the children of a ButtonGroup that has togglable true. The value that configures the group. Sets icon for the menu button. The icon should be one of the existing in the Kendo UI theme sprite. The value that configures the icon. Specifies the ID of the button. The value that configures the id. If set, the ToolBar will render an image with the specified URL in the button. The value that configures the imageurl. Specifies if the toggle button is initially selected. Applicable only for the children of a ButtonGroup that has togglable true. The value that configures the selected. Specifies where the icon of the button will be displayed. Applicable only for the children of a ButtonGroup. The value that configures the showicon. Specifies where the text of the menu button will be displayed. Applicable only for the buttons of a ButtonGroup. The value that configures the showtext. Defines a CSS class (or multiple classes separated by spaces) which will be used for button icon. The value that configures the spritecssclass. Specifies the toggle event handler of the button. Applicable only for the children of a ButtonGroup. The value that configures the toggle. Specifies if the button is togglable, e.g. has a selected and unselected state. Applicable only for the children of a ButtonGroup. The value that configures the togglable. Specifies the text of the menu button. The value that configures the text. Specifies the url of the button to navigate to. The value that configures the url. Defines the fluent API for adding items to Kendo Tool for ASP.NET MVC Adds an item to the collection Defines the fluent API for configuring the DiagramConnectionDefaultsEditableSettingsToolMenuButton settings. Specifies the HTML attributes of a menu button. The value that configures the htmlattributes. Specifies the HTML attributes of a menu button. The value that configures the htmlattributes. Specifies whether the menu button is initially enabled or disabled. The value that configures the enable. Sets icon for the menu buttons. The icon should be one of the existing in the Kendo UI theme sprite. The value that configures the icon. Specifies the ID of the menu buttons. The value that configures the id. If set, the ToolBar will render an image with the specified URL in the menu button. The value that configures the imageurl. Defines a CSS class (or multiple classes separated by spaces) which will be used for menu button icon. The value that configures the spritecssclass. Specifies the text of the menu buttons. The value that configures the text. Specifies the url of the menu button to navigate to. The value that configures the url. Defines the fluent API for configuring the DiagramConnectionDefaultsEndCapSettings settings. The connection end cap fill options or color. The action that configures the fill. The connection end cap stroke options or color. The action that configures the stroke. The connection end cap type.The supported values are: The value that configures the type. Defines the fluent API for configuring the DiagramConnectionDefaultsEndCapFillSettings settings. The connection end cap fill color. The value that configures the color. Defines the fluent API for configuring the DiagramConnectionDefaultsEndCapStrokeSettings settings. The connection end cap stroke color. The value that configures the color. The connection end cap stroke dash type. The value that configures the dashtype. The connection end cap stroke width. The value that configures the width. Defines the fluent API for configuring the DiagramConnectionDefaultsStartCapSettings settings. The connection start cap fill options or color. The action that configures the fill. The connection start cap stroke options or color. The action that configures the stroke. The connection start cap type.The supported values are: The value that configures the type. Defines the fluent API for configuring the DiagramConnectionDefaultsStartCapFillSettings settings. The connection start cap fill color. The value that configures the color. Defines the fluent API for configuring the DiagramConnectionDefaultsStartCapStrokeSettings settings. The connection start cap stroke color. The value that configures the color. The connection start cap stroke dash type. The value that configures the dashtype. The connection start cap stroke width. The value that configures the width. Defines the fluent API for adding items to Kendo Tool for ASP.NET MVC Adds an item to the collection Defines the fluent API for configuring the DiagramConnectionEditableSettingsToolButton settings. Specifies the HTML attributes of a ButtonGroup's button. The value that configures the htmlattributes. Specifies the HTML attributes of a ButtonGroup's button. The value that configures the htmlattributes. Specifies the click event handler of the button. Applicable only for the children of a ButtonGroup. The value that configures the click. Specifies whether the button is initially enabled or disabled. The value that configures the enable. Assigns the button to a group. Applicable only for the children of a ButtonGroup that has togglable true. The value that configures the group. Sets icon for the menu button. The icon should be one of the existing in the Kendo UI theme sprite. The value that configures the icon. Specifies the ID of the button. The value that configures the id. If set, the ToolBar will render an image with the specified URL in the button. The value that configures the imageurl. Specifies if the toggle button is initially selected. Applicable only for the children of a ButtonGroup that has togglable true. The value that configures the selected. Specifies where the icon of the button will be displayed. Applicable only for the children of a ButtonGroup. The value that configures the showicon. Specifies where the text of the menu button will be displayed. Applicable only for the buttons of a ButtonGroup. The value that configures the showtext. Defines a CSS class (or multiple classes separated by spaces) which will be used for button icon. The value that configures the spritecssclass. Specifies the toggle event handler of the button. Applicable only for the children of a ButtonGroup. The value that configures the toggle. Specifies if the button is togglable, e.g. has a selected and unselected state. Applicable only for the children of a ButtonGroup. The value that configures the togglable. Specifies the text of the menu button. The value that configures the text. Specifies the url of the button to navigate to. The value that configures the url. Defines the fluent API for adding items to Kendo Tool for ASP.NET MVC Adds an item to the collection Defines the fluent API for configuring the DiagramConnectionEditableSettingsToolMenuButton settings. Specifies the HTML attributes of a menu button. The value that configures the htmlattributes. Specifies the HTML attributes of a menu button. The value that configures the htmlattributes. Specifies whether the menu button is initially enabled or disabled. The value that configures the enable. Sets icon for the menu buttons. The icon should be one of the existing in the Kendo UI theme sprite. The value that configures the icon. Specifies the ID of the menu buttons. The value that configures the id. If set, the ToolBar will render an image with the specified URL in the menu button. The value that configures the imageurl. Defines a CSS class (or multiple classes separated by spaces) which will be used for menu button icon. The value that configures the spritecssclass. Specifies the text of the menu buttons. The value that configures the text. Specifies the url of the menu button to navigate to. The value that configures the url. Defines the fluent API for configuring the DiagramConnectionEndCapSettings settings. The connection end cap fill options or color. The action that configures the fill. The connection end cap stroke options or color. The action that configures the stroke. The connection end cap type.The supported values are:Note that you can also use the "ArrowStart" for the endCap but its direction will be inversed. The value that configures the type. Defines the fluent API for configuring the DiagramConnectionEndCapFillSettings settings. The connection end cap fill color. The value that configures the color. Defines the fluent API for configuring the DiagramConnectionEndCapStrokeSettings settings. The connection end cap stroke color. The value that configures the color. The connection end cap stroke dash type. The value that configures the dashtype. The connection end cap stroke width. The value that configures the width. Defines the fluent API for configuring the DiagramConnectionStartCapSettings settings. The connection start cap fill options or color. The action that configures the fill. The connection start cap stroke options or color. The action that configures the stroke. The connection start cap type.The supported values are: The value that configures the type. Defines the fluent API for configuring the DiagramConnectionStartCapFillSettings settings. The connection start cap fill color. The value that configures the color. Defines the fluent API for configuring the DiagramConnectionStartCapStrokeSettings settings. The connection start cap stroke color. The value that configures the color. The connection start cap stroke dash type. The value that configures the dashtype. The connection start cap stroke width. The value that configures the width. Defines the fluent API for adding items to Kendo Tool for ASP.NET MVC Adds an item to the collection Defines the fluent API for configuring the DiagramEditableSettingsToolButton settings. Specifies the HTML attributes of a ButtonGroup's button. The value that configures the htmlattributes. Specifies the HTML attributes of a ButtonGroup's button. The value that configures the htmlattributes. Specifies the click event handler of the button. Applicable only for the children of a ButtonGroup. The value that configures the click. Specifies whether the button is initially enabled or disabled. The value that configures the enable. Assigns the button to a group. Applicable only for the children of a ButtonGroup that has togglable true. The value that configures the group. Sets icon for the menu button. The icon should be one of the existing in the Kendo UI theme sprite. The value that configures the icon. Specifies the ID of the button. The value that configures the id. If set, the ToolBar will render an image with the specified URL in the button. The value that configures the imageurl. Specifies if the toggle button is initially selected. Applicable only for the children of a ButtonGroup that has togglable true. The value that configures the selected. Specifies where the icon of the button will be displayed. Applicable only for the children of a ButtonGroup. The value that configures the showicon. Specifies where the text of the menu button will be displayed. Applicable only for the buttons of a ButtonGroup. The value that configures the showtext. Defines a CSS class (or multiple classes separated by spaces) which will be used for button icon. The value that configures the spritecssclass. Specifies the toggle event handler of the button. Applicable only for the children of a ButtonGroup. The value that configures the toggle. Specifies if the button is togglable, e.g. has a selected and unselected state. Applicable only for the children of a ButtonGroup. The value that configures the togglable. Specifies the text of the menu button. The value that configures the text. Specifies the url of the button to navigate to. The value that configures the url. Defines the fluent API for adding items to Kendo Tool for ASP.NET MVC Adds an item to the collection Defines the fluent API for configuring the DiagramEditableSettingsToolMenuButton settings. Specifies the HTML attributes of a menu button. The value that configures the htmlattributes. Specifies the HTML attributes of a menu button. The value that configures the htmlattributes. Specifies whether the menu button is initially enabled or disabled. The value that configures the enable. Sets icon for the menu buttons. The icon should be one of the existing in the Kendo UI theme sprite. The value that configures the icon. Specifies the ID of the menu buttons. The value that configures the id. If set, the ToolBar will render an image with the specified URL in the menu button. The value that configures the imageurl. Defines a CSS class (or multiple classes separated by spaces) which will be used for menu button icon. The value that configures the spritecssclass. Specifies the text of the menu buttons. The value that configures the text. Specifies the url of the menu button to navigate to. The value that configures the url. Defines the fluent API for adding items to Kendo Tool for ASP.NET MVC Adds an item to the collection Defines the fluent API for configuring the DiagramShapeDefaultsEditableSettingsToolButton settings. Specifies the HTML attributes of a ButtonGroup's button. The value that configures the htmlattributes. Specifies the HTML attributes of a ButtonGroup's button. The value that configures the htmlattributes. Specifies the click event handler of the button. Applicable only for the children of a ButtonGroup. The value that configures the click. Specifies whether the button is initially enabled or disabled. The value that configures the enable. Assigns the button to a group. Applicable only for the children of a ButtonGroup that has togglable true. The value that configures the group. Sets icon for the menu button. The icon should be one of the existing in the Kendo UI theme sprite. The value that configures the icon. Specifies the ID of the button. The value that configures the id. If set, the ToolBar will render an image with the specified URL in the button. The value that configures the imageurl. Specifies if the toggle button is initially selected. Applicable only for the children of a ButtonGroup that has togglable true. The value that configures the selected. Specifies where the icon of the button will be displayed. Applicable only for the children of a ButtonGroup. The value that configures the showicon. Specifies where the text of the menu button will be displayed. Applicable only for the buttons of a ButtonGroup. The value that configures the showtext. Defines a CSS class (or multiple classes separated by spaces) which will be used for button icon. The value that configures the spritecssclass. Specifies the toggle event handler of the button. Applicable only for the children of a ButtonGroup. The value that configures the toggle. Specifies if the button is togglable, e.g. has a selected and unselected state. Applicable only for the children of a ButtonGroup. The value that configures the togglable. Specifies the text of the menu button. The value that configures the text. Specifies the url of the button to navigate to. The value that configures the url. Defines the fluent API for adding items to Kendo Tool for ASP.NET MVC Adds an item to the collection Defines the fluent API for configuring the DiagramShapeDefaultsEditableSettingsToolMenuButton settings. Specifies the HTML attributes of a menu button. The value that configures the htmlattributes. Specifies the HTML attributes of a menu button. The value that configures the htmlattributes. Specifies whether the menu button is initially enabled or disabled. The value that configures the enable. Sets icon for the menu buttons. The icon should be one of the existing in the Kendo UI theme sprite. The value that configures the icon. Specifies the ID of the menu buttons. The value that configures the id. If set, the ToolBar will render an image with the specified URL in the menu button. The value that configures the imageurl. Defines a CSS class (or multiple classes separated by spaces) which will be used for menu button icon. The value that configures the spritecssclass. Specifies the text of the menu buttons. The value that configures the text. Specifies the url of the menu button to navigate to. The value that configures the url. Defines the fluent API for adding items to Kendo Tool for ASP.NET MVC Adds an item to the collection Defines the fluent API for configuring the DiagramShapeEditableSettingsToolButton settings. Specifies the HTML attributes of a ButtonGroup's button. The value that configures the htmlattributes. Specifies the HTML attributes of a ButtonGroup's button. The value that configures the htmlattributes. Specifies the click event handler of the button. Applicable only for the children of a ButtonGroup. The value that configures the click. Specifies whether the button is initially enabled or disabled. The value that configures the enable. Assigns the button to a group. Applicable only for the children of a ButtonGroup that has togglable true. The value that configures the group. Sets icon for the menu button. The icon should be one of the existing in the Kendo UI theme sprite. The value that configures the icon. Specifies the ID of the button. The value that configures the id. If set, the ToolBar will render an image with the specified URL in the button. The value that configures the imageurl. Specifies if the toggle button is initially selected. Applicable only for the children of a ButtonGroup that has togglable true. The value that configures the selected. Specifies where the icon of the button will be displayed. Applicable only for the children of a ButtonGroup. The value that configures the showicon. Specifies where the text of the menu button will be displayed. Applicable only for the buttons of a ButtonGroup. The value that configures the showtext. Defines a CSS class (or multiple classes separated by spaces) which will be used for button icon. The value that configures the spritecssclass. Specifies the toggle event handler of the button. Applicable only for the children of a ButtonGroup. The value that configures the toggle. Specifies if the button is togglable, e.g. has a selected and unselected state. Applicable only for the children of a ButtonGroup. The value that configures the togglable. Specifies the text of the menu button. The value that configures the text. Specifies the url of the button to navigate to. The value that configures the url. Defines the fluent API for adding items to Kendo Tool for ASP.NET MVC Adds an item to the collection Defines the fluent API for configuring the DiagramShapeEditableSettingsToolMenuButton settings. Specifies the HTML attributes of a menu button. The value that configures the htmlattributes. Specifies the HTML attributes of a menu button. The value that configures the htmlattributes. Specifies whether the menu button is initially enabled or disabled. The value that configures the enable. Sets icon for the menu buttons. The icon should be one of the existing in the Kendo UI theme sprite. The value that configures the icon. Specifies the ID of the menu buttons. The value that configures the id. If set, the ToolBar will render an image with the specified URL in the menu button. The value that configures the imageurl. Defines a CSS class (or multiple classes separated by spaces) which will be used for menu button icon. The value that configures the spritecssclass. Specifies the text of the menu buttons. The value that configures the text. Specifies the url of the menu button to navigate to. The value that configures the url. Defines the fluent API for configuring the Kendo ResponsivePanel for ASP.NET MVC. Initializes a new instance of the class. The component. Sets the HTML content which the panel will hide. The action which renders the content. @( Html.Kendo().ResponsivePanel() .Name("sidebar") .Content(() => { ) <strong>Panel content</strong> ( }) ) Sets the HTML content which the panel will hide The Razor inline template @(Html.Kendo().ResponsivePanel() .Name("sidebar") .Content(@<strong> Hello World!</strong>)) Sets the HTML content which the panel will hide as a string. The action which renders the content. @( Html.Kendo().ResponsivePanel() .Name("sidebar") .Content("<strong> First Item Content</strong>") ) If set to false the widget will not close when the page content is touched, after it was opened on a mobile device. You will need to call the close method when the panel needs to close. The value that configures the autoclose. Specifies the page width at which the widget will be hidden and its toggle button will become visible. The value that configures the breakpoint. Specifies the selector for the toggle button that will show and hide the responsive panel. The value that configures the togglebutton. Specifies the direction from which the hidden element will open up, once the toggle button has been activated The value that configures the orientation. Configures the client-side events. The client events action. @( Html.Kendo().ResponsivePanel() .Name("ResponsivePanel") .Events(events => events .Close("onClose") ) ) Defines the fluent API for configuring the Kendo ResponsivePanel for ASP.NET MVC events. Triggered before the responsive panel is closed. Cancellable. The name of the JavaScript function that will handle the close event. Triggered before the responsive panel is opened. Cancellable. The name of the JavaScript function that will handle the open event. Defines the fluent API for configuring the DiagramEditableDragSettings settings. Specifies the shapes drag snap options. Enables or disables the snap option. Specifies the shapes drag snap options. The action that configures the snap. Defines the fluent API for configuring the DiagramEditableDragSnapSettings settings. Specifies the shapes drag snap size. The value that configures the size. Defines the fluent API for configuring the Kendo Spreadsheet for ASP.NET MVC. Initializes a new instance of the class. The component. The name of the currently active sheet. Must exactly match one of the (sheet names)[#configuration-sheets.name]. The value that configures the activesheet. The default column width in pixels. The value that configures the columnwidth. The number of columns in the document. The value that configures the columns. The default cell styles that will be applied to the sheet cells. The action that configures the defaultcellstyle. The height of the header row in pixels. The value that configures the headerheight. The width of the header column in pixels. The value that configures the headerwidth. Configures the Excel export settings of the Spreadsheet. The action that configures the excel. Configures the PDF export settings of the Spreadsheet. The action that configures the pdf. The default row height in pixels. The value that configures the rowheight. The number of rows in the document. The value that configures the rows. A Boolean value which indicates if the sheets-bar will be displayed. The value that configures the sheetsbar. If set to true, the Spreadsheet formula parser will obey the decimal separator of the current culture. If set to false (default), the decimal separator in formulas will always be the dot.This flag has implications on how formulas are entered. When it is set to true, in cultures where the decimal separator is the comma (,), similar to Excel, the following additional changes upon entering a formula will occur: The semicolon will become a function argument separator. For example, =SUM(A1;A2) instead of =SUM(A1,A2). or The backslash will become an element separator in an array formula. For example, ={1;3} instead of ={1,2;3,4}.. This flag only affects the presentation - the way formulas are entered by the end user or displayed on screen. Serialization to JSON or XLSX as well as the public API functions will continue to use the dot as decimal separator and the comma as an argument separator (canonical form). For example, to apply a formula by using the API, even if useCultureDecimals is in effect, you still need to use the canonical form.To make the API functions obey useCultureDecimals, wrap your code in a call to sheet.withCultureDecimals. Assuming a culture where the comma is used for decimals, compare the previous example with the following one. The value that configures the useculturedecimals. An array defining the document sheets and their content. The action that configures the sheets. An object containing any images used in the Spreadsheet. The keys should be image ID-s (they are referenced by this ID in (sheets.drawings)[#configuration-sheets.drawings]) and the values should be image URLs.The image URLs can be eitherdata URLs, in which case the images are fully contained by the JSON, or can be external URLs.Note that when external URLs are used, they should reside on the same domain, or the server must be configured with the properCORS headers, for the Spreadsheet to be able to fetch binary image data using a XMLHttpRequest. If it cannot fetch the image, export to Excel or PDF might not work. The value that configures the images. A Boolean value which indicates if the toolbar will be displayed. Enables or disables the toolbar option. A Boolean value which indicates if the toolbar will be displayed. The action that configures the toolbar. Configures the client-side events. The client events action. @( Html.Kendo().Spreadsheet() .Name("Spreadsheet") .Events(events => events .Render("onRender") ) ) Defines the fluent API for adding items to Kendo Spreadsheet for ASP.NET MVC Adds an item to the collection Defines the fluent API for configuring the SpreadsheetSheet settings. The active cell in the sheet, for example, A1. The value that configures the activecell. The name of the sheet. The value that configures the name. An array which defines the columns in this sheet and their content. The action that configures the columns. An array which contains the drawings used in this sheet. The action that configures the drawings. Defines the filtering criteria for this sheet, if any. The action that configures the filter. The number of frozen columns in this sheet. The value that configures the frozencolumns. The number of frozen rows in this sheet. The value that configures the frozenrows. An array of merged cell ranges, for example, B1:D2. The value that configures the mergedcells. The row data for this sheet. The action that configures the rows. The selected range in the sheet, for example, A1:B10. The value that configures the selection. A Boolean value which indicates if the grid lines of the sheet will be displayed. The value that configures the showgridlines. Defines the sort criteria for the sheet. The action that configures the sort. Sets the data source configuration of the grid. The lambda which configures the data source Defines the fluent API for adding items to Kendo Sheet for ASP.NET MVC Adds an item to the collection Defines the fluent API for configuring the SpreadsheetSheetColumn settings. The zero-based index of the column. Required to ensure correct positioning. The value that configures the index. The width of the column in pixels. Defaults to columnWidth. The value that configures the width. Defines the fluent API for configuring the SpreadsheetSheetFilterSettings settings. The active range for the filter, for example, B1:D8. The value that configures the ref. An array defining the filter configuration of individual columns. The action that configures the columns. Defines the fluent API for adding items to Kendo Filter for ASP.NET MVC Adds an item to the collection Adds an item to the collection Adds an item to the collection Adds an item to the collection Defines the fluent API for configuring the SpreadsheetSheetFilterSettingsColumn settings. An array of filter criteria for custom filters. The action that configures the criteria. The index of the column relative to the filter range. The value that configures the index. The logical operator to apply to filter criteria.Possible values are and, or. The value that configures the logic. Defines the fluent API for adding items to Kendo Sheet for ASP.NET MVC Adds an item to the collection Defines the fluent API for configuring the SpreadsheetSheetRow settings. The cells for this row. The action that configures the cells. The row height in pixels. Defaults to rowHeight. The value that configures the height. The absolute row index. Required to ensure correct positioning. The value that configures the index. The table row element role in the context of the Grid table structure. The value that configures the type. Defines the fluent API for adding items to Kendo Row for ASP.NET MVC Adds an item to the collection Defines the fluent API for configuring the SpreadsheetSheetRowCell settings. The background color of the cell. Many standard CSS formats are supported. However, the canonical form is #ccff00. The value that configures the background. The font color of the cell. Many standard CSS formats are supported. However, the canonical form is #ccff00. The value that configures the color. The comment of the cell - a tooltip that appears when the cell is hovered. The value that configures the comment. The font family of the cell. The value that configures the fontfamily. The font size of the cell in pixels. The value that configures the fontsize. If set to true, sets the cell font to italic. The value that configures the italic. If set to true, sets the cell font to bold. The value that configures the bold. If set to false, disables the cell. The value that configures the enable. The format of the cell text. For more information, refer to the article on creating or deleting a custom number format on MS Office. The value that configures the format. The cell formula without the leading equals sign, for example, A1 * 10. The value that configures the formula. If set to true, renders the cell value as HTML. It is important to sanitize the value of the cell on the server for passing safe html because there is no client-side sanitizing. When editing a cell the new value can be checked and prevented in the client changing event. The value that configures the html. The zero-based index of the cell. Required to ensure correct positioning. The value that configures the index. The hyperlink (URL) of the cell. The value that configures the link. If set to true, sets the cell font to underline. The value that configures the underline. The validation rule that is applied to the cell. The action that configures the validation. If set to true, wraps the cell content. The value that configures the wrap. Specifies the text alignment in the cell The value that configures the textalign. Specifies the text vertical alignment in the cell The value that configures the verticalalign. Configures the value for the cell The cell value. Configure bottom border. The value that configures the border. Configure top border. The value that configures the border. Configure left border. The value that configures the border. Configure right border. The value that configures the border. Defines the fluent API for configuring the SpreadsheetSheetSortSettings settings. Specifies the sort options for individual columns. The action that configures the columns. The sorted range, for example, A1:D5. The value that configures the ref. Defines the fluent API for adding items to Kendo Sort for ASP.NET MVC Adds an item to the collection Defines the fluent API for configuring the SpreadsheetSheetSortSettingsColumn settings. Indicates if the data in the cell will be sorted in ascending (true) or descending order (false). The value that configures the ascending. The index of the column within the sheet. For example, column C will have an index of 2. The value that configures the index. Defines the fluent API for configuring the Kendo Spreadsheet for ASP.NET MVC events. Triggered when a sheet is inserted. Introduced in the 2017 Q1 release. The name of the JavaScript function that will handle the insertSheet event. Triggered when a sheet will be removed. Introduced in the 2017 Q1 release. The name of the JavaScript function that will handle the removeSheet event. Triggered when a sheet will be renamed. Introduced in the 2017 Q1 release. The name of the JavaScript function that will handle the renameSheet event. Triggered when a sheet will be activated. Introduced in the 2017 Q1 release. The name of the JavaScript function that will handle the selectSheet event. Triggered when a column will be shown. Introduced in the 2017 Q1 release. The name of the JavaScript function that will handle the unhideColumn event. Triggered when a row will be shown. Introduced in the 2017 Q1 release. The name of the JavaScript function that will handle the unhideRow event. Triggered when a column will be hidden. Introduced in the 2017 Q1 release. The name of the JavaScript function that will handle the hideColumn event. Triggered when a row will be hidden. Introduced in the 2017 Q1 release. The name of the JavaScript function that will handle the hideRow event. Triggered when a column will be deleted. Introduced in the 2017 Q1 release. The name of the JavaScript function that will handle the deleteColumn event. Triggered when a row will be deleted. Introduced in the 2017 Q1 release. The name of the JavaScript function that will handle the deleteRow event. Triggered when a column will be inserted. Introduced in the 2017 Q1 release. The name of the JavaScript function that will handle the insertColumn event. Triggered when a row will be inserted. Introduced in the 2017 Q1 release. The name of the JavaScript function that will handle the insertRow event. Triggered when the Spreadsheet selection is changed. Introduced in the 2017 Q1 release. The name of the JavaScript function that will handle the select event. Triggered when the range format is changed from the UI. Introduced in the 2017 Q1 release. The name of the JavaScript function that will handle the changeFormat event. Triggered when a value or validation in the Spreadsheet is about to be changed upon user interaction. The name of the JavaScript function that will handle the changing event. Triggered when a value in the Spreadsheet has been changed. Introduced in the 2016.Q1.SP1 release. The name of the JavaScript function that will handle the change event. Triggered after the widget has completed rendering. The event will also fire when a cell is selected or when the Spreadsheet's tools (bold, italic) are used, as the target element is re-generated with new styles (e.g background-color, box-shadow, font-weight, etc.). The name of the JavaScript function that will handle the render event. Fires when the user clicks the Export to Excel toolbar button. The name of the JavaScript function that will handle the excelExport event. Fired when the user clicks the Open toolbar button. The name of the JavaScript function that will handle the excelImport event. Fired when the user initiates the export to PDF. The name of the JavaScript function that will handle the pdfExport event. Fired when a range of a sheet is about to be copied. The name of the JavaScript function that will handle the copy event. Fired when a range of a sheet is about to be cut. The name of the JavaScript function that will handle the cut event. Fired when a data is about to be pasted in a sheet. The name of the JavaScript function that will handle the paste event. Fired when the data retrieved from a DataSource is about to be bound to a sheet. Available only if DataSource has been defined for at least one sheet. The name of the JavaScript function that will handle the dataBinding event. Fired when the data from a DataSource is already populated in a sheet. Available only if DataSource has been defined for at least one sheet. The name of the JavaScript function that will handle the dataBound event. Defines the fluent API for adding items to Kendo Column for ASP.NET MVC Adds an item to the collection Defines the fluent API for configuring the SpreadsheetSheetFilterSettingsColumnCriteria settings. The criterion operator type.Supported types vary based on the inferred column data type (inferred): * Text * contains - the text contains the value * doesnotcontain - text does not contain the value * startswith - text starts with the value * endswith - text ends with the value * Date * eq - date is the same as the value * neq - date is not the same as the value * lt - date is before the value * gt - date is after the value * Number * eq - is equal to the value * neq - is not equal to the value * gte - is greater than or equal to the value * gt - is greater than the value * lte - is less than or equal to the value * lt - is less than the value The value that configures the operator. The value for the criteria operator. The value that configures the value. The value for the criteria operator. The value that configures the value. The value for the criteria operator. The value that configures the value. Defines the fluent API for configuring the SpreadsheetExcelSettings settings. Specifies the file name of the exported Excel file. The value that configures the filename. If set to true, the content will be forwarded to proxyURL even if the browser supports the saving of files locally. The value that configures the forceproxy. The URL of the server side proxy which will stream the file to the end user. A proxy will be used when the browser is not capable of saving files locally. Such browsers are IE version 9 and lower and Safari. The developer is responsible for implementing the server-side proxy. The proxy will return the decoded file with the Content-Disposition header set to attachment; filename="<fileName.xslx>".The proxy will receive a POST request with the following parameters in the request body: * contentType - The MIME type of the file. * base64 - The base-64 encoded file content. * fileName - The file name as requested by the caller. The value that configures the proxyurl. Defines the fluent API for configuring the SpreadsheetSheetRowCellValidationSettings settings. Defines the validation type.The supported options are: reject or warning (default). The value that configures the type. Defines the comparer type that is used to validate the cell value.The supported values are: greaterThan; lessThan; between; equalTo; notEqualTo; greaterThanOrEqualTo; lessThanOrEqualTo; notBetween or custom. The value that configures the comparertype. Defines the data type of the cell value.The supported values are: date; text; number; list or custom. The value that configures the datatype. Defines a formula or a value that is used for the comparison process. Used as the only compare value if the comparer type does not require a second argument. Mandatory for validation to work. The value that configures the from. A Boolean value which indicates if a button for selecting list items will be displayed (dataType set to list). The value that configures the showbutton. Defines a formula or a value that is used for the comparison process. Will be used if the comparer type requires a second argument. The value that configures the to. Specifies whether to allow null values. The value that configures the allownulls. Defines the hint message that will be displayed if the value is invalid.The template provides access to the following variables: from{0}; to{1}; fromFormula{2}; toFormula{3}; dataType{4}; type{5} or comparerType{6}. The value that configures the messagetemplate. Defines the hint message that will be displayed if the value is invalid.The template provides access to the following variables: from{0}; to{1}; fromFormula{2}; toFormula{3}; dataType{4}; type{5} or comparerType{6}. The value that configures the messagetemplate. Defines the hint message that will be displayed if the value is invalid.The template provides access to the following variables: from{0}; to{1}; fromFormula{2}; toFormula{3}; dataType{4}; type{5} or comparerType{6}. The value that configures the messagetemplate. Defines the hint message that will be displayed if the value is invalid.The template provides access to the following variables: from{0}; to{1}; fromFormula{2}; toFormula{3}; dataType{4}; type{5} or comparerType{6}. The value that configures the messagetemplate. Defines the hint title that will be displayed if the value is invalid. The value that configures the titletemplate. Defines the hint title that will be displayed if the value is invalid. The value that configures the titletemplate. Defines the hint title that will be displayed if the value is invalid. The value that configures the titletemplate. Defines the hint title that will be displayed if the value is invalid. The value that configures the titletemplate. Defines the fluent API for configuring the SpreadsheetPdfSettings settings. The area that will be exported.The supported values are: * workbook - Exports the full workbook, including all sheets. * sheet - Exports the active sheet. * selection - Exports the selected area on the active sheet. The value that configures the area. The author of the PDF document. The value that configures the author. Specifies if the Print dialog should be opened immediately after loading the document. The value that configures the autoprint. The creator of the PDF document. The value that configures the creator. The date when the PDF document is created. Defaults to new Date(). The value that configures the date. Specifies the file name of the exported PDF file. The value that configures the filename. Indicates whether to fit the content of the Spreadsheet to the width of the page. The value that configures the fitwidth. If set to true, the content will be forwarded to proxyURL even if the browser supports the saving of files locally. The value that configures the forceproxy. Indicates whether to export the cell guidelines. The value that configures the guidelines. Indicates whether to center the content horizontally. For more information, refer to vCenter. The value that configures the hcenter. Specifies the quality of the images within the exported file, from 0 to 1. The value that configures the jpegquality. If set to true all PNG images contained in the exported file will be kept in PNG format. The value that configures the keeppng. Specifies the keywords of the exported PDF file. The value that configures the keywords. If set to true, reverses the paper dimensions if that width is needed as the larger edge. The value that configures the landscape. Specifies the margins of the page (numbers or strings with units).The supported values are: mm; cm; in or pt (default). The action that configures the margin. Specifies the paper size of the PDF document. The default auto setting means that the paper size is determined by the content.The supported values are: * A predefined size - A4, A3, and so on. * An array of two numbers which specify the width and height in points (1pt = 1/72in). * An array of two strings which specify the width and height in units. The supported values are mm, cm, in, and pt. The value that configures the papersize. The URL of the server side proxy which will stream the file to the end user. A proxy will be used when the browser is not capable of saving files locally, for example, Internet Explorer 9 and Safari. The developer is responsible for implementing the server-side proxy. The proxy will return the decoded file with the Content-Disposition header set to attachment; filename="<fileName.pdf>".The proxy will receive a POST request with the following parameters in the request body: contentType - The MIME type of the file.; base64 - The base-64 encoded file content. or fileName - The file name as requested by the caller.. The value that configures the proxyurl. A name or keyword which indicates where to display the document that is returned from the proxy. To display the document in a new window or iframe, set the proxy Content-Disposition header to inline; filename="<fileName.pdf>". The value that configures the proxytarget. Sets the subject of the PDF file. The value that configures the subject. Sets the title of the PDF file. The value that configures the title. Indicates whether to center the content vertically. For more information, refer to hCenter. The value that configures the vcenter. Defines the fluent API for configuring the SpreadsheetPdfMarginSettings settings. The bottom margin. Numbers are considered as pt units. The value that configures the bottom. The left margin. Numbers are considered as pt units. The value that configures the left. The right margin. Numbers are considered as pt units. The value that configures the right. The top margin. Numbers are considered as pt units. The value that configures the top. Defines the fluent API for configuring the SpreadsheetToolbarSettings settings. Configure the available tools in the Home tab. An action that configures the tools. @( Html.Kendo().Spreadsheet() .Name("spreadsheet") .Toolbar(toolbar => toolbar .Home(home => home .Bold() .Italic() .Open() ) ) ) A Boolean value which indicates if the Home tab will be displayed on the Spreadsheet Toolbar. The value that configures the home. A collection of tools that will be shown in the Insert tab of the Toolbar. An action that configures the tools. @( Html.Kendo().Spreadsheet() .Name("spreadsheet") .Toolbar(toolbar => toolbar .Insert(insert => insert .InsertAbove() .RemoveRow() ) ) ) A Boolean value which indicates if the Insert tab will be displayed on the Spreadsheet Toolbar. The value that configures the insert. A collection of tools that will be shown in the Data tab of the Toolbar. An action that configures the tools. @( Html.Kendo().Spreadsheet() .Name("spreadsheet") .Toolbar(toolbar => toolbar .Data(data => data .Validation() ) ) ) A Boolean value which indicates if the Data tab will be displayed on the Spreadsheet Toolbar. The value that configures the data. Defines the fluent API for configuring the EditorPasteCleanupSettings settings. All HTML tags are stripped leaving only the text in the content. The value that enables the All option. @( Html.Kendo().Editor() .Name("Editor") .PasteCleanup(pasteCleanup => pasteCleanup.All(true)) ) Removes 'style' and 'class' attributes from the pasting content. The value that enables the Css option. @( Html.Kendo().Editor() .Name("Editor") .PasteCleanup(pasteCleanup => pasteCleanup.Css(true)) ) Defines a callback function to integrate a custom implementation for cleaning up the paste content. Make sure the callback function always returns the result. The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().Editor() .Name("Editor") .PasteCleanup(pasteCleanup => pasteCleanup.Custom(@<text> function(html){ return html.replace(/<img[^>]*>/, ""); } </text>) ) ) Defines a callback function to integrate a custom implementation for cleaning up the paste content. Make sure the callback function always returns the result. TThe name of the JavaScript function that will handle the event. @( Html.Kendo().Editor() .Name("Editor") .PasteCleanup(pasteCleanup => pasteCleanup.Custom("customCleanUp")) ) <script> function customCleanUp(html) { return html.replace(/<img[^>]*>/, ""); } </script> Strip all HTML tags but keep new lines in the pasted content. The value that enables the KeepNewLines option. @( Html.Kendo().Editor() .Name("Editor") .PasteCleanup(pasteCleanup => pasteCleanup.KeepNewLines(true)) ) Remove all special formatting from MS Word content like font-name, font-size and MS Word specific tags. The value that enables the MsAllFormatting option. @( Html.Kendo().Editor() .Name("Editor") .PasteCleanup(pasteCleanup => pasteCleanup.MsAllFormatting(true)) ) Converts MS Word pasted content into HTML lists. The value that enables the MsConvertLists option. @( Html.Kendo().Editor() .Name("Editor") .PasteCleanup(pasteCleanup => pasteCleanup.MsConvertLists(true)) ) Removes all MS Word specific tags and cleans up the extra metadata. The value that enables the MsTags option. @( Html.Kendo().Editor() .Name("Editor") .PasteCleanup(pasteCleanup => pasteCleanup.MsTags(true)) ) Prevent any cleaning up of the content. The value that enables the None option. @( Html.Kendo().Editor() .Name("Editor") .PasteCleanup(pasteCleanup => pasteCleanup.None(true)) ) Remove all span elements from the content, ensuring much of the inline formatting is removed. The value that enables the Span option. @( Html.Kendo().Editor() .Name("Editor") .PasteCleanup(pasteCleanup => pasteCleanup.Span(true)) ) Defines the fluent API for configuring the EditorDeserializationSettings settings. Callback that allows custom deserialization to be plugged in. The method accepts string as the only parameter and is expected to return the modified content as string as well. The handler code wrapped in a text tag. @( Html.Kendo().Editor() .Name("Editor") .Deserialization(d => d.Custom(@<text> function(html) { return html.replace(/(#)/, ","); } </text>) ) ) Callback that allows custom deserialization to be plugged in. The method accepts string as the only parameter and is expected to return the modified content as string as well. The name of the JavaScript function that will be evaluated. @( Html.Kendo().Editor() .Name("Editor") .Deserialization(d => d.Custom("htmlDeserialization")) ) <script> function htmlDeserialization(html) { return html.replace(/(<\/?)b(\s?)/, "$1strong$2"); } </script> Defines the fluent API for configuring the GanttRangeSettings settings. If set to some date the timeline of all views will start from this date. The value that configures the start. If set to some date the timeline of all views will end to this date. The value that configures the end. Defines the fluent API for configuring the GanttViewRangeSettings settings. If set to some date the timeline of the view will start from this date.Overrides the range.start option of the gantt. The value that configures the start. If set to some date the timeline of the view will end to this date.Overrides the range.end option of the gantt. The value that configures the end. Defines the fluent API for configuring the EditorImmutablesSettings settings. Defines a Kendo UI template that allows custom serialization of an immutable element. The value that configures the serialization. @(Html.Kendo().Editor() .Name("Editor") .Immutables(immutables => immutables.Serialization("<#= data.nodeName # data=\"immutable-element\"></#= data.nodeName #>"); ) ) Defines a callback that allows custom serialization of an immutable element. The callback accepts DOM element as only parameter and is expected to return the HTML source of a DOM element. The name of the JavaScript function that will be evaluated. @(Html.Kendo().Editor() .Name("Editor") .Immutables(immutables => immutables.SerializationHandler("immutablesSerialization"); ) ) <script> function immutablesSerialization(node) { var tagName = node.tagName; return "<" + tagName + ">" + </" + tagName + ">"; } </script> Defines a callback that allows custom serialization of an immutable element. The callback accepts DOM element as only parameter and is expected to return the HTML source of a DOM element. The handler code wrapped in a text tag. @( Html.Kendo().Editor() .Name("Editor") .Immutables(immutables => immutables.SerializationHandler(@<text> function(node) { var tagName = node.tagName; return "<" + tagName + ">" + </" + tagName + ">"; } </text>) ) ) Defines a callback that allows custom deserialization of an immutable element. The callback accepts two arguments. The DOM element representing the immutable element in the html view and the immutable DOM element, which will be restored. The name of the JavaScript function that will be evaluated. @(Html.Kendo().Editor() .Name("Editor") .Immutables(immutables => immutables.Deserialization("immutablesDeserialization"); ) ) <script> function immutablesDeserialization(node, immutable) { immutable.style.backgroundColor = "red"; } </script> Defines a callback that allows custom deserialization of an immutable element. The callback accepts two arguments. The DOM element representing the immutable element in the html view and the immutable DOM element, which will be restored. The handler code wrapped in a text tag. @( Html.Kendo().Editor() .Name("Editor") .Immutables(immutables => immutables.Deserialization(@<text> function(node, immutable) { immutable.style.backgroundColor = "red"; } </text>) ) ) Defines the fluent API for configuring the Kendo Dialog for ASP.NET MVC. Initializes a new instance of the class. The component. A collection of objects containing text, action and primary attributes used to specify the dialog buttons. #### Example The action that configures the actions. Specifies the possible layout of the action buttons in the Dialog.Note: Stretched layout has no effect in browsers, like IE9, that do not support flexbox.Possible values are: normal or stretched. The value that configures the buttonlayout. Specifies whether a close button should be rendered at the top corner of the dialog. The value that configures the closable. Defines the text of the labels that are shown within the dialog. Used primarily for localization. The action that configures the messages. Specifies whether the dialog should show a modal overlay over the page. Enables or disables the modal option. Specifies whether the dialog should show a modal overlay over the page. The action that configures the modal. Specifies whether the dialog will be initially visible. The value that configures the visible. Set predefined size to the dialog. The width and height configuration options override the predefined size.Possible values are: auto; small; medium or large. The value that configures the size. The content of the dialog The value that configures the content. A collection of {Animation} objects, used to change default animations. A value of false will disable all animations in the widget. is not a valid configuration. Enables or disables the animation option. A collection of {Animation} objects, used to change default animations. A value of false will disable all animations in the widget. is not a valid configuration. The action that configures the animation. The text in the dialog title bar. If false, the dialog will be displayed without a title bar. The value that configures the visible. Specifies whether the dialog title will be initially visible. The value that configures the visible. Configures the client-side events. The client events action. @( Html.Kendo().Dialog() .Name("Dialog") .Events(events => events .Close("onClose") ) ) Specifies height of the dialog. The value that configures the height. Specifies height of the dialog. The value that configures the height. The maximum height (in pixels) that may be achieved by resizing the dialog. The value that configures the maxheight. The maximum height (in pixels) that may be achieved by resizing the dialog. The value that configures the maxheight. The maximum width (in pixels) that may be achieved by resizing the dialog. The value that configures the maxwidth. The maximum width (in pixels) that may be achieved by resizing the dialog. The value that configures the maxwidth. The minimum height (in pixels) that may be achieved by resizing the dialog. The value that configures the minheight. The minimum height (in pixels) that may be achieved by resizing the dialog. The value that configures the minheight. The minimum width (in pixels) that may be achieved by resizing the dialog. The value that configures the minwidth. The minimum width (in pixels) that may be achieved by resizing the dialog. The value that configures the minwidth. Specifies width of the dialog. The value that configures the width. Specifies width of the dialog. The value that configures the width. Defines the fluent API for adding items to Kendo Dialog for ASP.NET MVC Adds an item to the collection Defines the fluent API for configuring the DialogAction settings. The text to be shown in the action's button. The value that configures the text. The callback function to be called after pressing the action button. The value that configures the action action. The callback function to be called after pressing the action button. The value that configures the action action. A boolean property indicating whether the action button will be decorated as primary button or not. The value that configures the primary. Adds a custom class to the action button. The value that configures the cssclass. Defines the fluent API for configuring the DialogMessagesSettings settings. The title of the close button. The value that configures the close. The title of the prompt input. The value that configures the promptinput. Defines the fluent API for configuring the Kendo Dialog for ASP.NET MVC events. Triggered when a Dialog is closed (by a user or through the close() method). The name of the JavaScript function that will handle the close event. Triggered when a Dialog has finished its closing animation. The name of the JavaScript function that will handle the hide event. Triggered when a Dialog is opened for the first time (i.e. the open() method is called). The name of the JavaScript function that will handle the initOpen event. Triggered when a Dialog is opened (i.e. the open() method is called). The name of the JavaScript function that will handle the open event. Triggered when a Dialog has finished its opening animation. The name of the JavaScript function that will handle the show event. Defines the fluent API for configuring the EditorImportSettings settings. Lists which file extensions are allowed to be uploaded. Recognizes entries of both .type and type values. The string array of allowed file extensions. @( Html.Kendo().Editor() .Name("Editor") .Import(import => import .AllowedExtensions(new[] { "docx", "rtf", "html", "txt" }) ) ) Defines the maximum file size that can be uploaded in bytes. The value that configures the maximum file size. @( Html.Kendo().Editor() .Name("Editor") .Import(import => import .MaxFileSize(104857600) ) ) Sets the action and controller for the import operation Name of the action. Name of the controller. @( Html.Kendo().Editor() .Name("Editor") .Import(import => import .Proxy("EditorImport", "Home"); ) ) Sets the action for the import operation The type of the controller. The action. @( Html.Kendo().Editor() .Name("Editor") .Import(import => import .Proxy<HomeController>(controller => controller.Import()) ) ) Defines the inline handler of the Error client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().Editor() .Name("Editor") .Import(import => import .Error(@<text>function(e){ console.log(e.files[0].name); }</text>) ) ) Defines the name of the JavaScript function that will handle the Error client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Editor() .Name("Editor") .Import(import => import .Error("onError") ) ) Defines the inline handler of the Complete client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().Editor() .Name("Editor") .Import(import => import .Complete(@<text>function(e){ console.log(e); }</text>) ) ) Defines the name of the JavaScript function that will handle the Complete client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Editor() .Name("Editor") .Import(import => import .Complete("onComplete") ) ) Defines the inline handler of the Select client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().Editor() .Name("Editor") .Import(import => import .Select(@<text>function(e){ console.log(e); }</text>) ) ) Defines the name of the JavaScript function that will handle the Select client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Editor() .Name("Editor") .Import(import => import .Select("onSelect") ) ) Defines the inline handler of the Success client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().Editor() .Name("Editor") .Import(import => import .Success(@<text>function(e){ console.log(e); }</text>) ) ) Defines the name of the JavaScript function that will handle the Success client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Editor() .Name("Editor") .Import(import => import .Success("onSuccess") ) ) Defines the inline handler of the Progress client-side event The handler code wrapped in a text tag (Razor syntax). @( Html.Kendo().Editor() .Name("Editor") .Import(import => import .Progress(@<text>function(e){ console.log(e); }</text>) ) ) Defines the name of the JavaScript function that will handle the Progress client-side event. The name of the JavaScript function that will handle the event. @( Html.Kendo().Editor() .Name("Editor") .Import(import => import .Progress("onProgress") ) ) Defines the fluent API for configuring the SpreadsheetDefaultCellStyleSettings settings. The background CSS color of the cell. The value that configures the background. The text CSS color of the cell. The value that configures the color. The font family of the cell. The value that configures the fontfamily. The font size of the cell in pixels. The value that configures the fontsize. If set to true, sets the cell font to italic. The value that configures the italic. If set to true, sets the cell font to bold. The value that configures the bold. If set to true, sets the cell font to underline. The value that configures the underline. If set to true, sets the cell wrap. The value that configures the wrap. Defines the fluent API for configuring the Kendo DateInput for ASP.NET MVC. Initializes a new instance of the class. The component. Specifies the maximum date which can be entered in the input. The value that configures the max. Specifies the minimum date that which be entered in the input. The value that configures the min. Specifies the selected date. The value that configures the value. Specifies the format, which is used to format the value of the DateInput displayed in the input. The format also will be used to parse the input. The value that configures the format. Adds a label before the dateinput. If the dateinput has no id attribute, a generated id will be assigned. The string and the function parameters are setting the inner HTML of the label. The action that configures the label. Specifies the maximum date which can be entered in the input. The value that configures the max. Specifies the minimum date that which be entered in the input. The value that configures the min. Specifies the selected date. The value that configures the value. The messages that DateInput uses. Use it to customize or localize the placeholders of each date/time part. The action that configures the messages. Sets the size of the component. The value that configures the size. Sets a value controlling the border radius. The value that configures the rounded. Sets a value controlling how the color is applied. The value that configures the fillmode. Configures the client-side events. The client events action. @( Html.Kendo().DateInput() .Name("DateInput") .Events(events => events .Change("onChange") ) ) Defines the fluent API for configuring the Kendo DateInput for ASP.NET MVC events. Fires when the selected date is changed The handler code wrapped in a text tag. Fires when the selected date is changed The name of the JavaScript function that will handle the change event. Defines the fluent API for configuring the DateInputMessagesSettings settings. The placeholder for the years part. The value that configures the year. The placeholder for the months part. The value that configures the month. The placeholder for the day of the month part. The value that configures the day. The placeholder for the day of the week part. The value that configures the weekday. The placeholder for the hours part. The value that configures the hour. The placeholder for the minutes part. The value that configures the minute. The placeholder for the seconds part. The value that configures the second. The placeholder for the AM/PM part. The value that configures the dayperiod. Defines the fluent API for configuring the Kendo ListBox for ASP.NET MVC. Initializes a new instance of the class. The component. Represents the selectable options. The value for Selectable If set to false, the widget will not bind to the data source during initialization. In this case, the data binding will occur when the change event of the data source is fired. By default, the ListBox will bind to the data source that is specified in the configuration. The value that configures the autobind. The id of the target ListBox to which items from the source ListBox will be transferred and vice versa. If you have to transfer items from the target ListBox over its toolbar, then you also need to set its connectWith option. The value that configures the connectwith. The field of the data item that provides the text content of the list items. Based on this field, the widget filters the data source. The value that configures the datatextfield. The field of the data item that provides the value of the widget. The value that configures the datavaluefield. Array of id strings which determines the ListBoxes that can drag and drop their items to the current ListBox. The dropSources option describes a one way relationship. If you want a two-way connection, then set the dropSources option on both widgets. The value that configures the dropsources. Indicates whether the keyboard navigation is enabled or disabled. The value that configures the navigatable. Defines the localization texts for the ListBox. Used primarily for localization. The action that configures the messages. Specifies the item template of the ListBox. The value that configures the template. Specifies the item template of the ListBox. The value that configures the template. Specifies the item template of the ListBox. The value that configures the template. Specifies the item template of the ListBox. The value that configures the template. Defines the settings for displaying the toolbar of the ListBox. The toolbar allows you to execute a set of predefined actions.By default, the toolbar is not displayed. If the tools array is populated, then the toolbar and the corresponding tools are displayed. The action that configures the toolbar. Indicates whether the ListBox items can be dragged and dropped. Indicates whether the ListBox items can be dragged and dropped. Enables or disables the draggable option. Indicates whether the ListBox items can be dragged and dropped. The action that configures the draggable. Binds the ListBox to an IEnumerable list. The data source. Binds the ListBox to a list of SelectListItem. The data source. Sets the data source configuration of the ListBox. The lambda which configures the data source Configures the client-side events. The client events action. @( Html.Kendo().ListBox() .Name("ListBox") .Events(events => events .Change("onChange") ) ) Defines the fluent API for configuring the ListBoxDraggableSettings settings. Provides a way for customization of the ListBox item placeholder. If a function is supplied, it receives one argument - the draggable element's jQuery object. If placeholder function is not provided the widget will clone dragged item, remove its ID attribute, set its visibility to hidden and use it as a placeholder. The name of the JavaScript function that will be evaluated. Provides a way for customization of the ListBox item placeholder. If a function is supplied, it receives one argument - the draggable element's jQuery object. If placeholder function is not provided the widget will clone dragged item, remove its ID attribute, set its visibility to hidden and use it as a placeholder. The handler code wrapped in a text tag. Indicates whether dragging is enabled. The value that configures the enabled. Provides an option to customize the draggable item hint. If a function is supplied, it receives a single argument - the jQuery object of the draggable element. If a hint is not provided, the ListBox clones the dragged item and uses it as a hint. The value that configures the hint. Defines the fluent API for configuring the ListBoxToolbarSettings settings. The position relative to the ListBox element, at which the toolbar will be shown. Predefined values are "bottom", "top", "left", "right". The value that configures the position. A collection of tools that are used to interact with the ListBox. The built-in tools are: - "moveUp" - Moves up the selected ListBox items. - "moveDown" - Moves down the selected ListBox items. - "remove" - Removes the selected ListBox items. - "transferTo" - Moves the selected items from the current ListBox to the target that is defined in the connectWith option. - "transferFrom" - Moves the selected items from the ListBox that is defined in the connectWith option to the current ListBox. - "transferAllTo" - Moves all items from the current ListBox to the target that is defined in the connectWith option. - "transferAllFrom" - Moves all items from the ListBox that is defined in the connectWith option to the current ListBox. The configurator for the tools setting. Defines the fluent API for configuring the Kendo ListBox for ASP.NET MVC events. Fires before an item is added to the ListBox.The function context of the event handler (available through the this keyword) that will be set to the widget instance. The name of the JavaScript function that will handle the add event. Fires when the ListBox selection has changed.The function context of the event handler (available through the this keyword) that will be set to the widget instance. The name of the JavaScript function that will handle the change event. Fires when the ListBox has received data from the data source and is already rendered.The function context of the event handler (available through the this keyword) that will be set to the widget instance. The name of the JavaScript function that will handle the dataBound event. Fires when the dragging of the ListBox items starts. The name of the JavaScript function that will handle the dragstart event. Fires when the placeholder of the ListBox changes its position. The name of the JavaScript function that will handle the drag event. Fires when a ListBox item is dropped over one of the drop targets. The name of the JavaScript function that will handle the drop event. Fires when the dragging of the item ends but before its position is changed in the DOM. The name of the JavaScript function that will handle the dragend event. Fires before an item is removed from the ListBox.The function context of the event handler (available through the this keyword) that will be set to the widget instance. The name of the JavaScript function that will handle the remove event. Fires when ListBox items are reordered. The name of the JavaScript function that will handle the reorder event. Defines the fluent API for configuring the ListBoxMessagesSettings settings. Defines the localization texts for tools in the ListBox. Texts are used when you configure the tooltip and accessibility support. The action that configures the tools. Defines the fluent API for configuring the ListBoxMessagesToolsSettings settings. Defines the text of the Move Down button that is located in the toolbar of the ListBox. The value that configures the movedown. Defines the text of the Move Up button that is located in the toolbar of the ListBox. The value that configures the moveup. Defines the text of the Delete button that is located in the toolbar of the ListBox. The value that configures the remove. Defines the text of the Transfer All From button that is located in the toolbar of the ListBox. The value that configures the transferallfrom. Defines the text of the Transfer All To button that is located in the toolbar of the ListBox. The value that configures the transferallto. Defines the text of the Transfer From button that is located in the toolbar of the ListBox. The value that configures the transferfrom. Defines the text of the Transfer To button that is located in the toolbar of the ListBox. The value that configures the transferto. Defines the fluent API for configuring the Kendo ArcGauge for ASP.NET MVC. Initializes a new instance of the class. The component. The label template. Template variables: * value - the value The value that configures the centertemplate. The label template. Template variables: * value - the value The value that configures the centertemplate. The label template. Template variables: * value - the value The value that configures the centertemplate. The label template. Template variables: * value - the value The value that configures the centertemplate. The color of the value pointer. Accepts a valid CSS color string, including hex and rgb. The value that configures the color. The color ranges of the value pointer. The pointer color will be set to the color from the range that contains the current value. The action that configures the colors. The gauge area configuration options. This is the entire visible area of the gauge. The action that configures the gaugearea. The opacity of the value pointer. The value that configures the opacity. Configures the scale. The action that configures the scale. The gauge theme. This can be either a built-in theme or "sass". When set to "sass" the gauge will read the variables from the Sass-based themes.The supported values are: "sass" - special value, see notes; "black"; "blueopal"; "bootstrap"; "default"; "highcontrast"; "metro"; "metroblack"; "moonlight"; "silver" or "uniform". The value that configures the theme. A value indicating if transition animations should be played. The value that configures the transitions. The gauge value. The value that configures the value. Specifies the preferred widget rendering mode. The value that configures the renderas. Defines the fluent API for adding items to Kendo ArcGauge for ASP.NET MVC Adds an item to the collection Defines the fluent API for configuring the ArcGaugeColor settings. The color of the pointer in the specified range. The value that configures the color. The lower range value of the applied color. The value that configures the from. The upper range value of the applied color. The value that configures the to. Defines the fluent API for configuring the ArcGaugeGaugeAreaSettings settings. The background of the gauge area. Any valid CSS color string will work here, including hex and rgb. The value that configures the background. The border of the gauge area. The action that configures the border. The height of the gauge area. The value that configures the height. The margin of the gauge area. The action that configures the margin. The width of the gauge area. The value that configures the width. Defines the fluent API for configuring the settings. Initialize the The The color of the border. Any valid CSS color string will work here, including hex and rgb. The value that configures the color. The opacity of the border. By default the border is opaque. The value that configures the opacity. The width of the border. The value that configures the width. Specifies the line dash type. The value that configures the dashtype. Defines the fluent API for configuring the ArcGaugeGaugeAreaMarginSettings settings. The top margin of the gauge area. The value that configures the top. The bottom margin of the gauge area. The value that configures the bottom. The left margin of the gauge area. The value that configures the left. The right margin of the gauge area. The value that configures the right. Defines the fluent API for configuring the ArcGaugeScaleSettings settings. The end angle of the gauge. The gauge is rendered clockwise(0 degrees are the 180 degrees in the polar coordinate system) The value that configures the endangle. Configures the scale labels. The action that configures the labels. Configures the scale major ticks. The action that configures the majorticks. The interval between major divisions. The value that configures the majorunit. The maximum value of the scale. The value that configures the max. The minimum value of the scale. The value that configures the min. Configures the scale minor ticks. The action that configures the minorticks. The interval between minor divisions. The value that configures the minorunit. The lineCap style of the ranges.The supported values are: "butt"; "round" or "square". The value that configures the rangelinecap. The default color for the ranges. The value that configures the rangeplaceholdercolor. The width of the range indicators. The value that configures the rangesize. The distance from the range indicators to the ticks. The value that configures the rangedistance. Reverses the scale direction - values are increase anticlockwise. The value that configures the reverse. The start angle of the gauge. The gauge is rendered clockwise(0 degrees are the 180 degrees in the polar coordinate system) The value that configures the startangle. Defines the fluent API for configuring the ArcGaugeScaleLabelsSettings settings. The background color of the labels. Any valid CSS color string will work here, including hex and rgb The value that configures the background. The border of the labels. The action that configures the border. The text color of the labels. Any valid CSS color string will work here, including hex and rgb. The value that configures the color. The font style of the labels. The value that configures the font. The format of the labels. The value that configures the format. The margin of the labels. The action that configures the margin. The padding of the labels. The action that configures the padding. The label template. Template variables: * value - the value The value that configures the template. The label template. Template variables: * value - the value The value that configures the template. The label template. Template variables: * value - the value The value that configures the template. The label template. Template variables: * value - the value The value that configures the template. The visibility of the labels. The value that configures the visible. Sets the labels position The value that configures the position. Defines the fluent API for configuring the ArcGaugeScaleLabelsBorderSettings settings. The color of the border. Any valid CSS color string will work here, including hex and rgb. The value that configures the color. The opacity of the border. By default the border is opaque. The value that configures the opacity. The width of the border. The value that configures the width. Specifies the line dash type. The value that configures the dashtype. Defines the fluent API for configuring the ArcGaugeScaleLabelsMarginSettings settings. The top margin of the labels. The value that configures the top. The bottom margin of the labels. The value that configures the bottom. The left margin of the labels. The value that configures the left. The right margin of the labels. The value that configures the right. Defines the fluent API for configuring the ArcGaugeScaleLabelsPaddingSettings settings. The top padding of the labels. The value that configures the top. The bottom padding of the labels. The value that configures the bottom. The left padding of the labels. The value that configures the left. The right padding of the labels. The value that configures the right. Defines the fluent API for configuring the ArcGaugeScaleMajorTicksSettings settings. The color of the major ticks. The value that configures the color. The major tick size. This is the length of the line in pixels that is drawn to indicate the tick on the scale. The value that configures the size. The visibility of the major ticks. The value that configures the visible. The width of the major ticks. The value that configures the width. Defines the fluent API for configuring the ArcGaugeScaleMinorTicksSettings settings. The color of the minor ticks. Any valid CSS color string will work here, including hex and rgb. The value that configures the color. The minor tick size. This is the length of the line in pixels that is drawn to indicate the tick on the scale. The value that configures the size. The visibility of the minor ticks. The value that configures the visible. The width of the minor ticks. The value that configures the width. Defines the fluent API for configuring the TreeListPageableSettings settings. (Available as of the Kendo UI 2017 R3 release) By default, the TreeList will render a pager even when total number of items in the DataSource is less than the pageSize value.If set to false the TreeList will toggle the pager visibility as follows: When the total amount of items initially set in the DataSource is less than the pageSize number, the pager will be hidden.; When the total amount of items initially set in the DataSource is greater than or equal to the pageSize number, the pager will be shown.; When the total amount of items in the DataSource becomes less than the pageSize number (after a delete or filter operation, or upon changing the pageSize), the pager will be hidden. or When the total amount of items in the DataSource becomes greater than or equal to the pageSize number (after an insert or filter operation, or upon changing the pageSize), the pager will be shown.. The value that configures the alwaysvisible. The number of data items which will be displayed in the TreeList. The value that configures the pagesize. If set to true, the pager will display buttons for going to the first, previous, next, and last pages. By default, these buttons are displayed. The value that configures the previousnext. If set to true, the pager will display buttons for navigating to specific pages. By default, these buttons are displayed. The value that configures the numeric. The maximum number of buttons that are displayed in the numeric pager. If more pages than the specified number are rendered, the pager will display ellipsis (...). The value that configures the buttoncount. If set to true, the pager will display an input element which allows the user to type a specific page number. By default, the page input is not displayed. The value that configures the input. If set to true, the pager will display the Refresh button. Clicking the Refresh button will refresh the TreeList. By default, the Refresh button is not displayed. The value that configures the refresh. If set to false, the pager will not be responsive. By default, the pager is responsive. The value that configures the responsive. If set to true, the pager will display information about the current page and the total number of data items. By default, the paging information is displayed. The value that configures the info. The text messages that are displayed in the pager. Use this option to customize or localize the pager messages. The action that configures the messages. Sets the page sizes of the pager. The values shown in the pageSize dropdown Sets the page sizes of the pager. A value indicating whether to enable the page sizes dropdown Defines the fluent API for configuring the TreeListPageableMessagesSettings settings. The text with the pager information. Uses kendo.format.Contains the following placeholders: - {0} - The first data item index. - {1} - The last data item index. - {2} - The total number of data items. The value that configures the display. The text that is displayed when the TreeList is empty. The value that configures the empty. The label that is displayed before the pager input. The value that configures the page. The label that is displayed before the pager input. Uses kendo.format. Contains one optional {0} placeholder which represents the total number of pages. The value that configures the of. The label that is displayed after the drop-down list for the page size. The value that configures the itemsperpage. The tooltip of the button which goes to the first page. The value that configures the first. The tooltip of the button which goes to the last page. The value that configures the last. The tooltip of the button which goes to the next page. The value that configures the next. The tooltip of the button which goes to the previous page. The value that configures the previous. The tooltip of the Refresh button. The value that configures the refresh. The tooltip of the ... (ellipsis) button which appears when the number of pages is greater than the buttonCount. The value that configures the morepages. Defines the fluent API for configuring the DialogModalSettings settings. Initialize the The Specifies whether the document should stop scrolling when modal dialog is opened. Closing it should restore the initial document overflow. Note that it's not supported to have multiple dialogs with different preventScroll setting. The value that configures the preventscroll. Defines the fluent API for configuring the Kendo PDFViewer for ASP.NET MVC. Initializes a new instance of the class. The component. Specifies the PDF.JS configuration options. Including pdfjs is mandatory. The action that configures the pdfjsprocessing. Specifies the DPL configuration options. The action that configures the dplprocessing. The width of the PDFViewer. The value that configures the width. The height of the PDFViewer. The value that configures the height. Specifies the default page size if no PDF is displayed in the PDFViewer. The page size will shrink to fit the viewer dimensions. The action that configures the defaultpagesize. The selected page number in the viewer. The value that configures the page. Specifies the default scale of the pages. The value that configures the scale. Specifies the minimum zoom that could be applied to the pages. The value that configures the zoommin. Specifies the maximum zoom that could be applied to the pages. The value that configures the zoommax. Specifies the zoom rate that could be applied to the pages. Used when zooming on mousewheel and for the zoomIn and zoomOut tools. The value that configures the zoomrate. Defines the page surface options. This setting is available only for DPL Processing. The page render a drawing Surface and all of its configuration options could be defined. The action that configures the view. Toolbar option accepts a Boolean value which indicates if the toolbar will be displayed or an Object with items. Inherits Kendo UI Toolbar. Enables or disables the toolbar option. Toolbar option accepts a Boolean value which indicates if the toolbar will be displayed or an Object with items. Inherits Kendo UI Toolbar. The action that configures the toolbar. Specifies the localization messages of the PDFViewer. The action that configures the messages. The client-side global variable or function to provide the JSON data for the PDF document. The value that configures the document. Configures the client-side events. The client events action. @( Html.Kendo().PDFViewer() .Name("PDFViewer") .Events(events => events .Render("onRender") ) ) Defines the fluent API for configuring the PDFViewerDplProcessingSettings settings. Initialize the The Specifies the configuration of the jQuery.ajax to make an HTTP request to the remote service. The action that configures the read. Specifies the configuration of the jQuery.ajax to make an HTTP POST request to the remote service. The action that configures the upload. Specifies the download configuration. The action that configures the download. Specifies whether read requests should be sent for each page. Note that on the server the pageField should be nullable. The value that configures the loadondemand. Defines the fluent API for configuring the PDFViewerDplProcessingDownloadSettings settings. Initialize the The Specifies the download action url that will be navigated to. The value that configures the url. Defines the fluent API for configuring the PDFViewerDplProcessingReadSettings settings. Initialize the The Specifies the url to which the request is sent. The value that configures the url. Specifies the page field parameter submitted to the read url. It is used in scenario with loadOnDemand when requests are sent for each page. The value that configures the pagefield. Specifies the type of the request. The value that configures the type. The type of result expected from the server. Used values are "json" and "jsonp". The PDFViewer expects a json to render the geometries. The value that configures the datatype. Defines the fluent API for configuring the PDFViewerDplProcessingUploadSettings settings. Initialize the The Specifies the url that will receive the submitted file. The handler must accept POST requests. The value that configures the url. Specifies the name of the form field which is submitted to saveUrl. The value that configures the savefield. Defines the fluent API for configuring the PDFViewerMessagesSettings settings. Initialize the The Specifies the default file name used for Download. The value that configures the defaultfilename. Specifies the localization messages of the toolbar. The action that configures the toolbar. The action that configures the errormessages. The action that configures the dialogs. Defines the fluent API for configuring the PDFViewerMessagesToolbarSettings settings. Initialize the The The value that configures the open. The value that configures the exportas. The value that configures the download. The action that configures the pager. The value that configures the print. The value that configures the toggleselection. The value that configures the togglepan. The value that configures the search. The action that configures the zoom. Defines the fluent API for configuring the PDFViewerPdfjsProcessingSettings settings. Initialize the The Specifies the default file to be displayed. The action that configures the file. Specifies the string path to the file. The path to the file. Defines the fluent API for configuring the PDFViewerToolbarSettings settings. Initialize the The The following list indicates the default tools: pager; zoomInOut; zoom; toggleSelection; search; open; download or print. For DPL Processing exportAs tool could be configured to export a single page to .png or .svg. The action that configures the items. Defines the fluent API for adding items to Kendo Toolbar for ASP.NET MVC Initializes a new instance of the class. The container. Adds an item to the collection Defines the fluent API for configuring the PDFViewerToolbarSettingsItem settings. Initialize the The The value that configures the type. The value that configures the overflow. Default commands in the PDF Viewer are: OpenCommand; PageChangeCommand; DownloadCommand; EnableSelectionCommand; EnablePanCommand; ExportCommand; PrintCommand; OpenSearchCommand or ZoomCommand. The value that configures the command. Specifies the tool's name. Tool definition will be taken from the default collection - kendo.pdfviewer.DefaultTools The value that configures the name. Specifies the click event handler of the button. The value that configures the click action. Specifies the click event handler of the button. The value that configures the click action. Specifies the toggle event handler of the button. Applicable only for commands of type button and togglable: true. The value that configures the toggle. Specifies if the button is togglable, e.g. has a selected and unselected state. The value that configures the togglable. Sets the text of the button. The value that configures the text. Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type. The value that configures the template. Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type. The value that configures the template. Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type. The value that configures the template. Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type. The value that configures the template. Specifies where the text will be displayed. Possible values are: "toolbar", "overflow" or "both" (default). The value that configures the showtext. Specifies whether the button is primary. Primary buttons receive different styling. The value that configures the primary. Specifies the HTML attributes of a ToolBar button. The value that configures the htmlattributes. Specifies the HTML attributes of a ToolBar button. The value that configures the htmlattributes. Specifies whether the control is initially enabled or disabled. Default value is "true". The value that configures the enable. Determines if a button is visible or hidden. By default buttons are visible. The value that configures the hidden. Defines a CSS class (or multiple classes separated by spaces) which will be used for button icon. The value that configures the spritecssclass. If set, the ToolBar will render an image with the specified URL in the button. The value that configures the imageurl. Specifies where the button icon will be displayed. Possible values are: "toolbar", "overflow" or "both" (default). The value that configures the showicon. Sets icon for the item. The icon should be one of the existing in the Kendo UI theme sprite. The value that configures the icon. Specifies the ID of the button. The value that configures the id. Defines the fluent API for configuring the PDFViewerViewSettings settings. Initialize the The Defines the surface type. It accepts canvas or svg. This option is supported only for DPL. The value that configures the type. Defines the fluent API for configuring the Kendo PDFViewer for ASP.NET MVC events. Initializes a new instance of the class. The client events. Fires when a page is rendered The name of the JavaScript function that will handle the render event. Fires when a PDF is opened in the viewer. The name of the JavaScript function that will handle the open event. Fires when an error is encountered. By default, a dialog is shown with error message. The dialog will not be shown if the event is prevented. The name of the JavaScript function that will handle the error event. Defines the fluent API for configuring the PDFViewerDefaultPageSizeSettings settings. Initialize the The The value that configures the width. The value that configures the height. Defines the fluent API for configuring the Kendo Drawer for ASP.NET MVC. Initializes a new instance of the class. The component. Specifies if the Drawer will be automatically collapsed when an item is clicked. The value that configures the autocollapse. The position of the drawer. Can be left (default) or right. The value that configures the position. Determines how the Kendo UI Drawer will interact with the associated content. The default one (overlay) will simply overlap the associated content with overlay effect. On the other hand "push" mode will show the drawer next to associated cotent. The associated content will shrink its content. The value that configures the mode. If set to true the use could navigate the widget using the keyboard navigation. By default keyboard navigation is disabled. The value that configures the navigatable. Specifies the drawer's content. The value that configures the template. Specifies the drawer's content. The value that configures the template. Specifies the drawer's content. The value that configures the template. Specifies the drawer's content. The value that configures the template. Specifies the minimum height for the drawer in push mode. The overlay mode takes 100% of the page height. The value that configures the minheight. Enables or configures the mini mode for the Kendo UI Drawer. This is a compact view that is displayed when the Kendo UI Drawer is collapsed. Usually it used to show only the icons when the drawer content contains icon and text for an item. When set to true it uses the main template. Enables or disables the mini option. Enables or configures the mini mode for the Kendo UI Drawer. This is a compact view that is displayed when the Kendo UI Drawer is collapsed. Usually it used to show only the icons when the drawer content contains icon and text for an item. When set to true it uses the main template. The action that configures the mini. If set to false, swiping the associated content will not activate the drawer. In this case, the drawer will only be open by calling the show method. should be disabled for browsers, which use side swiping gestures for back/forward navigation, such as iOS Safari. Otherwise, users should swipe from an inner part of the view, and not from the view edge. The value that configures the swipetoopen. Defines a specific width for the Kendo UI Drawer when expanded. The value that configures the width. The HTML string representing the associated content for the Drawer widget. The value for the associated content. The HTML string representing the associated content for the Drawer widget. The value for the associated content. The HTML string representing the associated content for the Drawer widget. The value for the associated content. Configures the client-side events. The client events action. @( Html.Kendo().Drawer() .Name("Drawer") .Events(events => events .Hide("onHide") ) ) Defines the fluent API for configuring the DrawerMiniSettings settings. Initialize the The Defines a specific width for the Kendo UI Drawer when in mini mode. The value that configures the width. Defines a specific template for the Kendo UI Drawer when in mini mode. The value that configures the template. Defines a specific template for the Kendo UI Drawer when in mini mode. The value that configures the template. Defines a specific template for the Kendo UI Drawer when in mini mode. The value that configures the template. Defines a specific template for the Kendo UI Drawer when in mini mode. The value that configures the template. Defines the fluent API for configuring the Kendo Drawer for ASP.NET MVC events. Initializes a new instance of the class. The client events. Fired when the Kendo UI Drawer is about to be hidden. The event can be prevented by calling the preventDefault method of the event parameter. The name of the JavaScript function that will handle the hide event. Fires before the Kendo UI Drawer is revealed. The event can be prevented by calling the preventDefault method of the event parameter. The name of the JavaScript function that will handle the show event. Fires when user clicks on item from the Kendo UI Drawer. The name of the JavaScript function that will handle the itemClick event. Defines the fluent API for adding items to Kendo Sheet for ASP.NET MVC Initializes a new instance of the class. The container. Adds an item to the collection Defines the fluent API for configuring the SpreadsheetSheetDrawing settings. Initialize the The A cell to which the drawing's top-left corner is anchored. The value that configures the topleftcell. The horizontal offset from the anchor cell's top-left corner, in pixels. The value that configures the offsetx. The vertical offset from the anchor cell's top-left corner, in pixels. The value that configures the offsety. The drawing's width in pixels. The value that configures the width. The drawing's height in pixels. The value that configures the height. The ID of the image to display. The value that configures the image. Defines the fluent API for configuring the PDFViewerMessagesDialogsSettings settings. Initialize the The The action that configures the exportasdialog. The value that configures the oktext. The value that configures the save. The value that configures the cancel. The action that configures the search. Defines the fluent API for configuring the PDFViewerMessagesDialogsExportAsDialogSettings settings. Initialize the The The value that configures the title. The value that configures the defaultfilename. The value that configures the pdf. The value that configures the png. The value that configures the svg. The action that configures the labels. Defines the fluent API for configuring the PDFViewerMessagesDialogsExportAsDialogLabelsSettings settings. Initialize the The The value that configures the filename. The value that configures the saveastype. The value that configures the page. Defines the fluent API for configuring the PDFViewerMessagesErrorMessagesSettings settings. Initialize the The The value that configures the notsupported. The value that configures the parseerror. The value that configures the notfound. The value that configures the popupblocked. Defines the fluent API for configuring the PDFViewerMessagesToolbarPagerSettings settings. Initialize the The The value that configures the first. The value that configures the previous. The value that configures the next. The value that configures the last. The value that configures the of. The value that configures the page. The value that configures the pages. Defines the fluent API for configuring the Kendo Rating for ASP.NET MVC. Initializes a new instance of the class. The component. Sets the initial value of the Rating. The value from which the Rating items will be rendered. The value that configures the min. The value to which the Rating items will be rendered. The value that configures the max. Specifies the selection behavior. The available options are:*continuous - all items, starting from the first one, are marked as selected. *single - a single item is marked as selected. The value that configures the selection. Specifies the precision with which an item is selected. The available options are:*item - rate by selecting the whole item. *half - rate by selecting half of the item or the whole item. The value that configures the precision. The Rating displays the value of the item through the title attribute when it is hovered.If tooltip is set to false, the widget will not display the value of the items when hovering over them.The tooltips are not visible when the Rating is disabled. The value that configures the tooltip. The Rating displays a label by default that shows the current value out of the max value 3 / 5. If the widget does not have a selected value, the label will not be displayed initially and will be toggled after an item is selected.If label is set to false, the widget will not display the label. Enables or disables the label option. The Rating displays a label by default that shows the current value out of the max value 3 / 5. If the widget does not have a selected value, the label will not be displayed initially and will be toggled after an item is selected.If label is set to false, the widget will not display the label. The action that configures the label. If the option is set, the widget will automatically select the specified item when the Rating receives focus and no previous value has been set. The value that configures the selectvalueonfocus. Specifies the template which is used for rendering the items of the Rating. The value that configures the itemtemplate. Specifies the template which is used for rendering the items of the Rating. The value that configures the itemtemplate. Specifies the template which is used for rendering the items of the Rating. The value that configures the itemtemplate. Specifies the template which is used for rendering the items of the Rating. The value that configures the itemtemplate. Specifies the template which is used for rendering the selected state of the items. The value that configures the selectedtemplate. Specifies the template which is used for rendering the selected state of the items. The value that configures the selectedtemplate. Specifies the template which is used for rendering the selected state of the items. The value that configures the selectedtemplate. Specifies the template which is used for rendering the selected state of the items. The value that configures the selectedtemplate. Specifies the template which is used for rendering the hovered state of the items. The value that configures the hoveredtemplate. Specifies the template which is used for rendering the hovered state of the items. The value that configures the hoveredtemplate. Specifies the template which is used for rendering the hovered state of the items. The value that configures the hoveredtemplate. Specifies the template which is used for rendering the hovered state of the items. The value that configures the hoveredtemplate. If set to false, the Rating will be: disabled and will not allow the user to change its state.; excluded from the tab order and not receiving focus. or will not submit its value if part of a form.. The value that configures the enabled. If set to true, the Rating will: be in readonly state and will not allow the user to change its state.; be included in the tab order and able to receive focus. or submit data if part of a form.. The value that configures the readonly. Specifies the initial value of the Rating.If a greater value than the max option is used, then the max value will be set.If a value less than the min option is used, then the min value will be set. The value that configures the value. Configures the client-side events. The client events action. @( Html.Kendo().Rating() .Name("Rating") .Events(events => events .Change("onChange") ) ) Defines the fluent API for configuring the RatingLabelSettings settings. Initialize the The The value that configures the template. The value that configures the template. The value that configures the template. The value that configures the template. Defines the fluent API for configuring the Kendo Rating for ASP.NET MVC events. Initializes a new instance of the class. The client events. Fires when the value of the Rating is changed through user interaction. The name of the JavaScript function that will handle the change event. Fires when an item is selected through user interaction. The name of the JavaScript function that will handle the select event. Defines the fluent API for configuring the Kendo Timeline for ASP.NET MVC. Initializes a new instance of the class. The component. Sets the data source configuration of the timeline. The lambda which configures the data source @(Html.Kendo().Timeline<Event>() .Name("timeline") .DataSource(dataSource => // configure the data source dataSource .Ajax() .Read(read => read.Action("Events_Read", "Home")) ) ) Sets the ID of the DataSource widget used by the Timeline. The id of the DataSource @(Html.Kendo().Timeline<Event>() .Name("timeline") .DataSource("dataSource") ) If set to false, the Timeline will not bind to the data source during initialization, i.e. it will not call the fetch method of the dataSource instance. In such scenarios data binding will occur when the change event of the dataSource instance is fired. By default, autoBind is set to true and the widget will bind to the data source specified in the configuration. The value that configures the autobind. Indicates whether events should be positioned on both sides of the timeline axis. By default all events are displayed on the right side of the timeline axis. The value that configures the alternatingmode. Enables the events in the Kendo UI Timeline to be expandable or collapsible. When enabled initially all events are collapsed. The value that configures the collapsibleevents. Sets the field of the data item that provides the actions information for the event. The value that configures the dataactionsfield. Sets the field of the data item that provides the description information for the event. The value that configures the datadescriptionfield. Sets the field of the data item that provides information when the given event happened in time. The value that configures the datadatefield. Sets the field of the data item that provides the value for the alt attribute of the images. The value that configures the dataimagesaltfield. Sets the field of the data item that provides the images information for the event. The value that configures the dataimagesfield. Sets the field of the data item that provides the subtitle information for the event. The value that configures the datasubtitlefield. Sets the field of the data item that provides the title information for the event. The value that configures the datatitlefield. Specifies the template used to render the event details. The value that configures the eventtemplate. Specifies the template used to render the event details. The value that configures the eventtemplate. Specifies the template used to render the event details. The value that configures the eventtemplate. Specifies the template used to render the event details. The value that configures the eventtemplate. Sets the date format used to display the date in the event's label The value that configures the dateformat. Sets specific height for the event in horizontal mode. The value that configures the eventheight. Sets specific width for the event in vertical mode. The value that configures the eventwidth. If set to true, will enable the keyboard navigation for the component. The value that configures the navigatable. If set to false, the event's date label will be hidden. The value that configures the showdatelabels. Defines the orientation of the Timeline widget The value that configures the orientation. Indicates whether events should be positioned on both sides of the timeline axis. By default all events are displayed on the right side of the timeline axis. The value for AlternatingMode Indicates whether events should be positioned on both sides of the timeline axis. By default all events are displayed on the right side of the timeline axis. Configures the client-side events. The client events action. @( Html.Kendo().Timeline() .Name("Timeline") .Events(events => events .Change("onChange") ) ) Defines the fluent API for configuring the Kendo Timeline for ASP.NET MVC events. Initializes a new instance of the class. The client events. Fires when a new event is opened. The name of the JavaScript function that will handle the change event. Fires when the Timeline is bound to data. The name of the JavaScript function that will handle the dataBound event. Fires when an event is going to be expanded. The name of the JavaScript function that will handle the expand event. Fires when an event is going to be collapsed. The name of the JavaScript function that will handle the collapse event. Fires when an action for an event is clicked. The name of the JavaScript function that will handle the actionClick event. Fires when the left or right arrow is clicked. The name of the JavaScript function that will handle the navigate event. Defines the fluent API for adding items to Kendo Filter for ASP.NET MVC Initializes a new instance of the class. The container. Adds an item to the collection Defines the fluent API for configuring the FilterField settings. Initialize the The The template which the widget will use to create the field editor. The value that configures the editortemplate. The template which the widget will use to create the field editor. The value that configures the editortemplate. The template which the widget will use to create the field editor. The value that configures the editortemplate. Defines a value which will be visualized instead of the data feild name. The value that configures the label. A value which will be initially set as a filter value when an expression item for the specific field is created. The value for DefaultValue The template which the widget will use to create the field editor. The value for EditorTemplate The text of the filter operators displayed in the filter. The configurator for the operators setting. Sets the format of the value in the preview. The format. Defines the fluent API for configuring the FilterMessagesSettings settings. Initialize the The The title of the add expression button. The value that configures the addexpression. The title of the add group button. The value that configures the addgroup. The text of the option which represents the "and" logical operation. The value that configures the and. The text inside the apply button. The value that configures the apply. The title of the close button. The value that configures the close. The title of the operators drop down. The value that configures the operators. The text of the option which represents the "or" logical operation. The value that configures the or. The title of the fields drop down. The value that configures the fields. Defines the fluent API for configuring the FilterOperatorsSettings settings. Initialize the The The texts of the filter operators displayed for string fields. The action that configures the string. The texts of the filter operators displayed for number fields. The action that configures the number. The texts of the filter operators displayed for date fields. The action that configures the date. The texts of the filter operators displayed for boolean fields The action that configures the boolean. Defines the fluent API for configuring the FilterOperatorsBooleanSettings settings. Initialize the The The text of the "equal" filter operator. The value that configures the eq. The text of the "not equal" filter operator. The value that configures the neq. Configures a custom operator /// The name of the custom operator. The configurator for the custom operator. Defines the fluent API for configuring the FilterOperatorsDateSettings settings. Initialize the The The text of the "equal" filter operator. The value that configures the eq. The text of the "not equal" filter operator. The value that configures the neq. The text of the "isnull" filter operator. The value that configures the isnull. The text of the "isnotnull" filter operator. The value that configures the isnotnull. The text of the "greater than or equal" filter operator. The value that configures the gte. The text of the "greater than" filter operator. The value that configures the gt. The text of the "less than or equal" filter operator. The value that configures the lte. The text of the "less than" filter operator. The value that configures the lt. Configures a custom operator /// The name of the custom operator. The configurator for the custom operator. Defines the fluent API for configuring the FilterOperatorsNumberSettings settings. Initialize the The The text of the "equal" filter operator. The value that configures the eq. The text of the "not equal" filter operator. The value that configures the neq. The text of the "isnull" filter operator. The value that configures the isnull. The text of the "isnotnull" filter operator. The value that configures the isnotnull. The text of the "greater than or equal" filter operator. The value that configures the gte. The text of the "greater than" filter operator. The value that configures the gt. The text of the "less than or equal" filter operator. The value that configures the lte. The text of the "less than" filter operator. The value that configures the lt. Configures a custom operator /// The name of the custom operator. The configurator for the custom operator. Defines the fluent API for configuring the FilterOperatorsStringSettings settings. Initialize the The The text of the "equal" filter operator. The value that configures the eq. The text of the "not equal" filter operator. The value that configures the neq. The text of the "isnull" filter operator. The value that configures the isnull. The text of the "isnotnull" filter operator. The value that configures the isnotnull. The text of the "isempty" filter operator. The value that configures the isempty. The text of the "isnotempty" filter operator. The value that configures the isnotempty. The text of the "starts with" filter operator. The value that configures the startswith. The text of the "contains" filter operator. The value that configures the contains. The text of the "does not contain" filter operator. The value that configures the doesnotcontain. The text of the "ends with" filter operator. The value that configures the endswith. The text of the "isnullorempty" filter operator. The value that configures the isnullorempty. The text of the "isnotnullorempty" filter operator. The value that configures the isnotnullorempty. Configures a custom operator /// The name of the custom operator. The configurator for the custom operator. Defines the fluent API for configuring the Kendo Filter for ASP.NET MVC events. Initializes a new instance of the class. The client events. Fired when the generated filter expression is changed. The name of the JavaScript function that will handle the change event. Fired when the generated filter expression is changed. The name of the JavaScript function that will handle the change event. Defines the fluent API for configuring the Kendo Badge for ASP.NET MVC. Initializes a new instance of the class. The component. Specifies wether or not to render additional "cutout" border around the badge. The value that configures the cutoutborder. Defines the name for an existing icon in a Kendo UI theme or SVG content. The icon is rendered inside the badge by a span.k-icon or span.k-svg-icon element.See web font icons help article for more details on Kendo UI icons. The value that configures the icon. If text is a number, it will cap that number. The value that configures the max. The template which renders the content of the badge. The value that configures the template. The template which renders the content of the badge. The value that configures the template. The template which renders the content of the badge. The value that configures the template. The template which renders the content of the badge. The value that configures the template. The text of the badge. Valid input includes string, number or object with toString method. Default is empty string. The value that configures the text. If set to false the badge will not be displayed. The value that configures the visible. Defines the size of the badge The value that configures the size. Defines the alignment of the badge The value that configures the align. Defines the position of the badge The value that configures the position. Defines the rounded appearance of the badge The value that configures the rounding of the badge. Defines the color of the badge The value that configures the themecolor. Defines how theme colors are applied to a badge The value that configures the fill mode. The text of the badge. Valid input includes string, number or object with toString method. Default is empty string. The value that configures the text. Defines the fluent API for configuring the Kendo Breadcrumb for ASP.NET MVC. Initializes a new instance of the class. The component. Indicates whether the Breadcrumb will enable/disable the binding to the location object of the browser on initialization. The value that configures the bindtolocation. Defines a name of an existing icon in the Kendo UI Web Font Icons. The icon will be applied as separator between the segments of the Breadcrumb path. The value that configures the delimitericon. Indicates whether the editing functionality of the Breadcrumb will be enabled/disabled.If the option is enabled the path will be editable. Clicking in an empty area of the component will trigger editing mode. Editing mode shows an input showing the value of the component enabling the end user to type a new path. The value that configures the editable. Array of items to be rendered in Breadcrumb. The action that configures the items. Defines the space in pixels after the last item to stay empty.The gap value is taken into account when items overflow and continues to remain empty. The value that configures the gap. Defines the text of the root icon title that is displayed within the Breadcrumb. The action that configures the messages. Indicates whether the navigation functionality of the Breadcrumb will be enabled/disabled.When navigational is set to false, automatic navigation (changing url location) is disabled by default. In this state, the click event will be prevented and navigation will occur only if programmatic navigation is implemented.When navigational is set to true, the url (path) will be automatically added to the href attribute of the rendered links. In this state, the click event will trigger navigation. The value that configures the navigational. Defines a name of an existing icon in the Kendo UI Web Font Icons. The icon will be applied as the first item(root) of Breadcrumb path.The root icon is clickable and resets the value of the component. The value that configures the rooticon. Defines the value/path of the component. Each segments is separated by a slash. The value that configures the value. Sets the Breadcrumb tag. A nav tag is used by default. @( Html.Kendo().Breadcrumb() .Name("Breadcrumb") .Tag("input") ) Configures the client-side events. The client events action. @( Html.Kendo().Breadcrumb() .Name("Breadcrumb") .Events(events => events .Click("onClick") ) ) Defines the fluent API for configuring the BreadcrumbMessagesSettings settings. Initialize the The The label for the root icon of the Breadcrumb. The value that configures the roottitle. Defines the fluent API for configuring the Kendo Breadcrumb for ASP.NET MVC events. Initializes a new instance of the class. The client events. Fires when an item or a rootitem is clicked. The name of the JavaScript function that will handle the click event. Fires when the value of the Breadcrumb is changed. The name of the JavaScript function that will handle the change event. Defines the fluent API for adding items to Kendo Breadcrumb for ASP.NET MVC Initializes a new instance of the class. The container. Adds an item to the collection Defines the fluent API for configuring the BreadcrumbItem settings. Initialize the The Defines the navigation link's url of the item (rendered if navigation is true). The value that configures the href. Defines the text of the item. The value that configures the text. Defines the icon to be rendered. The value that configures the icon. Defines the item classes (the li element). The value that configures the itemclass. Defines the link classes (the a element). The value that configures the linkclass. Defines the icon classes (the span element). The value that configures the iconclass. Defines whether to show the icon. Default value is true for rootItem and false for item. The value that configures the showicon. Defines whether to show the text. Default value is false for rootItem and true for item. The value that configures the showtext. The item type. The value that configures the type. Defines the fluent API for configuring the Kendo FileManager for ASP.NET MVC. Initializes a new instance of the class. The component. Sets the action, controller and route values for the upload operation Name of the action. Name of the controller. The route values. Sets the action, controller and route values for the upload operation Name of the action. Name of the controller. The route values. Sets the action and controller for the upload operation Name of the action. Name of the controller. Sets the route values for the upload operation The route values of the action method. Sets the route and values for the upload operation Name of the route. The route values. Sets the route and values for the upload operation Name of the route. The route values. Sets the action for the upload operation The type of the controller. The action. Configure the DataSource of the component The action that configures the DataSource. Configures the width of the FileManager. The value that configures the width. Configures the height of the FileManager. The value that configures the height. Configures the initial view of the FileManager. The value that configures the initialview. Configures the resizable features of the FileManager. The value that configures the resizable. Enables or disables the drag and drop features of the FileManager. The value that configures the draggable. Sets the upload url for the Upload widget. The value that configures the uploadurl. Configures the composite Upload widget of the FileManager. Accepts the same options as the kendoUpload widget. The action that configures the upload. Configures the Toolbar of the FileManager Enables or disables the toolbar option. Configures the Toolbar of the FileManager The action that configures the toolbar. Specifies the composite Dialog widgets of the FileManager. The action that configures the dialogs. Configures the ContextMenu of the FileManager. Enables or disables the contextmenu option. Configures the ContextMenu of the FileManager. The action that configures the contextmenu. Configures every view registered for the FileManager. The action that configures the views. Configures the Preview Pane of the FileManager. The action that configures the previewpane. Configures or disables the Breadcrumb component. Enables or disables the breadcrumb option. Configures or disables the Breadcrumb component. The action that configures the breadcrumb. Defines the text of the localizable UI parts of the FileManager. The action that configures the messages. Configures the client-side events. The client events action. @( Html.Kendo().FileManager() .Name("FileManager") .Events(events => events .Navigate("onNavigate") ) ) Defines the fluent API for configuring the FileManagerContextMenuSettings settings. Initialize the The Configures the items of the ContextMenu. The action that configures the items. Fires before a sub menu or the ContextMenu gets closed. You can cancel this event to prevent closure. ContextMenu Events. The value that configures the close action. Fires before a sub menu or the ContextMenu gets closed. You can cancel this event to prevent closure. ContextMenu Events. The value that configures the close action. Fires before a sub menu or the ContextMenu gets opened. You can cancel this event to prevent opening the sub menu. ContextMenu Events. The value that configures the open action. Fires before a sub menu or the ContextMenu gets opened. You can cancel this event to prevent opening the sub menu. ContextMenu Events. The value that configures the open action. Fires when a sub menu or the ContextMenu gets opened and its animation finished. ContextMenu Events. The value that configures the activate action. Fires when a sub menu or the ContextMenu gets opened and its animation finished. ContextMenu Events. The value that configures the activate action. Fires when a sub menu or the ContextMenu gets closed and its animation finished. ContextMenu Events. The value that configures the deactivate action. Fires when a sub menu or the ContextMenu gets closed and its animation finished. ContextMenu Events. The value that configures the deactivate action. Fires when a menu item gets selected. ContextMenu Events. The value that configures the select action. Fires when a menu item gets selected. ContextMenu Events. The value that configures the select action. Defines the fluent API for adding items to Kendo ContextMenu for ASP.NET MVC Initializes a new instance of the class. The container. Adds an item to the collection Defines the fluent API for configuring the FileManagerContextMenuSettingsItem settings. Initialize the The Specifies the name of the item. The value that configures the name. Specifies the text of the item. The value that configures the text. Specifies the spriteCssClass of the item. The value that configures the spritecssclass. Specifies the command of the item. The value that configures the command. Defines the fluent API for configuring the FileManagerDialogsSettings settings. Initialize the The Configures the Upload dialog - kendoDialog The action that configures the upload. Configures the Move (when drag/drop action is performed) dialog - kendoConfirm The action that configures the moveconfirm. Configures the Delete dialog - kendoConfirm The action that configures the deleteconfirm. Configures the Rename dialog - kendoPrompt The action that configures the renameprompt. Defines the fluent API for configuring the FileManagerDialogsDeleteConfirmSettings settings. Initialize the The Specifies width of the dialog. The value that configures the width. The text in the dialog title bar. The value that configures the title. Specifies whether a close button should be rendered at the top corner of the dialog. The value that configures the closable. Specifies the content of a Dialog. The value that configures the content. A collection of objects containing text, action and primary attributes used to specify the dialog buttons. The action that configures the actions. Defines the fluent API for adding items to Kendo DeleteConfirm for ASP.NET MVC Initializes a new instance of the class. The container. Adds an item to the collection Defines the fluent API for configuring the FileManagerDialogsDeleteConfirmSettingsAction settings. Initialize the The The text to be shown in the action's button. The value that configures the text. The callback function to be called after pressing the action button. The value that configures the action. A boolean property indicating whether the action button will be decorated as primary button or not. The value that configures the primary. Defines the fluent API for configuring the FileManagerDialogsMoveConfirmSettings settings. Initialize the The Specifies width of the dialog. The value that configures the width. The text in the dialog title bar. The value that configures the title. Specifies whether a close button should be rendered at the top corner of the dialog. The value that configures the closable. Specifies the content of a Dialog. The value that configures the content. A collection of objects containing text, action and primary attributes used to specify the dialog buttons. The action that configures the actions. Defines the fluent API for adding items to Kendo MoveConfirm for ASP.NET MVC Initializes a new instance of the class. The container. Adds an item to the collection Defines the fluent API for configuring the FileManagerDialogsMoveConfirmSettingsAction settings. Initialize the The The text to be shown in the action's button. The value that configures the text. The callback function to be called after pressing the action button. The value that configures the action. A boolean property indicating whether the action button will be decorated as primary button or not. The value that configures the primary. Defines the fluent API for configuring the FileManagerDialogsRenamePromptSettings settings. Initialize the The Specifies width of the dialog. The value that configures the width. The text in the dialog title bar. The value that configures the title. Specifies whether a close button should be rendered at the top corner of the dialog. The value that configures the closable. Specifies the content of a Dialog. The value that configures the content. A collection of objects containing text, action and primary attributes used to specify the dialog buttons. The action that configures the actions. Defines the fluent API for adding items to Kendo RenamePrompt for ASP.NET MVC Initializes a new instance of the class. The container. Adds an item to the collection Defines the fluent API for configuring the FileManagerDialogsRenamePromptSettingsAction settings. Initialize the The The text to be shown in the action's button. The value that configures the text. The callback function to be called after pressing the action button. The value that configures the action. A boolean property indicating whether the action button will be decorated as primary button or not. The value that configures the primary. Defines the fluent API for configuring the FileManagerDialogsUploadSettings settings. Initialize the The Specifies width of the dialog. The value that configures the width. The text in the dialog title bar. The value that configures the title. Specifies whether a close button should be rendered at the top corner of the dialog. The value that configures the closable. Specifies the content of a Dialog. The value that configures the content. A collection of objects containing text, action and primary attributes used to specify the dialog buttons. The action that configures the actions. Defines the fluent API for adding items to Kendo Upload for ASP.NET MVC Initializes a new instance of the class. The container. Adds an item to the collection Defines the fluent API for configuring the FileManagerDialogsUploadSettingsAction settings. Initialize the The The text to be shown in the action's button. The value that configures the text. The callback function to be called after pressing the action button. The value that configures the action action. The callback function to be called after pressing the action button. The value that configures the action action. A boolean property indicating whether the action button will be decorated as primary button or not. The value that configures the primary. Defines the fluent API for configuring the FileManagerToolbarSettings settings. Initialize the The Configures the items collection of the toolbar. The action that configures the items. Fires when the user clicks a command button. Toolbar Events. The value that configures the click action. Fires when the user clicks a command button. Toolbar Events. The value that configures the click action. Fires when the SplitButton's popup closes. Toolbar Events. The value that configures the close action. Fires when the SplitButton's popup closes. Toolbar Events. The value that configures the close action. Fires when the Split Button's popup opens. Toolbar Events. The value that configures the open action. Fires when the Split Button's popup opens. Toolbar Events. The value that configures the open action. Fires when the user changes the checked state of a toggle button. Toolbar Events. The value that configures the toggle action. Fires when the user changes the checked state of a toggle button. Toolbar Events. The value that configures the toggle action. Fires when the overflow popup container is about to close. Toolbar Events. The value that configures the overflowclose action. Fires when the overflow popup container is about to close. Toolbar Events. The value that configures the overflowclose action. Fires when the overflow popup container is about to open. Toolbar Events. The value that configures the overflowopen action. Fires when the overflow popup container is about to open. Toolbar Events. The value that configures the overflowopen action. Defines the fluent API for adding items to Kendo Toolbar for ASP.NET MVC Initializes a new instance of the class. The container. Adds an item to the collection Defines the fluent API for configuring the FileManagerToolbarSettingsItem settings. Initialize the The Specifies the type of the button. The value that configures the type. Specifies the overflow of the button. The value that configures the overflow. Specifies the click handler of the button. The value that configures the click action. Specifies the click handler of the button. The value that configures the click action. Specifies the command of the button. The value that configures the command. Specifies the command options of the button. The value that configures the options. Specifies the name of the button. The value that configures the name. Specifies if the button is togglable, e.g. has a selected and unselected state. The value that configures the togglable. Sets the text of the button. The value that configures the text. Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type. The value that configures the template. Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type. The value that configures the template. Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type. The value that configures the template. Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type. The value that configures the template. Specifies where the text will be displayed. Possible values are: "toolbar", "overflow" or "both" (default). The value that configures the showtext. Specifies whether the button is primary. Primary buttons receive different styling. The value that configures the primary. Specifies the HTML attributes of a ToolBar button. The value that configures the htmlattributes. Specifies the HTML attributes of a ToolBar button. The value that configures the htmlattributes. Specifies whether the control is initially enabled or disabled. Default value is "true". The value that configures the enable. Determines if a button is visible or hidden. By default buttons are visible. The value that configures the hidden. Defines a CSS class (or multiple classes separated by spaces) which will be used for button icon. The value that configures the spritecssclass. If set, the ToolBar will render an image with the specified URL in the button. The value that configures the imageurl. Specifies where the button icon will be displayed. Possible values are: "toolbar", "overflow" or "both" (default). The value that configures the showicon. Sets icon for the item. The icon should be one of the existing in the Kendo UI theme sprite. The value that configures the icon. Specifies the ID of the button. The value that configures the id. Defines the fluent API for configuring the FileManagerViewsSettings settings. Initialize the The Configures the built-in grid view - accepts kendoGrid options The action that configures the grid. Configures the built-in tree view - accepts kendoTreeView options The action that configures the tree. Configures the built-in list view (thumbnails) - accepts kendoListView options The action that configures the list. Defines the fluent API for configuring the FileManagerViewsGridSettings settings. Initialize the The The configuration of the grid columns. An array of JavaScript objects or strings. JavaScript objects are interpreted as column configurations. Strings are interpreted as the field to which the column is bound. The grid will create a column for every item of the array. The action that configures the columns. Defines the fluent API for adding items to Kendo Grid for ASP.NET MVC Initializes a new instance of the class. The container. Adds an item to the collection Defines the fluent API for configuring the FileManagerViewsGridSettingsColumn settings. Initialize the The If set to true the column value will be HTML-encoded before it is displayed. If set to false the column value will be displayed as is. By default the column value is HTML-encoded. The value that configures the encoded. The template which renders the column header content. By default the value of the title column option is displayed in the column header cell. The value that configures the headertemplate. The template which renders the column header content. By default the value of the title column option is displayed in the column header cell. The value that configures the headertemplate. The template which renders the column header content. By default the value of the title column option is displayed in the column header cell. The value that configures the headertemplate. The template which renders the column header content. By default the value of the title column option is displayed in the column header cell. The value that configures the headertemplate. If set to true the user can click the column header and sort the grid by the column field when sorting is enabled. If set to false sorting will be disabled for this column. The value that configures the sortable. If set to true the user can click the column header and sort the grid by the column field when sorting is enabled. If set to false sorting will be disabled for this column. The value that configures the template. If set to true the user can click the column header and sort the grid by the column field when sorting is enabled. If set to false sorting will be disabled for this column. The value that configures the template. If set to true the user can click the column header and sort the grid by the column field when sorting is enabled. If set to false sorting will be disabled for this column. The value that configures the template. If set to true the user can click the column header and sort the grid by the column field when sorting is enabled. If set to false sorting will be disabled for this column. The value that configures the template. The text that is displayed in the column header cell. If not set the field is used. The value that configures the title. The text that is displayed in the column header cell. If not set the field is used. The value that configures the width. The text that is displayed in the column header cell. If not set the field is used. The value that configures the width. Defines the fluent API for configuring the Kendo FileManager for ASP.NET MVC events. Initializes a new instance of the class. The client events. Fired when navigation occurs. The name of the JavaScript function that will handle the navigate event. Fired when selection changes. The name of the JavaScript function that will handle the select event. Fired when a file is opened (with double click). The name of the JavaScript function that will handle the open event. Fired when a command is executed. The name of the JavaScript function that will handle the execute event. Fired when a error in the DataSource happen. The name of the JavaScript function that will handle the error event. Fired before the widget binds to its data source. The name of the JavaScript function that will handle the dataBinding event. Fired when the widget is bound to data from its data source. The name of the JavaScript function that will handle the dataBound event. Fired when a file is dragged and dropped over a folder. The name of the JavaScript function that will handle the drop event. Fired when server command is executed (copy, move, delete or rename).The event is useful to get feedback when server commands has failed or succeeded and take additional actions based on the status. The name of the JavaScript function that will handle the command event. Defines the fluent API for configuring the FileManagerViewsListSettings settings. Initialize the The Specifies the template for items during edit mode. The value that configures the edittemplate. Specifies the template for items during edit mode. The value that configures the edittemplate. Specifies the template for items during edit mode. The value that configures the edittemplate. Specifies the template for items during edit mode. The value that configures the edittemplate. Specifies item template. The value that configures the template. Specifies item template. The value that configures the template. Specifies item template. The value that configures the template. Specifies item template. The value that configures the template. Template to be used for rendering the alternate items. The value that configures the alttemplate. Template to be used for rendering the alternate items. The value that configures the alttemplate. Template to be used for rendering the alternate items. The value that configures the alttemplate. Template to be used for rendering the alternate items. The value that configures the alttemplate. Defines the fluent API for configuring the FileManagerViewsTreeSettings settings. Initialize the The Template for rendering each node. The value that configures the template. Template for rendering each node. The value that configures the template. Template for rendering each node. The value that configures the template. Template for rendering each node. The value that configures the template. Defines the fluent API for configuring the FileManagerBreadcrumbSettings settings. Initialize the The Defines a new root icon for the breadcrumb. The value that configures the rooticon. Defines a new delimiter icon for the breadcrumb. The value that configures the delimitericon. Defines the fluent API for configuring the FileManagerMessagesSettings settings. Initialize the The Defines the localization messages for the toolbar. The action that configures the toolbar. Defines the localization messages for the views. The action that configures the views. Defines the localization messages for the dialogs. The action that configures the dialogs. Defines the localization messages for the preview pane. The action that configures the previewpane. Defines the fluent API for configuring the FileManagerMessagesDialogsSettings settings. Initialize the The The action that configures the upload. The action that configures the moveconfirm. The action that configures the deleteconfirm. The action that configures the renameprompt. Defines the fluent API for configuring the FileManagerMessagesDialogsDeleteConfirmSettings settings. Initialize the The The value that configures the title. The value that configures the content. The value that configures the oktext. The value that configures the cancel. The value that configures the close. Defines the fluent API for configuring the FileManagerMessagesDialogsMoveConfirmSettings settings. Initialize the The The value that configures the title. The value that configures the content. The value that configures the oktext. The value that configures the cancel. The value that configures the close. Defines the fluent API for configuring the FileManagerMessagesDialogsRenamePromptSettings settings. Initialize the The The value that configures the title. The value that configures the content. The value that configures the oktext. The value that configures the cancel. The value that configures the close. Defines the fluent API for configuring the FileManagerMessagesDialogsUploadSettings settings. Initialize the The The value that configures the title. The value that configures the clear. The value that configures the done. Defines the fluent API for configuring the FileManagerMessagesPreviewPaneSettings settings. Initialize the The The value that configures the nofileselected. The value that configures the extension. The value that configures the size. The value that configures the created. The value that configures the modified. The value that configures the items. Defines the fluent API for configuring the FileManagerMessagesToolbarSettings settings. Initialize the The The value that configures the createfolder. The value that configures the upload. The value that configures the sortdirection. The value that configures the sortdirectionasc. The value that configures the sortdirectiondesc. The value that configures the sortfield. The value that configures the namefield. The value that configures the sizefield. The value that configures the typefield. The value that configures the datemodifiedfield. The value that configures the datecreatedfield. The value that configures the search. The value that configures the details. The value that configures the detailschecked. The value that configures the detailsunchecked. The value that configures the delete. The value that configures the rename. Defines the fluent API for configuring the FileManagerMessagesViewsSettings settings. Initialize the The The value that configures the namefield. The value that configures the sizefield. The value that configures the typefield. The value that configures the datemodifiedfield. The value that configures the datecreatedfield. The value that configures the items. Defines the fluent API for configuring the FileManagerPreviewPaneSettings settings. Initialize the The Configures the meta fields to be showed in the preview pane. The value that configures the metafields. Defines a new template for the preview pane when no file/folder is selected. The value that configures the nofiletemplate. Defines a new template for the preview pane when no file/folder is selected. The value that configures the nofiletemplate. Defines a new template for the preview pane when no file/folder is selected. The value that configures the nofiletemplate. Defines a new template for the preview pane when no file/folder is selected. The value that configures the nofiletemplate. Defines a new template for the preview pane when a single file/folder is selected. The value that configures the singlefiletemplate. Defines a new template for the preview pane when a single file/folder is selected. The value that configures the singlefiletemplate. Defines a new template for the preview pane when a single file/folder is selected. The value that configures the singlefiletemplate. Defines a new template for the preview pane when a single file/folder is selected. The value that configures the singlefiletemplate. Defines a new template for the preview pane when multiple files/folders are selected. The value that configures the multiplefilestemplate. Defines a new template for the preview pane when multiple files/folders are selected. The value that configures the multiplefilestemplate. Defines a new template for the preview pane when multiple files/folders are selected. The value that configures the multiplefilestemplate. Defines a new template for the preview pane when multiple files/folders are selected. The value that configures the multiplefilestemplate. Defines the fluent API for configuring the FileManagerUploadSettings settings. Initialize the The Fires when the upload was cancelled while in progress. Upload Events. The value that configures the cancel action. Fires when the upload was cancelled while in progress. Upload Events. The value that configures the cancel action. Fires when the files are cleared by clicking on the Clear button. Upload Events. The value that configures the clear action. Fires when the files are cleared by clicking on the Clear button. Upload Events. The value that configures the clear action. Fires when all active uploads complete—either successfully or with errors. Upload Events. The value that configures the complete action. Fires when all active uploads complete—either successfully or with errors. Upload Events. The value that configures the complete action. Fires when an upload or remove operation fails. Upload Events. The value that configures the error action. Fires when an upload or remove operation fails. Upload Events. The value that configures the error action. Fires when the files are cleared by clicking the Pause button. The button is visible if chunksize is set. Upload Events. The value that configures the pause action. Fires when the files are cleared by clicking the Pause button. The button is visible if chunksize is set. Upload Events. The value that configures the pause action. Fires when the data about the progress of the upload is available. Upload Events. The value that configures the progress action. Fires when the data about the progress of the upload is available. Upload Events. The value that configures the progress action. Fires when the files are resumed through clicking the Resume button. The button is visible if chunksize is set and the file upload is paused. Upload Events. The value that configures the resume action. Fires when the files are resumed through clicking the Resume button. The button is visible if chunksize is set and the file upload is paused. Upload Events. The value that configures the resume action. Fires when an uploaded file is about to be removed. If the event is canceled, the remove operation is prevented. Upload Events. The value that configures the remove action. Fires when an uploaded file is about to be removed. If the event is canceled, the remove operation is prevented. Upload Events. The value that configures the remove action. Fires when a file is selected. Upload Events. The value that configures the select action. Fires when a file is selected. Upload Events. The value that configures the select action. Fires when an upload or remove operation is completed successfully. Upload Events. The value that configures the success action. Fires when an upload or remove operation is completed successfully. Upload Events. The value that configures the success action. Fires when one or more files are about to be uploaded. The canceling of the event prevents the upload. Upload Events. The value that configures the upload action. Fires when one or more files are about to be uploaded. The canceling of the event prevents the upload. Upload Events. The value that configures the upload action. Configures the asynchronous upload of files. For more details, refer to the article on the [async mode](/web/upload/modes#asynchronous-mode) of the Upload. The action that configures the async. Enables the selection of folders instead of files. The value that configures the directory. Sets the strings rendered by the Upload. The action that configures the localization. Enables (if set to `true`) or disables (if set to `false`) the selection of multiple files. If set to `false`, the user can select only one file at a time. The value that configures the multiple. Enables (if set to `true`) or disables (if set to `false`) the display of a file listing for the file upload. The disabling of a file listing might be useful if you want to customize the UI. To build your own UI, use the client-side events. The value that configures the showfilelist. Configures the validation options for uploaded files. The action that configures the validation. Defines the fluent API for configuring the FileManagerUploadAsyncSettings settings. Initialize the The By default, the selected files are uploaded immediately. To change this behavior, set `autoUpload` to `false`. The value that configures the autoupload. All selected files are uploaded in one request. The value that configures the batch. When `async.chunkSize` is set, the selected files are uploaded chunk by chunk with the declared size. The value that configures the chunksize. By default, the selected files are uploaded one after the other. When `async.concurrent` is set to `true`, all selected files start to upload simultaneously. The value that configures the concurrent. If `async.autoRetryAfter` is set, the failed upload request is repeated after the declared amount of time in miliseconds. The value that configures the autoretryafter. Sets the maximum number of attempts that are performed if an upload fails. The value that configures the maxautoretries. The name of the form field which is submitted to `saveUrl`. The default value is the input name. The value that configures the savefield. The URL of the handler that will receive the submitted files. The handler must accept `POST` requests which contain one or more fields with the same name as the original input name. The value that configures the saveurl. By default, the files are uploaded as file data. When set to `true`, the files are read as a file buffer by using [`FileReader`](https://developer.mozilla.org/en-US/docs/Web/API/FileReader). The value that configures the usearraybuffer. Controls whether to send credentials (cookies, headers) for cross-site requests. The value that configures the withcredentials. Defines the fluent API for configuring the FileManagerUploadLocalizationSettings settings. Initialize the The Sets the text of the **Cancel** button. The value that configures the cancel. Sets the text of the **Clear** button. The value that configures the clearselectedfiles. Sets the hint of the drop-zone. The value that configures the dropfileshere. Sets the status message of the header for the uploaded files. The value that configures the headerstatusuploaded. Sets the status message of the header for the files that are in the process of upload. The value that configures the headerstatusuploading. Sets the text of the validation message for an invalid file extension. The value that configures the invalidfileextension. Sets the text of the validation messages for invalid files when the `batch` property is set to `true` and two or more files fail the validation. The value that configures the invalidfiles. Sets the text of the validation message for an invalid maximum file size. The value that configures the invalidmaxfilesize. Sets the text of the validation message for an invalid minimum file size. The value that configures the invalidminfilesize. Sets the text of the **Remove** button. The value that configures the remove. Sets the text of the **Retry** button. The value that configures the retry. Sets the text of the **Select...** button. The value that configures the select. Sets the status message for failed uploads. The value that configures the statusfailed. Sets the status message for successful uploads. The value that configures the statusuploaded. Sets the status message for files that are in the process of upload. The value that configures the statusuploading. Sets the text of the **Upload files** button. The value that configures the uploadselectedfiles. Defines the fluent API for configuring the FileManagerUploadValidationSettings settings. Initialize the The A list of the file extensions which are allowed for upload. Recognizes entries of both `.type` and `type` values. The value that configures the allowedextensions. Defines the maximum file size in bytes allowed for upload. The value that configures the maxfilesize. Defines the minimum file size in bytes allowed for upload. The value that configures the minfilesize. Defines the fluent API for configuring the TreeListSearchSettings settings. Initialize the The Defines the fluent API for configuring the Kendo Stepper for ASP.NET MVC. Initializes a new instance of the class. The component. Indicates whether the Steps in the Stepper will render their indicator element (the icon or number placed in a circle above the Step label). The value that configures the indicator. Indicates whether the Steps in the Stepper will render their label element (the text placed below the Step indicator circle). The value that configures the label. Indicates whether the Stepper will force the user to follow the Steps sequence or not. If set to "false" it will allow the user to select any step. If in its default state ("true") the user will be able to select the step immediately after the currently selected step or any previous step. The value that configures the linear. Applicable for scenarios when keyboard is used for navigation. Indicates whether the selection will change upon focus change or it will require additional action (Enter or Spacebar key press) in order to select the focused step. The value that configures the selectonfocus. Array of steps to be rendered in the Stepper. If the array contains objects, their fields will be used for each Step. If the array contains strings, those will be used as Step labels. The action that configures the steps. The type of the Stepper orientation (horizontal or vertical). The value that configures the orientation. Configures the client-side events. The client events action. @( Html.Kendo().Stepper() .Name("Stepper") .Events(events => events .Activate("onActivate") ) ) Defines the fluent API for adding items to Kendo Stepper for ASP.NET MVC Initializes a new instance of the class. The container. Adds an item to the collection Defines the fluent API for configuring the StepperStep settings. Initialize the The Defines whether the Step is enabled or not. By default all steps are enabled. The value that configures the enabled. Defines whether the Step is in error state (is invalid). By default all steps are valid. The value that configures the error. Defines a name of an existing icon in the Kendo UI theme sprite. The icon will be displayed in the indicator element of that Step. For a list of available icon names, please refer to the Web Font Icons article. The value that configures the icon. The template used to render the icon in the indicator of the step.The fields which can be used in the template are: label String - the label set on the step; icon String - the icon specified for this step (if any); successIcon String - the successIcon specified for this step (if any); enabled Boolean - indicates whether the step is enabled (true) or disabled (false); error Boolean - indicates whether the step has error (true) or not (false); selected Boolean - indicates whether the step is selected; previous Boolean - indicates whether the step is before the currently selected or not; index Number - a zero-based index of the current step; isFirstStep Boolean - indicates whether the step is the initial one in the Stepper; isLastStep Boolean - indicates whether the step is the last one in the Stepper; indicatorVisible Boolean - indicates whether the indicator, which holds the icon should be displayed or not or labelVisible Boolean - indicates whether the label section of the step should be displayed or not. The value that configures the icontemplate. The template used to render the icon in the indicator of the step.The fields which can be used in the template are: label String - the label set on the step; icon String - the icon specified for this step (if any); successIcon String - the successIcon specified for this step (if any); enabled Boolean - indicates whether the step is enabled (true) or disabled (false); error Boolean - indicates whether the step has error (true) or not (false); selected Boolean - indicates whether the step is selected; previous Boolean - indicates whether the step is before the currently selected or not; index Number - a zero-based index of the current step; isFirstStep Boolean - indicates whether the step is the initial one in the Stepper; isLastStep Boolean - indicates whether the step is the last one in the Stepper; indicatorVisible Boolean - indicates whether the indicator, which holds the icon should be displayed or not or labelVisible Boolean - indicates whether the label section of the step should be displayed or not. The value that configures the icontemplate. The template used to render the icon in the indicator of the step.The fields which can be used in the template are: label String - the label set on the step; icon String - the icon specified for this step (if any); successIcon String - the successIcon specified for this step (if any); enabled Boolean - indicates whether the step is enabled (true) or disabled (false); error Boolean - indicates whether the step has error (true) or not (false); selected Boolean - indicates whether the step is selected; previous Boolean - indicates whether the step is before the currently selected or not; index Number - a zero-based index of the current step; isFirstStep Boolean - indicates whether the step is the initial one in the Stepper; isLastStep Boolean - indicates whether the step is the last one in the Stepper; indicatorVisible Boolean - indicates whether the indicator, which holds the icon should be displayed or not or labelVisible Boolean - indicates whether the label section of the step should be displayed or not. The value that configures the icontemplate. The template used to render the icon in the indicator of the step.The fields which can be used in the template are: label String - the label set on the step; icon String - the icon specified for this step (if any); successIcon String - the successIcon specified for this step (if any); enabled Boolean - indicates whether the step is enabled (true) or disabled (false); error Boolean - indicates whether the step has error (true) or not (false); selected Boolean - indicates whether the step is selected; previous Boolean - indicates whether the step is before the currently selected or not; index Number - a zero-based index of the current step; isFirstStep Boolean - indicates whether the step is the initial one in the Stepper; isLastStep Boolean - indicates whether the step is the last one in the Stepper; indicatorVisible Boolean - indicates whether the indicator, which holds the icon should be displayed or not or labelVisible Boolean - indicates whether the label section of the step should be displayed or not. The value that configures the icontemplate. Defines the label (text) of the Step. The value that configures the label. Defines whether the Step is selected. The value that configures the selected. Defines a name of an existing icon in the Kendo UI theme sprite. The icon will be displayed in the indicator element of that Step, when the step is a previous one and it does not have an error. For a list of available icon names, please refer to the Web Font Icons article. The value that configures the successicon. Defines the fluent API for configuring the Kendo Stepper for ASP.NET MVC events. Initializes a new instance of the class. The client events. Fires when a new Step has been selected upon user interaction. The name of the JavaScript function that will handle the activate event. Fires when the user clicks on a Step to select it. The name of the JavaScript function that will handle the select event. Defines the fluent API for configuring the TextBoxLabelSettings settings. Initialize the The Sets the inner HTML of the label. The value that configures the content. If set to true, the widget will be wrapped in a container that will allow the floating label functionality. The value that configures the floating. Sets the inner HTML of the label. The name of the JavaScript function that will be evaluated.. Defines the fluent API for configuring the Kendo TextBox for ASP.NET MVC events. Initializes a new instance of the class. The client events. Fired when the value of the widget is changed by the user.The event handler function context (available via the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the change event. Defines the fluent API for configuring the Kendo Form for ASP.NET MVC. Initializes a new instance of the class. The component. Specifies the template which is used for rendering the From buttons. The value that configures the buttonstemplate. Specifies the template which is used for rendering the From buttons. The value that configures the buttonstemplate. Specifies the template which is used for rendering the From buttons. The value that configures the buttonstemplate. Specifies the template which is used for rendering the From buttons. The value that configures the buttonstemplate. Specifies if the first editor of the form will be focused on initialization. The value that configures the focusfirst. Callback function that could be used to change the default format of the automatically generated labels. The value that configures the formatlabel action. Callback function that could be used to change the default format of the automatically generated labels. The value that configures the formatlabel action. Configures the Form orientation. Available options are "horizontal" and "vertical".By default, the Form is rendered with vertical orientation. The value that configures the orientation. Configures text messages displayed in the Form. Use it to customize or localize the Form messages. The action that configures the messages. Specify the layout of Form content. Valid options are: grid: This is equivalent to display: grid. It defines the form element as a grid container and establishes a new grid formatting context for its contents.. The value that configures the layout. Grid layout settings. The action that configures the grid. Configures the built-in Validator options. The action that configures the validatable. A JavaScript array that contains the Form's items configuration. The action that configures the items. Configures the client-side events. The client events action. @( Html.Kendo().Form() .Name("Form") .Events(events => events .Validate("onValidate") ) ) Defines the fluent API for configuring the FormValidatableSettings settings. Initialize the The Configures the Form Validator validateOnBlur option. The value that configures the validateonblur. Configures the Form Validator validationSummary option. The value that configures the validationsummary. Configures the Form Validator errorTemplate option. The value that configures the errortemplate. Configures the Form Validator errorTemplate option. The value that configures the errortemplate. Configures the Form Validator errorTemplate option. The value that configures the errortemplate. Defines the fluent API for configuring the Kendo Form for ASP.NET MVC events. Initializes a new instance of the class. The client events. Fired when the validation of the entire form completes. The name of the JavaScript function that will handle the validate event. Fired when the validation state of a field changes. The name of the JavaScript function that will handle the validateField event. Triggered when the form model is updated. The name of the JavaScript function that will handle the change event. Triggered when the form is submitted. The name of the JavaScript function that will handle the submit event. Triggered when the form is cleared. The name of the JavaScript function that will handle the clear event. Defines the fluent API for adding items to Kendo Form for ASP.NET MVC Adds an item to the collection Adds an item to the collection Defines the fluent API for configuring the FormItem settings. Defines the type of the item - "fieldset" or "group". The value that configures the type. Maps to the model field which will be configured and sets the name of the input. The value that configures the field. Defines the editor widget type. Available options are: DropDown widgets - "AutoComplete", "DropDownList", "ComboBox", "MultiSelect", "DropDownTree", "MultiColumnComboBox"; DatePicker widgets - "DateInput", "DatePicker", "DateTimePicker", "TimePicker"; Input widgets - "TextBox", "TextArea", "NumericTextBox", "MaskedTextBox", "RadioGroup", "CheckBoxGroup", "Switch", "Rating", "Slider", "ColorPicker", "ColorGradient", "ColorPalette", "FlatColorPicker", "hidden" or Editor widget - "Editor". The value that configures the editor. The template which the widget will use to create the field editor. The value that configures the editortemplate. The template which the widget will use to create the field editor. The value that configures the editortemplate. The template which the widget will use to create the field editor. The value that configures the editortemplate. Defines the field label. The action that configures the label. Defines the field label. The action that configures the label. Defines the field id. The value that configures the id. Defines the field title. The value that configures the title. Defines the field label. The value that configures the label. Defines the hint text that will be shown underneath the form editor. The value that configures the hint. Maps to the model field which will be configured and sets the name of the input. The expression that specifies the field, based on the bound model. Maps to the model field which will be configured and sets the name of the input. The expression that specifies the field, based on the bound model. The template which the widget will use to create the field editor. The value for EditorTemplate Defines the field size when grid layout is used. Defines the attributes that are applied to the input element. The HTML attributes. Defines the attributes that are applied to the input element. The HTML attributes. Defines the fluent API for configuring the FormGridSettings settings. Initialize the The Defines the columns of the grid. The value that configures the cols. Defines the width of the gutters between the columns / rows. The value that configures the gutter. Defines the fluent API for configuring the Kendo TileLayout for ASP.NET MVC. Initializes a new instance of the class. The component. Defines the number of columns. The value that configures the columns. Determines the width of the columns. Numeric values are treated as pixels. The value that configures the columnswidth. An array with objects representing the settings of the layout items. The action that configures the containers. An object holding values that determine the spacing between the layout items horizontally and vertically. The action that configures the gap. Determines the height of the layout. Numeric values are treated as pixels. The value that configures the height. A value indicating whether keyboard navigation will be enabled. The value that configures the navigatable. Determines whether the reordering functionality will be enabled. The value that configures the reorderable. Determines whether the resizing functionality will be enabled. The value that configures the resizable. Determines the height of the rows. Numeric values are treated as pixels. The value that configures the rowsheight. Determines the width of the layout. Numeric values are treated as pixels. The value that configures the width. Configures the client-side events. The client events action. @( Html.Kendo().TileLayout() .Name("TileLayout") .Events(events => events .Resize("onResize") ) ) Defines the fluent API for adding items to Kendo TileLayout for ASP.NET MVC Initializes a new instance of the class. The container. Adds an item to the collection Defines the fluent API for configuring the TileLayoutContainer settings. Initialize the The The template which renders as content for the tile item. The value that configures the bodytemplate. The template which renders as content for the tile item. The value that configures the bodytemplate. The template which renders as content for the tile item. The value that configures the bodytemplate. The template which renders as content for the tile item. The value that configures the bodytemplate. A value that determines how many columns will the tile item span. The value that configures the colspan. Holds the configuration settings for the header. The action that configures the header. A value that determines how many rows will the tile item span. The value that configures the rowspan. Defines the fluent API for configuring the TileLayoutContainerHeaderSettings settings. Initialize the The The template that will be rendered as a header. The value that configures the template. The template that will be rendered as a header. The value that configures the template. The template that will be rendered as a header. The value that configures the template. The template that will be rendered as a header. The value that configures the template. The text that will be rendered as a header. The value that configures the text. Defines the fluent API for configuring the TileLayoutGapSettings settings. Initialize the The A value in pixels determining the space between horizontal spacing between the layout items. The value that configures the columns. A value in pixels determining the space between vertical spacing between the layout items. The value that configures the rows. Defines the fluent API for configuring the Kendo TileLayout for ASP.NET MVC events. Initializes a new instance of the class. The client events. Fired when a tile item is resized. The name of the JavaScript function that will handle the resize event. Fired when a tile item is reordered. The name of the JavaScript function that will handle the reorder event. Defines the fluent API for configuring the ListViewFlexSettings settings. Initialize the The Defines the direction flex items are placed in the flex container. Think of flex items as primarily laying out either in horizontal rows or vertical columns. Valid values are: row: This is equivalent to flex-direction: row. This establishes the main-axis to be horizontal, thus defining the direction flex items are placed in the flex container: left to right in ltr; right to left in rtl.; row-reverse: This is equivalent to flex-direction: row-reverse. This establishes the main-axis to be horizontal, thus defining the direction flex items are placed in the flex container: right to left in ltr; left to right in rtl.; column: This is equivalent to flex-direction: column. This establishes the main-axis to be vertical, thus defining the direction flex items are placed in the flex container: top to bottom. or column-reverse: This is equivalent to flex-direction: column-reverse. This establishes the main-axis to be vertical, thus defining the direction flex items are placed in the flex container: bottom to top.. The value that configures the direction. By default, flex items will all try to fit onto one line. Customizing the property defines how items wrap or not within flex continer. Valid values are: wrap: This is equivalent to flex-wrap: wrap. It allows flex items to wrap as needed onto multiple lines, from top to bottom.; nowrap: This is equivalent to flex-wrap: nowrap. All flex items will be on one line. or wrap-reverse:This is equivalent to flex-wrap: wrap-reverse. It allows flex items to wrap as needed onto multiple lines, from bottom to top.. The value that configures the wrap. Defines the fluent API for configuring the ListViewGridSettings settings. Initialize the The Defines the columns of the grid. The value that configures the cols. Defines the rows of the grid. The value that configures the rows. Defines the width of the gutters between the columns / rows. The value that configures the gutter. Defines the fluent API for configuring the Kendo Wizard for ASP.NET MVC. Initializes a new instance of the class. The component. Indicates whether the Steps in the Wizard will render their Buttons and Pager element. The value that configures the actionbar. Indicates whether the step content will be loaded on demand when a given step is selected. Applicable when the step configuration has "contentUrl" set. The value that configures the loadondemand. Provides configuration options for the messages present in the Wizard widget. The action that configures the messages. Indicates whether the Steps in the Wizard will render their Pager element. The value that configures the pager. Indicates whether the step content will be reloaded on each navigation to given step. Applicable when the step configuration has "contentUrl" set. The value that configures the reloadonselect. Provides configuration options for the Stepper instance of the Wizard widget. The action that configures the stepper. Indicates whether the Wizard will automatically validate any Kendo Form configured for a Step. Validation will be executed upon Step navigation. Enables or disables the validateforms option. Indicates whether the Wizard will automatically validate any Kendo Form configured for a Step. Validation will be executed upon Step navigation. The action that configures the validateforms. The position of the Wizard step content according to the embedded Stepper widget. The value that configures the contentposition. Allow rendering of form element instead of the default div. The tag that will be rendered as for the Wizard widget @( Html.Kendo().Wizard() .Name("wizard") .Tag("form") ) Configures the client-side events. The client events action. @( Html.Kendo().Wizard() .Name("Wizard") .Events(events => events .Activate("onActivate") ) ) Array of steps to be rendered in the Wizard. The action that configures the steps. Defines the fluent API for configuring the WizardMessagesSettings settings. Initialize the The Specifies text to be rendered in the "Done" button on the final step. The value that configures the done. Specifies text to be rendered in the "Next" button on each step. The value that configures the next. Specifies text to be rendered in the Pager element. The value that configures the of. Specifies text to be rendered in the "Previous" button on each step. The value that configures the previous. Specifies text to be rendered in the "Reset" button on each step. The value that configures the reset. Specifies text to be rendered in the Pager element. The value that configures the step. Defines the fluent API for configuring the WizardStepperSettings settings. Initialize the The Specifies whether the Stepper instance will display the indicators of its steps. The value that configures the indicator. Specifies whether the Stepper instance will display the labels of its steps. The value that configures the label. Specifies whether the Stepper will allow non-linear navigation (selection of steps which are not immediately next to the current step). The value that configures the linear. Defines the fluent API for adding items to Kendo Wizard for ASP.NET MVC Initializes a new instance of the class. The container. Adds an item to the collection Defines the fluent API for configuring the WizardStep settings. Initialize the The Allows configuration of the buttons to be rendered on each step. If the array contains strings, those values will be taken as Buttons names. If the array contains objects, those will be used when initializing the actual Button instances on each step. The action that configures the buttons. Specifies the HTML string content to be rendered in the step. The value that configures the content. Specifies the id of a DOM element, which content to be used as a content of the current step. The value that configures the contentid. Specifies an endpoint which the step content should be loaded from. The value that configures the contenturl. Specifies a custom class that will be set on the step container element. The value that configures the customclass. Specifies whether the step is enabled or not. The value that configures the enabled. Specifies whether the pager will be rendered on the current step or not. The value that configures the pager. Specifies a title of the current step. The value that configures the title. Specifies the Stepper's step icon. The value that configures the icon. Specifies the Stepper's step iconTemplate. The value that configures the iconTemplate. Specifies the Stepper's step iconTemplateId. The value that configures the iconTemplateId. Specifies the Stepper's step iconTemplate. The value that configures the iconTemplate. Defines the fluent API for adding items to Kendo Step for ASP.NET MVC Initializes a new instance of the class. The container. Adds an item for a custom action. Adds an item for the previous action. Adds an item for the next action. Adds an item for the done action. Adds an item for the reset action. Defines the fluent API for configuring the WizardStepButton settings. Initialize the The Specifies whether the Button in question is enabled or not. The value that configures the enabled. Specifies the name of the Button. The default buttons have "reserved" names. That would allow additional customization of that Buttons' text and behavior. The value that configures the name. Specifies whether the Button will have the "k-primary" class assigned or not. The value that configures the primary status. Specifies the text to be displayed in the Button. The value that configures the text. A click handler that defines the logic to be executed upon button click. The name of the JavaScript function that will be evaluated. Defines the fluent API for configuring the Kendo Wizard for ASP.NET MVC events. Initializes a new instance of the class. The client events. Fires when a new step has been selected upon user interaction. The name of the JavaScript function that will handle the activate event. Triggered when content is fetched from an AJAX request and has been loaded. The name of the JavaScript function that will handle the contentLoad event. Triggered when the "Done" action Button has been clicked The name of the JavaScript function that will handle the done event. Triggered when an attempt to fetch step content with an AJAX request fails. The event will be fired only when the user clicks on the Previous or Next button, or navigates to another step using the Stepper. It will not be fired if the remote request is raised as a result of a Step.load() method call. The name of the JavaScript function that will handle the error event. Triggered when the "Reset" action Button has been clicked The name of the JavaScript function that will handle the reset event. Fires when the user clicks on the Stepper or clicks on "Previous"/"Next" action Buttons to select another step. The name of the JavaScript function that will handle the select event. Fired when the validateForms configuration option is set to true (default), and the validation of the Kendo UI Form on the current Wizard step fails when the user tries to navigate to another step. The name of the JavaScript function that will handle the formValidateFailed event. Defines the fluent API for configuring the Kendo Pager for ASP.NET MVC. Initializes a new instance of the class. The component. Specifies a template used to populate the value of the aria-label attribute of the pager element.The parameters available for the template are: page - The current page. or totalPages - The total number of pages.. The value that configures the ariatemplate. Specifies a template used to populate the value of the aria-label attribute of the pager element.The parameters available for the template are: page - The current page. or totalPages - The total number of pages.. The value that configures the ariatemplate. Specifies a template used to populate the value of the aria-label attribute of the pager element.The parameters available for the template are: page - The current page. or totalPages - The total number of pages.. The value that configures the ariatemplate. Specifies a template used to populate the value of the aria-label attribute of the pager element.The parameters available for the template are: page - The current page. or totalPages - The total number of pages.. The value that configures the ariatemplate. Indicates whether the pager refresh method will be called within its initialization. The value that configures the autobind. Defines the number of buttons displayed in the numeric pager. The value that configures the buttoncount. The template for selected page number link. The value that configures the selecttemplate. The template for selected page number link. The value that configures the selecttemplate. The template for selected page number link. The value that configures the selecttemplate. The template for selected page number link. The value that configures the selecttemplate. The template for page number links. The value that configures the linktemplate. The template for page number links. The value that configures the linktemplate. The template for page number links. The value that configures the linktemplate. The template for page number links. The value that configures the linktemplate. Defines if a label showing current paging information will be displayed. The value that configures the info. Defines if an input element which allows the user to navigate to given page will be displayed. The value that configures the input. Defines if numeric portion of the pager will be shown. The value that configures the numeric. Defines if buttons for navigating to the first, last, previous and next pages will be shown. The value that configures the previousnext. Defines if a refresh button will be displayed. Click on that button will call DataSource read() method to get actual data. The value that configures the refresh. Defines if the pager will be responsive. The value that configures the responsive. Defines texts shown within the pager. Use this option to customize or localize the pager messages. The action that configures the messages. If set to true the user could navigate the widget using the keyboard navigation. By default keyboard navigation is disabled. The value that configures the navigatable. If set to true the pager will display a drop-down which allows the user to pick a page size. By default the page size drop-down is not displayed.Can be set to an array of predefined page sizes to override the default list. A special all value is supported. It sets the page size to the total number of records.If a pageSize setting is provided for the data source then this value will be selected initially. The value that configures the pagesizes. If set to true the pager will display a drop-down which allows the user to pick a page size. By default the page size drop-down is not displayed.Can be set to an array of predefined page sizes to override the default list. A special all value is supported. It sets the page size to the total number of records.If a pageSize setting is provided for the data source then this value will be selected initially. The value that configures the pagesizes. If set to true the pager will display a drop-down which allows the user to pick a page size. By default the page size drop-down is not displayed.Can be set to an array of predefined page sizes to override the default list. A special all value is supported. It sets the page size to the total number of records.If a pageSize setting is provided for the data source then this value will be selected initially. The value that configures the pagesizes. Configures the client-side events. The client events action. @( Html.Kendo().Pager() .Name("Pager") .Events(events => events .Change("onChange") ) ) Defines the fluent API for configuring the PagerMessagesSettings settings. Initialize the The The pager info text. Uses kendo.format.Contains three placeholders: - {0} - the first data item index - {1} - the last data item index - {2} - the total number of data items The value that configures the display. The text displayed when the DataSource view does no contain items. The value that configures the empty. The text displayed for the item that represents the allPages option when allPages is enabled. The value that configures the allpages. The label applied to the Pager select element (when visible). The value that configures the numbersselectlabel. The label displayed before the pager input. The value that configures the page. The title of the numeric link page buttons of the Pager. The parameters available for the template are: page - The page that will becomes selected when clicking the button.. The value that configures the pagebuttonlabel. The label applied to the page size DropDOwnList. The value that configures the pagesizedropdownlabel. The label displayed before the pager input. Uses kendo.format. Contains one optional placeholder {0} which represents the total number of pages. The value that configures the of. The label displayed after the page size DropDownList. The value that configures the itemsperpage. The tooltip of the button which navigates to the first page. The value that configures the first. The tooltip of the button which navigates to the previous page. The value that configures the previous. The tooltip of the button which navigates to the next page. The value that configures the next. The tooltip of the button which navigates to the last page. The value that configures the last. The tooltip of the refresh button. The value that configures the refresh. Defines the fluent API for configuring the Kendo Pager for ASP.NET MVC events. Initializes a new instance of the class. The client events. Fires when the current page has changed. The name of the JavaScript function that will handle the change event. Defines the fluent API for configuring the Kendo TextArea for ASP.NET MVC. Initializes a new instance of the class. The component. The visible width of the text control, in average character widths. The value that configures the cols. If set to false, the widget will be disabled and will not allow user input. The widget is enabled by default and allows user input. The value that configures the enable. Adds a label before the textarea. If the textarea has no id attribute, a generated id will be assigned. The string and the function parameters are setting the inner HTML of the label. The action that configures the label. The maximum number of characters that the user can enter. The value that configures the maxlength. The hint displayed by the widget when it is empty. Not set by default. The value that configures the placeholder. If set to true, the widget will be readonly and will not allow user input. The widget is not readonly by default and allows user input. The value that configures the readonly. Defines if (and how) the widget is resizable by the user.Can also be set to the following string values: "none" - default value. The user cannot resize the widget.; "both" - the user can resize both the height and width of the widget.; "horizontal" - the user can resize the width of the widget. or "vertical" - the user can resize the height of the widget.. The value that configures the resizable. The number of visible text lines for the control. The value that configures the rows. The value of the widget. The value that configures the value. Sets the size of the component. The value that configures the size. Sets a value controlling the border radius. The value that configures the rounded. Sets a value controlling how the color is applied. The value that configures the fillmode. Defines how the content overflow should be handled The value that configures the overflow. Defines how the widget should be resized The value that configures the resize. Configures the client-side events. The client events action. @( Html.Kendo().TextArea() .Name("TextArea") .Events(events => events .Change("onChange") ) ) Defines the fluent API for configuring the TextAreaLabelSettings settings. Initialize the The Sets the inner HTML of the label. The value that configures the content. If set to true, the widget will be wrapped in a container that will allow the floating label functionality. The value that configures the floating. Defines the fluent API for configuring the Kendo TextArea for ASP.NET MVC events. Initializes a new instance of the class. The client events. Fired when the value of the widget is changed by the user.The event handler function context (available via the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the change event. Defines the fluent API for configuring the TreeListEditableMoveSettings settings. Initialize the The Enables reordering of rows via a drag-and-drop UI. The value that configures the reorderable. Defines the fluent API for configuring the GanttColumnFilterableSettings settings. Initialize the The The role data attribute of the widget that is used in the filter menu, or a JavaScript function which initializes that widget. The value that configures the ui action. The role data attribute of the widget that is used in the filter menu, or a JavaScript function which initializes that widget. The value that configures the ui action. Defines the fluent API for configuring the GanttMessagesPlannedTasksSettings settings. Initialize the The The text that would be displayed on the switch allowing the user to turn on and off the PlannedTasks view in the Gantt Timeline. The value that configures the switchtext. The text rendered in the Tooltip that would be displayed for tasks which have finished in advance compared to their plannedEnd. The value that configures the offsettooltipadvanced. The text rendered in the Tooltip that would be displayed for tasks which have finished with delay compared to their plannedEnd. The value that configures the offsettooltipdelay. The text for "seconds" displayed in the Advanced/Delayed Tooltip (see above). The value that configures the seconds. The text for "minutes" displayed in the Advanced/Delayed Tooltip (see above). The value that configures the minutes. The text for "hours" displayed in the Advanced/Delayed Tooltip (see above). The value that configures the hours. The text for "days" displayed in the Advanced/Delayed Tooltip (see above). The value that configures the days. Defines the fluent API for configuring the Kendo Loader for ASP.NET MVC. Initializes a new instance of the class. The component. Allows localization of the strings that are used in the widget. The action that configures the messages. If set to false the loader will not be displayed. The value that configures the visible. Defines the size of the loader The value that configures the size. Defines the theme color of the loader The value that configures the themecolor. Defines the type of the loader The value that configures the type. Defines the fluent API for configuring the LoaderMessagesSettings settings. Initialize the The The aria label text for the loader. The value that configures the loading. Defines the fluent API for configuring the Kendo AppBar for ASP.NET MVC. Initializes a new instance of the class. The component. An array with objects representing the appbar items. The action that configures the items. Defines where in the page the AppBar will be positioned The value that configures the position. Defines the type of positioning The value that configures the positionmode. Specifies the color of the component The value that configures the themecolor. Configures the client-side events. The client events action. @( Html.Kendo().AppBar() .Name("AppBar") .Events(events => events .Resize("onResize") ) ) Defines the fluent API for adding items to Kendo AppBar for ASP.NET MVC Initializes a new instance of the class. The container. Adds an item to the collection Defines the fluent API for configuring the AppBarItem settings. Initialize the The Defines a set CSS classes for the item. The value that configures the classname. The template which renders as content for the appbar item. Valid only for the contentItem type The value that configures the template. The template which renders as content for the appbar item. Valid only for the contentItem type The value that configures the template. The template which renders as content for the appbar item. Valid only for the contentItem type The value that configures the template. The template which renders as content for the appbar item. Valid only for the contentItem type The value that configures the template. Determines the width of the item. Valid only for the spacer items. Numeric values are treated as pixels. The value that configures the width. Defines the type of item The value that configures the type. Defines the fluent API for configuring the Kendo AppBar for ASP.NET MVC events. Initializes a new instance of the class. The client events. Fired when the window is resized. The name of the JavaScript function that will handle the resize event. Defines the fluent API for configuring the Kendo ImageEditor for ASP.NET MVC. Initializes a new instance of the class. The component. Configures the width of the ImageEditor. The value that configures the width. Configures the width of the ImageEditor. The value that configures the height. Sets the url (or base64 string) for the image to open. The value that configures the imageurl. Sets the saveAs options for the save command. Utilizes the kendo.saveAs method. The action that configures the saveas. Configures the Toolbar of the ImageEditor Enables or disables the toolbar option. Configures the Toolbar of the ImageEditor The action that configures the toolbar. Defines the text of the localizable UI parts of the FileManager. The action that configures the messages. Configures the client-side events. The client events action. @( Html.Kendo().ImageEditor() .Name("ImageEditor") .Events(events => events .ImageLoaded("onImageLoaded") ) ) Defines the fluent API for configuring the ImageEditorMessagesSettings settings. Initialize the The Defines the localization messages for the toolbar. The action that configures the toolbar. Defines the localization Pane tools. The action that configures the panes. Defines the localization for the common fields. The action that configures the common. Defines the fluent API for configuring the ImageEditorMessagesCommonSettings settings. Initialize the The Defines the localization for the common field. The value that configures the width. Defines the localization for the common field. The value that configures the height. Defines the localization for the common field. The value that configures the cancel. Defines the localization for the common field. The value that configures the confirm. Defines the localization for the common field. The value that configures the lockaspectratio. Defines the fluent API for configuring the ImageEditorMessagesPanesSettings settings. Initialize the The Defines the localization for the crop pane. The action that configures the crop. Defines the localization for the resize pane. The action that configures the resize. Defines the fluent API for configuring the ImageEditorMessagesPanesCropSettings settings. Initialize the The Defines the localization for the crop pane field. The value that configures the title. Defines the localization for the crop pane field. The value that configures the aspectratio. Defines the localization for the crop pane field. The value that configures the orientation. Defines the localization for the crop pane field. The value that configures the portrait. Defines the localization for the crop pane field. The value that configures the landscape. Defines the fluent API for configuring the ImageEditorMessagesPanesResizeSettings settings. Initialize the The Defines the localization for the resize pane field. The value that configures the title. Defines the localization for the resize pane field. The value that configures the pixels. Defines the localization for the resize pane field. The value that configures the percents. Defines the fluent API for configuring the ImageEditorMessagesToolbarSettings settings. Initialize the The Defines the localization tool. The value that configures the open. Defines the localization tool. The value that configures the save. Defines the localization tool. The value that configures the undo. Defines the localization tool. The value that configures the redo. Defines the localization tool. The value that configures the crop. Defines the localization tool. The value that configures the resize. Defines the localization tool. The value that configures the zoomin. Defines the localization tool. The value that configures the zoomout. Defines the localization tool. The value that configures the zoomdropdown. Defines the localization tool. The value that configures the zoomactualsize. Defines the localization tool. The value that configures the zoomfittoscreen. Defines the fluent API for configuring the ImageEditorSaveAsSettings settings. Initialize the The Sets the filename of the saved file. The value that configures the filename. If set to true, the content will be forwarded to proxyURL even if the browser supports saving files locally. The value that configures the forceproxy. The URL of the server side proxy which will stream the file to the end user. A proxy will be used when the browser isn't capable of saving files locally. Such browsers are IE version 9 and lower and Safari. The value that configures the proxyurl. A name or keyword indicating where to display the document returned from the proxy. The value that configures the proxytarget. Defines the fluent API for configuring the ImageEditorToolbarSettings settings. Initialize the The Configures the items collection of the toolbar. The action that configures the items. Fires when the user clicks a command button. Toolbar Events. The value that configures the click action. Fires when the user clicks a command button. Toolbar Events. The value that configures the click action. Fires when the SplitButton's popup closes. Toolbar Events. The value that configures the close action. Fires when the SplitButton's popup closes. Toolbar Events. The value that configures the close action. Fires when the Split Button's popup opens. Toolbar Events. The value that configures the open action. Fires when the Split Button's popup opens. Toolbar Events. The value that configures the open action. Fires when the user changes the checked state of a toggle button. Toolbar Events. The value that configures the toggle action. Fires when the user changes the checked state of a toggle button. Toolbar Events. The value that configures the toggle action. Fires when the overflow popup container is about to close. Toolbar Events. The value that configures the overflowclose action. Fires when the overflow popup container is about to close. Toolbar Events. The value that configures the overflowclose action. Fires when the overflow popup container is about to open. Toolbar Events. The value that configures the overflowopen action. Fires when the overflow popup container is about to open. Toolbar Events. The value that configures the overflowopen action. Defines the fluent API for adding items to Kendo Toolbar for ASP.NET MVC Initializes a new instance of the class. The container. Adds an item to the collection Defines the fluent API for configuring the ImageEditorToolbarSettingsItem settings. Initialize the The Specifies the type of the button. The value that configures the type. Specifies the overflow of the button. The value that configures the overflow. Specifies the click handler of the button. The value that configures the click action. Specifies the click handler of the button. The value that configures the click action. Specifies the command of the button. The value that configures the command. Specifies the command options of the button. The value that configures the options. Specifies the name of the button. The value that configures the name. Specifies if the button is togglable, e.g. has a selected and unselected state. The value that configures the togglable. Sets the text of the button. The value that configures the text. Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type. The value that configures the template. Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type. The value that configures the template. Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type. The value that configures the template. Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type. The value that configures the template. Specifies where the text will be displayed. Possible values are: "toolbar", "overflow" or "both" (default). The value that configures the showtext. Specifies whether the button is primary. Primary buttons receive different styling. The value that configures the primary. Specifies the HTML attributes of a ToolBar button. The value that configures the htmlattributes. Specifies the HTML attributes of a ToolBar button. The value that configures the htmlattributes. Specifies whether the control is initially enabled or disabled. Default value is "true". The value that configures the enable. Determines if a button is visible or hidden. By default buttons are visible. The value that configures the hidden. Defines a CSS class (or multiple classes separated by spaces) which will be used for button icon. The value that configures the spritecssclass. If set, the ToolBar will render an image with the specified URL in the button. The value that configures the imageurl. Specifies where the button icon will be displayed. Possible values are: "toolbar", "overflow" or "both" (default). The value that configures the showicon. Sets icon for the item. The icon should be one of the existing in the Kendo UI theme sprite. The value that configures the icon. Specifies the ID of the button. The value that configures the id. Defines the fluent API for configuring the Kendo ImageEditor for ASP.NET MVC events. Initializes a new instance of the class. The client events. Fired when image is loaded. Can prevent the image rendering by calling the preventDefault() method. The name of the JavaScript function that will handle the imageLoaded event. Fired when canvas is rendered with the image. This event is triggered by commands and when drawCanvas method is called. The name of the JavaScript function that will handle the imageRendered event. Fired when a command is executed. The name of the JavaScript function that will handle the execute event. Fired when an error happened with the image loading. The name of the JavaScript function that will handle the error event. Defines the fluent API for configuring the FormMessagesSettings settings. Initialize the The The text message displayed for the Form submit button. The value that configures the submit. The text message displayed for the Form clear button. The value that configures the clear. The text message displayed next to a field label when the items.label.optional option is set to true. The value that configures the optional. Defines the fluent API for configuring the Kendo ExpansionPanel for ASP.NET MVC. Initializes a new instance of the class. The component. The class of the collapse icon. The value that configures the collapseiconclass. If set to true the widget will be disabled. The value that configures the disabled. If set to true the widget will be expanded by default. The value that configures the expanded. The class of the collapse icon. The value that configures the expandiconclass. The height of the widget. Numeric values are treated as pixels. The value that configures the height. The subtitle of the widget. The value that configures the subtitle. The title of the widget. The value that configures the title. If set to false the user will not be able to expand/collapse the widget. The value that configures the toggleable. The HTML string representing the associated content for the Drawer widget. The value for the associated content. The HTML string representing the associated content for the Drawer widget. The value for the associated content. The HTML string representing the associated content for the Drawer widget. The value for the associated content. Configures the client-side events. The client events action. @( Html.Kendo().ExpansionPanel() .Name("ExpansionPanel") .Events(events => events .Expand("onExpand") ) ) A collection of visual animations used when ExpansionPanel is expand or collapsed through user interactions. Setting this option to false will disable all animations. is not a valid configuration. Enables or disables the animation option. A collection of visual animations used when ExpansionPanel is expand or collapsed through user interactions. Setting this option to false will disable all animations. is not a valid configuration. The action that configures the animation. Defines the fluent API for configuring the ExpansionPanelAnimationSettings settings. Initialize the The The visual animation(s) that will be used when ExpansionPanel items are closed. The action that configures the collapse. The visual animation(s) that will be used when opening items. The action that configures the expand. Defines the fluent API for configuring the ExpansionPanelAnimationCollapseSettings settings. Initialize the The The number of milliseconds used for the visual animation when a ExpansionPanel item is closed. The value that configures the duration. A whitespace-delimited string of animation effects that are utilized when a ExpansionPanel item is closed. Options include "fadeOut". The value that configures the effects. Defines the fluent API for configuring the ExpansionPanelAnimationExpandSettings settings. Initialize the The The number of milliseconds used for the visual animation when an item is opened. The value that configures the duration. A whitespace-delimited string of animation effects that are used when an item is expanded. Options include"expandVertical" and "fadeIn". The value that configures the effects. Defines the fluent API for configuring the Kendo ExpansionPanel for ASP.NET MVC events. Initializes a new instance of the class. The client events. Fired when the widget is expanded.The event handler function context (available via the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the expand event. Fired when the widget is collapsed.The event handler function context (available via the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the collapse event. Fired when the animation during collapse/expand is completed.The event handler function context (available via the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the complete event. Defines the fluent API for configuring the Kendo FloatingActionButton for ASP.NET MVC. Initializes a new instance of the class. The component. Specifies whether the FloatingActionButton is enabled (true) or disabled (false). The value that configures the enabled. Specifies the name for an existing icon in a Kendo UI theme that is rendered in the FloatingActionButton.See the Web Font Icons help article for more details on Kendo UI icons. The value that configures the icon. Specifies the speed-dial items that will be rendered in a popup container anchored to the FloatingActionButton.**Note: when using the items configuration, clicking on the FloatingActionButton will open the popup containing the speed-dial list. The action that configures the items. Specifies the text of the FloatingActionButton. Default is empty string. The value that configures the text. Specifies if the FloatingActionButton is visible initially. The value that configures the visible. Defines the type of positioning The value that configures the positionmode. Specifies the color of the component The value that configures the themecolor. Specifies the size of the component The value that configures the size. Specifies the shape of the component The value that configures the shape. Sets a value controlling the border radius. The value that configures the rounded. Sets a value controlling how the color is applied. The value that configures the fillmode. Defines the alignment of the FloatingActionButton The value that configures the align. The action that configures the align offset. Configures the client-side events. The client events action. @( Html.Kendo().FloatingActionButton() .Name("FloatingActionButton") .Events(events => events .Click("onClick") ) ) Defines the fluent API for adding items to Kendo FloatingActionButton for ASP.NET MVC Initializes a new instance of the class. The container. Adds an item to the collection Defines the fluent API for configuring the FloatingActionButtonItem settings. Initialize the The Specifies whether the Item is enabled or not. By default all items are enabled. The value that configures the enabled. Specifies the click event handler of the speed-dial item. The value that configures the click action. Specifies the click event handler of the speed-dial item. The value that configures the click action. Specifies a set of CSS classes for the speed-dial item. The value that configures the cssclass. Specifies the name for an existing icon in a Kendo UI theme that is rendered in the speed-dial item.See the Web Font Icons help article for more details on Kendo UI icons. The value that configures the icon. Specifies the label for the speed-dial item. The value that configures the label. Specifies the template used to render the contents of the speed-dial item.The fields which can be used inside the template are: text String - the label of the item (if configured). or icon String - the icon specified for this step (if configured).. The value that configures the template. Specifies the template used to render the contents of the speed-dial item.The fields which can be used inside the template are: text String - the label of the item (if configured). or icon String - the icon specified for this step (if configured).. The value that configures the template. Specifies the template used to render the contents of the speed-dial item.The fields which can be used inside the template are: text String - the label of the item (if configured). or icon String - the icon specified for this step (if configured).. The value that configures the template. Specifies the template used to render the contents of the speed-dial item.The fields which can be used inside the template are: text String - the label of the item (if configured). or icon String - the icon specified for this step (if configured).. The value that configures the template. Specifies the label for the speed-dial item that will be read by assistive technologies. The value that configures the title. Defines the fluent API for configuring the Kendo FloatingActionButton for ASP.NET MVC events. Initializes a new instance of the class. The client events. Fires when the user clicks on a the FloatingActionButton.**Note: when using items configuration, clicking on the FloatingActionButton will open the speed-dial list popup. The name of the JavaScript function that will handle the click event. Fires when the speed-dial popup is closed and its animation is finished.**Note: this event is triggered only when using items configuration. The name of the JavaScript function that will handle the collapse event. Fires when the speed-dial popup is opened and its animation is finished.**Note: this event is triggered only when using items configuration. The name of the JavaScript function that will handle the expand event. Defines the fluent API for configuring the ScrollViewMessagesSettings settings. Initialize the The Defines the aria-label for the next button. The value that configures the nextbuttonlabel. Defines the aria-label for the previous button. The value that configures the previousbuttonlabel. Defines the fluent API for configuring the ScrollViewPageableSettings settings. Initialize the The Specifies a template is used to populate the aria-label for each pager element. The value that configures the ariatemplate. Specifies a template is used to populate the aria-label for each pager element. The value that configures the ariatemplate. Specifies a template is used to populate the aria-label for each pager element. The value that configures the ariatemplate. Specifies a template is used to populate the aria-label for each pager element. The value that configures the ariatemplate. Defines the fluent API for configuring the Kendo RadioGroup for ASP.NET MVC. Initializes a new instance of the class. The component. Sets the enabled state of all radio buttons in the RadioGroup. The value that configures the enabled. The name attribute to be used for the radio inputs. If omitted, the id of the wrapper element will be used. The value that configures the inputname. Array of items to be rendered as radio buttons in the RadioGroup. If the array contains objects, their fields will be used for each radio button. If the array contains strings, those will be used as both value and label of the respective radio button. The action that configures the items. The selected (checked) radio button value. Will also be used as a RadioGroup widget value. The value that configures the value. Specifies whether the radio buttons will be rendered one below the other ("vertical") or on the same line ("horizontal"). The value that configures the layout. Specifies the label position according to its radio button for all items in the widget. Accepts "before" and "after". The value that configures the labelposition. Specifies whether the radio buttons will be rendered one below the other ("vertical") or on the same line ("horizontal"). The value that configures the layout. Specifies the label position according to its radio button for all items in the widget. Accepts "before" and "after". The value that configures the labelposition. Array of items to be rendered as radio buttons in the RadioGroup. The strings in the array will be used as both value and label of the respective radio button. The action that configures the items. Array of items to be rendered as radio buttons in the RadioGroup. If the array contains objects, their fields will be used for each radio button. If the array contains strings, those will be used as both value and label of the respective radio button. The action that configures the items. Configures the client-side events. The client events action. @( Html.Kendo().RadioGroup() .Name("RadioGroup") .Events(events => events .Change("onChange") ) ) Defines the fluent API for adding items to Kendo RadioGroup for ASP.NET MVC Initializes a new instance of the class. The container. Adds an item to the collection Defines the fluent API for configuring the RadioGroupItem settings. Initialize the The Custom class that would be set on the respective k-radio-item element. The value that configures the cssclass. Defines whether the radio button is enabled or not. By default all radio buttons are enabled. The value that configures the enabled. Determines whether the radio button label content should be rendered as an HTML string or it should be encoded. The value that configures the encoded. Specifies the label content for the radio button. The value that configures the label. Specifies the value for the radio button. The value that configures the value. Collection of key-value pairs that would be used to generate the attributes attached to each k-radio-item element. The value that configures the htmlattributes. Collection of key-value pairs that would be used to generate the attributes attached to each k-radio-item element. The value that configures the htmlattributes. Defines the fluent API for configuring the Kendo RadioGroup for ASP.NET MVC events. Initializes a new instance of the class. The client events. Fires when the selected radio input in the RadioGroup is changed through user interaction. The name of the JavaScript function that will handle the change event. Fires when a radio input in the RadioGroup is focused through user interaction. The name of the JavaScript function that will handle the focus event. Fires when a radio input is clicked to be selected through user interaction. If prevented, the clicked input will not be selected. The name of the JavaScript function that will handle the select event. Defines the fluent API for configuring the Kendo CheckBoxGroup for ASP.NET MVC. Initializes a new instance of the class. The component. Sets the enabled state of all checkboxes in the CheckBoxGroup. The value that configures the enabled. The name attribute to be used for the checkbox inputs. If omitted, the id of the wrapper element will be used. The value that configures the inputname. Array of items to be rendered as checkboxes in the CheckBoxGroup. If the array contains objects, their fields will be used for each checkbox configuration. If the array contains strings, those will be used as both value and label of the respective checkbox. The action that configures the items. Specifies whether the checkbox inputs will be rendered one below the other ("vertical") or on the same line ("horizontal"). The value that configures the layout. Specifies the label position according to its input for all items in the widget. Accepts "before" and "after". The value that configures the labelposition. Specifies whether the radio buttons will be rendered one below the other ("vertical") or on the same line ("horizontal"). The value that configures the layout. Specifies the label position according to its radio button for all items in the widget. Accepts "before" and "after". The value that configures the labelposition. Array of items to be rendered as radio buttons in the RadioGroup. The strings in the array will be used as both value and label of the respective radio button. The action that configures the items. Array of items to be rendered as radio buttons in the RadioGroup. If the array contains objects, their fields will be used for each radio button. If the array contains strings, those will be used as both value and label of the respective radio button. The action that configures the items. Array of strings to specify the widget value. The action that configures the items. Configures the client-side events. The client events action. @( Html.Kendo().CheckBoxGroup() .Name("CheckBoxGroup") .Events(events => events .Change("onChange") ) ) Defines the fluent API for adding items to Kendo CheckBoxGroup for ASP.NET MVC Initializes a new instance of the class. The container. Adds an item to the collection Defines the fluent API for configuring the CheckBoxGroupItem settings. Initialize the The Any custom classes that should be attached to the k-checkbox-item element. The value that configures the cssclass. Defines whether the checkbox is enabled or not. By default all checkboxes are enabled. The value that configures the enabled. Determines whether the checkbox label content should be rendered as an HTML string or it should be encoded. The value that configures the encoded. Specifies the label content for the checkbox. The value that configures the label. Specifies the value for the checkbox. The value that configures the value. Collection of key-value pairs that would be used to generate the attributes attached to each k-checkbox-item element. The value that configures the htmlattributes. Collection of key-value pairs that would be used to generate the attributes attached to each k-checkbox-item element. The value that configures the htmlattributes. Defines the fluent API for configuring the Kendo CheckBoxGroup for ASP.NET MVC events. Initializes a new instance of the class. The client events. Fires when checking or unchecking a checkbox in the widget through user interaction. The name of the JavaScript function that will handle the change event. Fires when a checkbox in the CheckBoxGroup is focused through user interaction. The name of the JavaScript function that will handle the focus event. Fires when a checkbox input is clicked to be selected through user interaction. If prevented, the clicked input will not be checked/unchecked. The name of the JavaScript function that will handle the select event. Defines the fluent API for configuring the Kendo BottomNavigation for ASP.NET MVC. Initializes a new instance of the class. The component. Toggles the border of the widget. The value that configures the border. Toggles the shadow of the widget. The value that configures the shadow. Specifies the items of the BottomNavigation component. The action that configures the items. Sets a custom template for the items. The value that configures the template. Sets a custom template for the items. The value that configures the template. Sets a custom template for the items. The value that configures the template. Sets a custom template for the items. The value that configures the template. Defines the fill of the component The value that configures the fill. Specifies the color of the component The value that configures the themecolor. Specifies the iteFLow of the component The value that configures the itemflow. Specifies the positionMode of the component The value that configures the positionmode. Configures the client-side events. The client events action. @( Html.Kendo().BottomNavigation() .Name("BottomNavigation") .Events(events => events .Select("onSelect") ) ) Defines the fluent API for adding items to Kendo BottomNavigation for ASP.NET MVC Initializes a new instance of the class. The container. Adds an item to the collection Defines the fluent API for configuring the BottomNavigationItem settings. Initialize the The The URL (href) to which the item will navigate to. The value that configures the url. Contextual data to be used for events within the component. The value that configures the data. Contextual data to be used for events within the component. The value that configures the data. Defines the name for an existing icon in a Kendo UI theme.See web font icons help article for more details on Kendo UI icons. The value that configures the icon. The text of the item. It is optional - if not set, no text will be rendered. The value that configures the text. If false, the text will be able to render HTML. The value that configures the encoded. Defines the class name added to the icon element. The value that configures the iconclass. Defines the class names of the item's element. The value that configures the cssclass. Defines custom attributes of the item's element. The value that configures the htmlattributes. Defines custom attributes of the item's element. The value that configures the htmlattributes. Toggles the enabled state of the item. The value that configures the enabled. Toggles the selected state of the item. The value that configures the selected. Sets a custom template for the item (overrides the template option). The value that configures the template. Sets a custom template for the item (overrides the template option). The value that configures the template. Sets a custom template for the item (overrides the template option). The value that configures the template. Sets a custom template for the item (overrides the template option). The value that configures the template. Defines the fluent API for configuring the Kendo BottomNavigation for ASP.NET MVC events. Initializes a new instance of the class. The client events. Fires when the user selects an item in BottomNavigation. The name of the JavaScript function that will handle the select event. Defines the fluent API for configuring the WizardValidateFormsSettings settings. Initialize the The Indicates whether navigation to previous Step will trigger current Step Form validation. By default, Form validation is enabled for any step navigation. The value that configures the validateonprevious. Defines the fluent API for configuring the TreeListColumnFilterableCellSettings settings. Initialize the The Specifies the name of the field which will provide the text representation for the AutoComplete suggestion (when using String type column) when CustomDataSource is provided. By default the name of the field bound to the column will be used. The value that configures the datatextfield. Specifies the delay of the AutoComplete widget which will provide the suggest functionality (when using String type column). The value that configures the delay. Specifies the width of the input before it is initialized or turned into a widget. Provides convenient way to set the width according to the column width. The value that configures the inputwidth. Specifies the AutoComplete filter option. The possible values are the same as the ones for the AutoComplete filter option - "startswith", "endswith", "contains". The "contains" operator performs a case-insensitive search. To perform a case-sensitive filtering, set a custom filtering function through the dataSource.filter.operator option. The value that configures the suggestionoperator. Specifies the minLength option of the AutoComplete widget when column is of type string. The value that configures the minlength. When set to false the TreeList will not render the cell filtering widget for that specific column. The value that configures the enabled. Specifies the default operator that will be used for the cell filtering. The value that configures the operator. Specifies whether to show or hide the DropDownList with the operators. The value that configures the showoperators. JavaScript function which will customize how the input for the filter value is rendered. The function receives an object argument with two fields: element - the default input inside the filter cell; or dataSource - a Kendo UI DataSource instance, which has the same settings as the TreeList dataSource, but will only contain data items with unique values for the current column. This instance is also used by the default AutoComplete widget, which is used inside the filter cell if no template is set. Keep in mind that the passed dataSource instance may still not be populated at the time the template function is called, if the TreeList uses remote binding.. The value that configures the template. Specifies a custom dataSource for the AutoComplete when the type of the column is string. Can be a JavaScript object which represents a valid data source configuration, a JavaScript array, or an existing kendo.data.DataSource instance.It is not recommended that you use the same dataSource instance for the TreeList and the AutoComplete because it causes negative side effects.If the dataSource options is missing, a new cloned instance of the TreeList's dataSource will be used.If the dataSource option is an existing kendo.data.DataSource instance, the widget will use that instance and will not initialize a new one. The value that configures the datasource. Defines the fluent API for configuring the Kendo ActionSheet for ASP.NET MVC. Initializes a new instance of the class. The component. A JavaScript array that contains the ActionSheet's items configuration. The action that configures the items. Specifies the title of the component The value that configures the title. Defines the fluent API for adding items to Kendo ActionSheet for ASP.NET MVC Initializes a new instance of the class. The container. Adds an item to the collection Defines the fluent API for configuring the ActionSheetItem settings. Initialize the The Specifies the click event handler of the item. The value that configures the click. Specifies the description of the item. The value that configures the description. If set to true, the item will be disabled. The value that configures the disabled. Specifies the group of the item. Items can be segregated in two groups - top and bottom. The value that configures the group. Specifies the icon's class of the item. The value that configures the iconclass. The icon color. Available options are inherit, default, primary, secondary, tertiary, info, success, warning, error, dark, light, inverted or any hexadecimal value. The value that configures the iconcolor. The icon size in pixels. The value that configures the iconsize. Specifies the main text of the item The value that configures the text. Defines the fluent API for configuring the Kendo ActionSheet for ASP.NET MVC events. Initializes a new instance of the class. The client events. Fired when the widget is closed.The event handler function context (available via the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the close event. Fired when the widget is opened.The event handler function context (available via the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the open event. Defines the fluent API for configuring the Kendo SkeletonContainer for ASP.NET MVC. Initializes a new instance of the class. The component. Defines the settings for the CSS Grid used for layouting the skeleton shapes. The action that configures the grid. Determines the height of the component. Numeric values are treated as pixels. The value that configures the height. Defines a template that will be used to visualize the skeleton shapes. If both grid and template are defined the grid takes precedence. The value that configures the template. Defines a template that will be used to visualize the skeleton shapes. If both grid and template are defined the grid takes precedence. The value that configures the template. Defines a template that will be used to visualize the skeleton shapes. If both grid and template are defined the grid takes precedence. The value that configures the template. Defines a template that will be used to visualize the skeleton shapes. If both grid and template are defined the grid takes precedence. The value that configures the template. Determines the width of the component. Numeric values are treated as pixels. The value that configures the width. Determines whether the items will be animated The value that configures the animation. Defines the fluent API for configuring the SkeletonContainerGridSettings settings. Initialize the The Defines the number of columns. The value that configures the columns. An object holding values that determine the spacing between the skeleton items horizontally and vertically. The action that configures the gap. An array with objects representing the settings of the component items. The action that configures the items. Defines the number of rows. The value that configures the rows. Defines the fluent API for configuring the SkeletonContainerGridGapSettings settings. Initialize the The A value in pixels determining the space between horizontal spacing between the items. The value that configures the columns. A value in pixels determining the space between vertical spacing between the items. The value that configures the rows. Defines the fluent API for adding items to Kendo Grid for ASP.NET MVC Initializes a new instance of the class. The container. Adds an item to the collection Defines the fluent API for configuring the SkeletonContainerGridSettingsItem settings. Initialize the The A value that determines the start position of the item on the column axis. The value that configures the colstart. A value that determines how many columns will the item span. The value that configures the colspan. A value that determines the start position of the item on the row axis. The value that configures the rowstart. A value that determines how many rows will the item span. The value that configures the rowspan. Determines the shape of the item The value that configures the shape. Defines the fluent API for configuring the Kendo CircularGauge for ASP.NET MVC. Initializes a new instance of the class. The component. The label template. Template variables: * value - the value The value that configures the centertemplate. The label template. Template variables: * value - the value The value that configures the centertemplate. The label template. Template variables: * value - the value The value that configures the centertemplate. The label template. Template variables: * value - the value The value that configures the centertemplate. The color of the value pointer. Accepts a valid CSS color string, including hex and rgb. The value that configures the color. The color ranges of the value pointer. The pointer color will be set to the color from the range that contains the current value. The action that configures the colors. The gauge area configuration options. This is the entire visible area of the gauge. The action that configures the gaugearea. The opacity of the value pointer. The value that configures the opacity. Sets the preferred rendering engine. If it is not supported by the browser, the Gauge will switch to the first available mode.The supported values are: "svg" - renders the widget as inline SVG document, if available or "canvas" - renders the widget as a Canvas element, if available.. The value that configures the renderas. Configures the scale. The action that configures the scale. The gauge theme. This can be either a built-in theme or "sass". When set to "sass" the gauge will read the variables from the Sass-based themes.The supported values are: "sass" - special value, see notes; "black"; "blueopal"; "bootstrap"; "default"; "highcontrast"; "metro"; "metroblack"; "moonlight"; "silver" or "uniform". The value that configures the theme. A value indicating if transition animations should be played. The value that configures the transitions. The gauge value. The value that configures the value. Defines the fluent API for adding items to Kendo CircularGauge for ASP.NET MVC Initializes a new instance of the class. The container. Adds an item to the collection Defines the fluent API for configuring the CircularGaugeColor settings. Initialize the The The color of the pointer in the specified range. The value that configures the color. The lower range value of the applied color. The value that configures the from. The upper range value of the applied color. The value that configures the to. Defines the fluent API for configuring the CircularGaugeGaugeAreaSettings settings. Initialize the The The background of the gauge area. Any valid CSS color string will work here, including hex and rgb. The value that configures the background. The border of the gauge area. The action that configures the border. The height of the gauge area. The value that configures the height. The margin of the gauge area. The action that configures the margin. The width of the gauge area. The value that configures the width. Defines the fluent API for configuring the CircularGaugeGaugeAreaBorderSettings settings. Initialize the The The color of the border. Any valid CSS color string will work here, including hex and rgb. The value that configures the color. The dash type of the border. The value that configures the dashtype. The opacity of the border. By default the border is opaque. The value that configures the opacity. The width of the border. The value that configures the width. Defines the fluent API for configuring the CircularGaugeGaugeAreaMarginSettings settings. Initialize the The The top margin of the gauge area. The value that configures the top. The bottom margin of the gauge area. The value that configures the bottom. The left margin of the gauge area. The value that configures the left. The right margin of the gauge area. The value that configures the right. Defines the fluent API for configuring the CircularGaugeScaleSettings settings. Initialize the The Configures the scale labels. The action that configures the labels. Configures the scale major ticks. The action that configures the majorticks. The interval between major divisions. The value that configures the majorunit. The maximum value of the scale. The value that configures the max. The minimum value of the scale. The value that configures the min. Configures the scale minor ticks. The action that configures the minorticks. The interval between minor divisions. The value that configures the minorunit. The default color for the ranges. The value that configures the rangeplaceholdercolor. The width of the range indicators. The value that configures the rangesize. The distance from the range indicators to the ticks. The value that configures the rangedistance. Reverses the scale direction - values are increase anticlockwise. The value that configures the reverse. The start angle of the gauge. The gauge is rendered clockwise(0 degrees are the 180 degrees in the polar coordinate system) The value that configures the startangle. Defines the fluent API for configuring the CircularGaugeScaleLabelsSettings settings. Initialize the The The background color of the labels. Any valid CSS color string will work here, including hex and rgb The value that configures the background. The border of the labels. The action that configures the border. The text color of the labels. Any valid CSS color string will work here, including hex and rgb. The value that configures the color. The font style of the labels. The value that configures the font. The format of the labels. The value that configures the format. The margin of the labels. The action that configures the margin. The padding of the labels. The action that configures the padding. The labels positions. The value that configures the position. The label template. Template variables: * value - the value The value that configures the template. The label template. Template variables: * value - the value The value that configures the template. The label template. Template variables: * value - the value The value that configures the template. The label template. Template variables: * value - the value The value that configures the template. The visibility of the labels. The value that configures the visible. Defines the fluent API for configuring the CircularGaugeScaleLabelsBorderSettings settings. Initialize the The The color of the border. Any valid CSS color string will work here, including hex and rgb. The value that configures the color. The dash type of the border. The value that configures the dashtype. The opacity of the border. By default the border is opaque. The value that configures the opacity. The width of the border. The value that configures the width. Defines the fluent API for configuring the CircularGaugeScaleLabelsMarginSettings settings. Initialize the The The top margin of the labels. The value that configures the top. The bottom margin of the labels. The value that configures the bottom. The left margin of the labels. The value that configures the left. The right margin of the labels. The value that configures the right. Defines the fluent API for configuring the CircularGaugeScaleLabelsPaddingSettings settings. Initialize the The The top padding of the labels. The value that configures the top. The bottom padding of the labels. The value that configures the bottom. The left padding of the labels. The value that configures the left. The right padding of the labels. The value that configures the right. Defines the fluent API for configuring the CircularGaugeScaleMajorTicksSettings settings. Initialize the The The color of the major ticks. The value that configures the color. The major tick size. This is the length of the line in pixels that is drawn to indicate the tick on the scale. The value that configures the size. The visibility of the major ticks. The value that configures the visible. The width of the major ticks. The value that configures the width. Defines the fluent API for configuring the CircularGaugeScaleMinorTicksSettings settings. Initialize the The The color of the minor ticks. Any valid CSS color string will work here, including hex and rgb. The value that configures the color. The minor tick size. This is the length of the line in pixels that is drawn to indicate the tick on the scale. The value that configures the size. The visibility of the minor ticks. The value that configures the visible. The width of the minor ticks. The value that configures the width. Defines the fluent API for configuring the Kendo TaskBoard for ASP.NET MVC. Initializes a new instance of the class. The component. Configure the DataSource of the component The action that configures the DataSource. The configuration of the TaskBoard resource(s). A TaskBoard resource is optional metadata that can be associated with a TaskBoard event. The action that configures the resources. Toggles the editing in the TaskBoard. Both for columns and cards. Enables or disables the editable option. Toggles the editing in the TaskBoard. Both for columns and cards. The action that configures the editable. Controls whether to bind the TaskBoard to the data source on initialization. The value that configures the autobind. Defines the list of buttons rendered in the card. The action that configures the cardmenu. Defines the settings for the columns. The action that configures the columnsettings. The field used to order cards (number based). If not set, cards will be rendered in the order they are fetched. And ordering will not be applied to the DataSource and respectively, not synced with the remote data source. The value that configures the dataorderfield. The category field of the card. The value that configures the datacategoryfield. The description field of the card. The value that configures the datadescriptionfield. The field of the data item that provides the status of the card. Mapped with the status of the columns. The value that configures the datastatusfield. The title field of the card. The value that configures the datatitlefield. Configures the height of the TaskBoard wrapper. The value that configures the height. Toggles the previewPane in the TaskBoard. Enables or disables the previewpane option. Toggles the previewPane in the TaskBoard. The action that configures the previewpane. Toggles the reordering of cards in the TaskBoard. The value that configures the reorderable. Toggles the selection of the TaskBoard. The value that configures the selectable. Controls the rendering of the card. The value that configures the template. Controls the rendering of the card. The value that configures the template. Controls the rendering of the card. The value that configures the template. Controls the rendering of the card. The value that configures the template. Configures the Tools of the TaskBoard Enables or disables the toolbar option. Configures the Tools of the TaskBoard The action that configures the toolbar. Configures the width of the TaskBoard wrapper. The value that configures the width. Provides configuration options for the messages present in the TaskBoard widget. The action that configures the messages. Configures the client-side events. The client events action. @( Html.Kendo().TaskBoard() .Name("TaskBoard") .Events(events => events .Select("onSelect") ) ) Defines the fluent API for adding items to Kendo TaskBoard for ASP.NET MVC Initializes a new instance of the class. The container. Adds an item to the collection Defines the fluent API for configuring the TaskBoardCardMenu settings. Initialize the The The name of the button. The value that configures the name. The text of the button. The value that configures the text. The icon of the button. The value that configures the icon. The class name of the icon element. The value that configures the spritecssclass. The command of the button. The value that configures the command. The command options of the button. The value that configures the options. Defines the fluent API for configuring the TaskBoardColumnSettingsSettings settings. Initialize the The Defines the list of buttons rendered in the column. The action that configures the buttons. The field of the data item that provides the status of the column. Mapped with the status of the cards. The value that configures the datastatusfield. The text field of the column. The value that configures the datatextfield. The field used to order columns (number based). Automatically adds sorting to the columns DataSource instance.If not set, columns will be rendered in the order they are fetched. And ordering will not be applied to the DataSource and respectively, not synced with the remote data source. The value that configures the dataorderfield. Configures the width of the columns The value that configures the width. Controls the rendering of the column header. In the template context the buttons field provides the HTML for the buttons of the column. The value that configures the template. Controls the rendering of the column header. In the template context the buttons field provides the HTML for the buttons of the column. The value that configures the template. Controls the rendering of the column header. In the template context the buttons field provides the HTML for the buttons of the column. The value that configures the template. Controls the rendering of the column header. In the template context the buttons field provides the HTML for the buttons of the column. The value that configures the template. Defines the fluent API for adding items to Kendo ColumnSettings for ASP.NET MVC Initializes a new instance of the class. The container. Adds an item to the collection Defines the fluent API for configuring the TaskBoardColumnSettingsSettingsButton settings. Initialize the The The name of the button. The value that configures the name. The text of the button. The value that configures the text. The icon of the button. The value that configures the icon. The class name of the icon element. The value that configures the spritecssclass. The command of the button. The value that configures the command. The command options of the button. The value that configures the options. Defines the fluent API for configuring the TaskBoardEditableSettings settings. Initialize the The Defines a list of buttons rendering in the footer pane The action that configures the buttons. Controls the rendering of the header The value that configures the headertemplate. Controls the rendering of the header The value that configures the headertemplate. Controls the rendering of the header The value that configures the headertemplate. Controls the rendering of the header The value that configures the headertemplate. Defines the fluent API for adding items to Kendo Editable for ASP.NET MVC Initializes a new instance of the class. The container. Adds an item to the collection Defines the fluent API for configuring the TaskBoardEditableSettingsButton settings. Initialize the The The name of the button. The value that configures the name. The text of the button. The value that configures the text. The icon of the button. The value that configures the icon. The class name of the icon element. The value that configures the spritecssclass. The command of the button. The value that configures the command. The command options of the button. The value that configures the options. Toggles whether the color of the button to be primary or not. The value that configures the primary. Defines the fluent API for configuring the TaskBoardMessagesSettings settings. Initialize the The Specifies text to be rendered for the "Edit" message. The value that configures the edit. Specifies text to be rendered for the "Create new card" message. The value that configures the createnewcard. Specifies text to be rendered for the "Create" message. The value that configures the create. Specifies text to be rendered for the "Search" message. The value that configures the search. Specifies text to be rendered for the "Preview card" message. The value that configures the previewcard. Specifies text to be rendered for the "Add card" message. The value that configures the addcard. Specifies text to be rendered for the "Edit card" message. The value that configures the editcard. Specifies text to be rendered for the "Delete Card" message. The value that configures the deletecard. Specifies text to be rendered for the "Add column" message. The value that configures the addcolumn. Specifies text to be rendered for the "Edit column" message. The value that configures the editcolumn. Specifies text to be rendered for the "Delete column" message. The value that configures the deletecolumn. Specifies text to be rendered for the "Close" message. The value that configures the close. Specifies text to be rendered for the "Cancel" message. The value that configures the cancel. Specifies text to be rendered for the "Delete" message. The value that configures the delete. Specifies text to be rendered for the "Save changes" message. The value that configures the savechanges. Specifies text to be rendered for the "Title:" message. The value that configures the title. Specifies text to be rendered for the "Description:" message. The value that configures the description. Specifies text to be rendered for the "New column" message. The value that configures the newcolumn. Specifies text to be rendered for the "Are you sure you want to delete this column?" message. The value that configures the deletecolumnconfirm. Specifies text to be rendered for the "Are you sure you want to delete this card?" message. The value that configures the deletecardconfirm. Defines the fluent API for configuring the TaskBoardPreviewPaneSettings settings. Initialize the The Defines a list of buttons rendering in the footer pane. The action that configures the buttons. The template rendering of the preview pane. The value that configures the template. The template rendering of the preview pane. The value that configures the template. The template rendering of the preview pane. The value that configures the template. The template rendering of the preview pane. The value that configures the template. The template rendering of the header for the preview pane. The value that configures the headertemplate. The template rendering of the header for the preview pane. The value that configures the headertemplate. The template rendering of the header for the preview pane. The value that configures the headertemplate. The template rendering of the header for the preview pane. The value that configures the headertemplate. Defines the fluent API for adding items to Kendo PreviewPane for ASP.NET MVC Initializes a new instance of the class. The container. Adds an item to the collection Defines the fluent API for configuring the TaskBoardPreviewPaneSettingsButton settings. Initialize the The The name of the button. The value that configures the name. The text of the button. The value that configures the text. The icon of the button. The value that configures the icon. The class name of the icon element. The value that configures the spritecssclass. The command of the button. The value that configures the command. The command options of the button. The value that configures the options. Toggles whether the color of the button to be primary or not. The value that configures the primary. Defines the fluent API for adding items to Kendo TaskBoard for ASP.NET MVC The URL generator. The URL generator. Initializes a new instance of the class. The container. Adds an item to the collection Defines a Scheduler resource. Defines the fluent API for configuring the TaskBoardResource settings. Initialize the The The field of the TaskBoard event which contains the resource id. The expression that specifies the field, based on the bound model. The field of the TaskBoard event which contains the resource id. The value that configures the field. The field of the resource data item which contains the resource color. The value that configures the datacolorfield. The field of the resource data item which represents the resource text. The value that configures the datatextfield. The field of the resource data item which represents the resource value. The resource value is used to link a TaskBoard event with a resource. The value that configures the datavaluefield. If set to true the TaskBoard event can be assigned multiple instances of the resource. The TaskBoard event field specified via the field option will contain an array of resources. By default only one resource instance can be assigned to an event. The value that configures the multiple. The name of the resource used to distinguish resource. If not set the value of the field option is used. The value that configures the name. The user friendly title of the resource displayed in the TaskBoard edit form. If not set the value of the field option is used. The value that configures the title. Set to false if the TaskBoard event field specified via the field option contains a resource data item. By default the TaskBoard expects that field to contain a primitive value (string, number) which corresponds to the "value" of the resource (specified via dataValueField). The value that configures the valueprimitive. Defines the fluent API for configuring the TaskBoardToolbarSettings settings. Initialize the The Configures the items collection of the toolbar. The action that configures the items. Defines the fluent API for adding items to Kendo Toolbar for ASP.NET MVC Initializes a new instance of the class. The container. Adds an item to the collection Defines the fluent API for configuring the TaskBoardToolbarSettingsItem settings. Initialize the The Specifies the type of the button. The value that configures the type. Specifies the overflow of the button. The value that configures the overflow. Specifies the click handler of the button. The value that configures the click. Specifies the command of the button. The value that configures the command. Specifies the command options of the button. The value that configures the options. Specifies the name of the button. The value that configures the name. Specifies if the button is togglable, e.g. has a selected and unselected state. The value that configures the togglable. Sets the text of the button. The value that configures the text. Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type. The value that configures the template. Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type. The value that configures the template. Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type. The value that configures the template. Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type. The value that configures the template. Specifies where the text will be displayed. Possible values are: "toolbar", "overflow" or "both" (default). The value that configures the showtext. Specifies whether the button is primary. Primary buttons receive different styling. The value that configures the primary. Specifies the HTML attributes of a ToolBar button. The value that configures the htmlattributes. Specifies the HTML attributes of a ToolBar button. The value that configures the htmlattributes. Specifies whether the control is initially enabled or disabled. Default value is "true". The value that configures the enable. Determines if a button is visible or hidden. By default buttons are visible. The value that configures the hidden. Defines a CSS class (or multiple classes separated by spaces) which will be used for button icon. The value that configures the spritecssclass. If set, the ToolBar will render an image with the specified URL in the button. The value that configures the imageurl. Specifies where the button icon will be displayed. Possible values are: "toolbar", "overflow" or "both" (default). The value that configures the showicon. Sets icon for the item. The icon should be one of the existing in the Kendo UI theme sprite. The value that configures the icon. Specifies the ID of the button. The value that configures the id. Defines the fluent API for configuring the Kendo TaskBoard for ASP.NET MVC events. Initializes a new instance of the class. The client events. Fired before the TaskBoard binds the columns' data source. The name of the JavaScript function that will handle the columnsDataBinding event. Fired when the TaskBoard's columns are bound to their data source. The name of the JavaScript function that will handle the columnsDataBound event. Fired when the user selects a card in the TaskBoard. The name of the JavaScript function that will handle the select event. Fired before the TaskBoard binds to its data source. The name of the JavaScript function that will handle the dataBinding event. Fired when the TaskBoard is bound to data from its data source. The name of the JavaScript function that will handle the dataBound event. Fired when the user deletes a card. The name of the JavaScript function that will handle the deleteCard event. Fired when the user deletes a column. The name of the JavaScript function that will handle the deleteColumn event. Fired when the user edits or creates a card. The name of the JavaScript function that will handle the editCard event. Fired when the user edits or creates a column. The name of the JavaScript function that will handle the editColumn event. Fires when a command is executed. The name of the JavaScript function that will handle the execute event. Fired when the user moves a card. The name of the JavaScript function that will handle the move event. Fired when the user dropped a card in a column. The name of the JavaScript function that will handle the moveEnd event. Fired when the user started moving a card. The name of the JavaScript function that will handle the moveStart event. Fired when the user changed the card order or status by dragging. The name of the JavaScript function that will handle the change event. Fired when the user saves a card. The name of the JavaScript function that will handle the saveCard event. Fired when the user saves a column. The name of the JavaScript function that will handle the saveColumn event. Defines the fluent API for configuring the Kendo Captcha for ASP.NET MVC. Initializes a new instance of the class. The component. Toggles the audio button. The value that configures the audiobutton. The ID of the captcha to be added to the hidden input initially. If not set the handler to reset the ID will be called. The value that configures the captchaid. The field that returns the captcha's image source. Used in the handler function/response that resets the captcha's image and id. The value that configures the datacaptchafield. The field that returns the captcha's id. Used in the handler function/response that resets the captcha's image and id. The value that configures the datacaptchaidfield. Provides configuration options for the messages present in the Captcha widget. The action that configures the messages. Toggles the reset button. The value that configures the resetbutton. Whether to trigger validation when input is blurred. This option is useful if you are not using the Kendo Validator or the Kendo Form widgets as it enables to automatically trigger remote validation and use the widet's API in custom validation scenario. The value that configures the validateonblur. Whether to show a volume control when audio is played. The value that configures the volumecontrol. The source of an image to be rendered as captcha initially. If not set the `handler` to reset the image will be called. The value that configures the captchaImage. The action for the audioHandler. The action for the audioHandler. The function callback for the audioHandler. The action for the handler. The action for the handler. The function callback for the handler. The action for the validationHandler. The action for the validationHandler. The function callback for the validationHandler. Configures the client-side events. The client events action. @( Html.Kendo().Captcha() .Name("Captcha") .Events(events => events .Change("onChange") ) ) Defines the fluent API for configuring the CaptchaMessagesSettings settings. Initialize the The The title message of the audio button. The value that configures the audio. The alt value of the captcha's image tag. The value that configures the imagealt. The title message of the reset button. The value that configures the reset. The message rendered when validation is successful. The value that configures the success. Defines the fluent API for configuring the Kendo Captcha for ASP.NET MVC events. Initializes a new instance of the class. The client events. Fired when users changes the input of the Captcha component. The name of the JavaScript function that will handle the change event. Fired when a request to a handler is finished - can be distinguished via the type argument in the event data. The name of the JavaScript function that will handle the requestEnd event. Fired when the captcha makes a request to a handler - can be distinguished via the type argument in the event data. The name of the JavaScript function that will handle the requestStart event. Fired when a request triggered by the component fails - can be distinguished via the type argument in the event data. The name of the JavaScript function that will handle the error event. Defines the fluent API for configuring the Kendo OrgChart for ASP.NET MVC. Initializes a new instance of the class. The component. If set to false, the user will not be able to edit the data to which the OrgChart is bound. By default, editing is enabled.The editable option can also be set to a JavaScript object (which represents the editing configuration). Enables or disables the editable option. If set to false, the user will not be able to edit the data to which the OrgChart is bound. By default, editing is enabled.The editable option can also be set to a JavaScript object (which represents the editing configuration). The action that configures the editable. Specifies the field the nodes should be grouped by. If any value is passed, the OrgChart uses its grouping rendering mode. The value that configures the groupfield. Provides an option to customize the default template for the group label (using the field value and name by default). The value that configures the groupheadertemplate. Provides an option to customize the default template for the group label (using the field value and name by default). The value that configures the groupheadertemplate. Provides an option to customize the default template for the group label (using the field value and name by default). The value that configures the groupheadertemplate. Provides an option to customize the default template for the group label (using the field value and name by default). The value that configures the groupheadertemplate. Provides configuration options for the messages present in the OrgChart widget. The action that configures the messages. Defines a node card template. The value that configures the template. Defines a node card template. The value that configures the template. Defines a node card template. The value that configures the template. Defines a node card template. The value that configures the template. The data source of the widget which is used to render the OrgChart items. Can be a JavaScript object which represents a valid kendo.data.OrgChartDataSource configuration, a JavaScript array, or an existing kendo.data.OrgChartDataSource instance. If the dataSource option is set to a JavaScript object or an array, the widget will initialize a new kendo.data.OrgChartDataSource instance and will use that value as the DataSource configuration. or If the dataSource option is an existing kendo.data.OrgChartDataSource instance, the widget will use that instance and will not initialize a new one.. The value that configures the datasource. Configures the client-side events. The client events action. @( Html.Kendo().OrgChart() .Name("OrgChart") .Events(events => events .Cancel("onCancel") ) ) Defines the fluent API for configuring the OrgChartEditableSettings settings. Initialize the The Allows the user to create new items as children of existing ones. If set to false, creating new items will not be available in the item edit pop-up menu. The value that configures the create. Allows the user to delete items. If set to false, delete item will not be available in the item edit pop-up menu. The value that configures the destroy. Allows the user to edit the title, name, and avatar of the item. If set to false, editing those fields will not be available in the pop-up editor of the widget. The value that configures the form. Allows editing the structure (id/parentId relation). If the parentId has also configuration in the form configuration object, the editable.parent value will be taken into account. If set to false, editing the id/parentId relation will not be available. The value that configures the parent. Allows the user to edit the title, name, and avatar of the item. If set to false, editing those fields will not be available in the pop-up editor of the widget. The value that configures the form. Defines the fluent API for configuring the OrgChartMessagesSettings settings. Initialize the The The label that will be used for the aria-label value of the OrgChart widget. The value that configures the label. The message that will be used for the create action in the edit pop-up Menu. The value that configures the create. The message that will be used for the edit action in the edit pop-up Menu. The value that configures the edit. The message that will be used for the destroy action in the edit pop-up Menu. The value that configures the destroy. The message that will be used for the destroy confirmation pop-up content. The value that configures the destroycontent. The message that will be used for the destroy confirmation pop-up title. The value that configures the destroytitle. The message that will be used for the cancel action button text. The value that configures the cancel. The message that will be used for save action button text. The value that configures the save. The message that will be used for the aria-label of the edit pop-up Menu. The value that configures the menulabel. The message that will be used for the avatar Upload's label. The value that configures the uploadavatar. The message that will be used for the "parent" text. The value that configures the parent. The message that will be used for the "name" text. The value that configures the name. The message that will be used for the "title" text. The value that configures the title. The message that will be used in the Parent DropDownList editor to specify the null option (no parent). The value that configures the none. The message that will be used to label the Expand button. The value that configures the expand. The message that will be used to label the Collapse button. The value that configures the collapse. Defines the fluent API for configuring the Kendo OrgChart for ASP.NET MVC events. Initializes a new instance of the class. The client events. Triggered when the user is about to cancel the changes for the currently edited node. Preventable. The name of the JavaScript function that will handle the cancel event. Triggered when the selected node has been changed upon user interaction. The name of the JavaScript function that will handle the change event. Triggered before a node has been collapsed upon user interaction. Preventable. The name of the JavaScript function that will handle the collapse event. Triggered when a node is about to be created upon user interaction. Preventable. The name of the JavaScript function that will handle the create event. Triggered before the actual change in the dataSource occurs. Preventable. The name of the JavaScript function that will handle the dataBinding event. Triggered after the dataSource change event has been processed (adding/removing/loading/editing items). The name of the JavaScript function that will handle the dataBound event. Triggered when a node is about to be deleted as of a consequence of user interaction. Preventable. The name of the JavaScript function that will handle the delete event. Triggered when a node is about to enter edit mode upon user interaction. Preventable. The name of the JavaScript function that will handle the edit event. Triggered before a node has been expanded upon user interaction. Preventable. The name of the JavaScript function that will handle the expand event. Triggered when the user attempts to save the current changes on the edited node. Preventable. The name of the JavaScript function that will handle the save event. Triggered when the user attempts to select a new node or group of nodes (in grouped scenario). Preventable. The name of the JavaScript function that will handle the select event. Defines the fluent API for configuring the Kendo Popover for ASP.NET MVC. Initializes a new instance of the class. The component. An array of the action buttons The action that configures the actions. Defines a kendo template that will be used as the card body inside the popover component. The value that configures the body. Defines a kendo template that will be used as the card header inside the popover component. The value that configures the header. The height (in pixels) of the Popover. The value that configures the height. Defines a value indicating whether the popover will show/hide only when clicking on the target element. The value that configures the toggleonclick. The width (in pixels) of the Popover. The value that configures the width. Specifies the offset (in pixels) between the Popover and the anchor. ╨óhe offset is rendered from the callout arrow. The value that configures the offset. Configures the client-side events. The client events action. @( Html.Kendo().Popover() .Name("Popover") .Events(events => events .Show("onShow") ) ) The selector which to match target child elements for which the Popover will be shown jQuery selector Configures the animation effects of the popover. Configures the animation effects of the popover. Defines how the actions buttons will be positioned The value for ActionLayout The position that is relative to the target element at which the Popover will be shown. The value for Position Defines when the Popover will be shown. The value for ShowOn The selector which to match the DOM element to which the Tooltip widget will be instantiated jQuery selector Defines the fluent API for adding items to Kendo Popover for ASP.NET MVC Initializes a new instance of the class. The container. Adds an item to the collection Defines the fluent API for configuring the PopoverAction settings. Initialize the The A handler function to be called when the action button is clicked The value that configures the click. The CSS class that will be used to display the icon inside the button The value that configures the iconclass. The text displayed in the action button The value that configures the text. Defines the fluent API for configuring the Kendo Popover for ASP.NET MVC events. Initializes a new instance of the class. The client events. Fires when a Popover is shown. The name of the JavaScript function that will handle the show event. Fires when a Popover is hidden. The name of the JavaScript function that will handle the hide event. Defines the fluent API for configuring the Kendo PivotConfiguratorV2 for ASP.NET MVC. Initializes a new instance of the class. The component. If set to true the user will be able to filter by using the field menu. The value that configures the filterable. If set to true the user could sort the widget by using the field menu. The value that configures the sortable. The height of the PivotConfiguratorV2. Numeric values are treated as pixels. The value that configures the height. The text messages displayed in the fields sections. The action that configures the messages. Defines a value indicating the type of layout that the configurator has. Possible values are: "vertical" or "horizontal". The value that configures the orientation. Defines the fluent API for configuring the PivotConfiguratorV2MessagesSettings settings. Initialize the The The text of the apply button. The value that configures the applybuttontext. The text of the cancel button. The value that configures the cancelbuttontext. The text messages displayed in the measure fields section when empty. The value that configures the measures. The text messages displayed in the column fields section when empty. The value that configures the columns. The text messages displayed in the row fields section when empty. The value that configures the rows. The title message in the configurator. The value that configures the title. The text messages displayed in the field menu. The action that configures the fieldmenu. Defines the fluent API for configuring the PivotConfiguratorV2MessagesFieldMenuSettings settings. Initialize the The The text message displayed for the apply button in the includes menu item. The value that configures the apply. The text message displayed for the menu item which performs ascending sort. The value that configures the sortascending. The text message displayed for the menu item which performs descending sort. The value that configures the sortdescending. The text messages of the fields filter menu item. The value that configures the filterfields. The text messages of the filter button. The value that configures the filter. The text messages of the include menu item. The value that configures the include. The text of the clear filter expressions button. The value that configures the clear. The text of the reset button in the filter includes menu item. The value that configures the reset. The text of the filter operators displayed in the filter menu. The action that configures the operators. Defines the fluent API for configuring the PivotConfiguratorV2MessagesFieldMenuOperatorsSettings settings. Initialize the The The text of the "contains" filter operator. The value that configures the contains. The text of the "Does not contain" filter operator. The value that configures the doesnotcontain. The text of the "Starts with" filter operator. The value that configures the startswith. The text of the "Ends with" filter operator. The value that configures the endswith. The text of the "equal" filter operator. The value that configures the eq. The text of the "not equal" filter operator. The value that configures the neq. Defines the fluent API for configuring the Kendo PivotGridV2 for ASP.NET MVC. Initializes a new instance of the class. The component. If set to false the widget will not bind to the data source during initialization. In this case data binding will occur when the change event of the data source is fired. By default the widget will bind to the data source specified in the configuration. The value that configures the autobind. Configures the Kendo UI PivotGridV2 PDF export settings. The action that configures the pdf. The width of the table columns. Value is treated as pixels. The value that configures the columnwidth. The height of the PivotGridV2. Numeric values are treated as pixels. The value that configures the height. The template which renders the content of the column header cell. By default it renders the caption of the tuple member.The fields which can be used in the template are: member - the member of the corresponding column header cell or tuple - the tuple of the corresponding column header cell. For information about the tuple structure check this link. The value that configures the columnheadertemplate. The template which renders the content of the column header cell. By default it renders the caption of the tuple member.The fields which can be used in the template are: member - the member of the corresponding column header cell or tuple - the tuple of the corresponding column header cell. For information about the tuple structure check this link. The value that configures the columnheadertemplate. The template which renders the content of the data cell. By default renders the formatted value (fmtValue) of the data item.The fields which can be used in the template are: columnTuple - the tuple of the corresponding column header cell; rowTuple - the tuple of the corresponding row header cell; measure - the value of the data cell measure or dataItem - the data item itself. For information about the tuple structure check this link. About the data item structure review this help topic. The value that configures the datacelltemplate. The template which renders the content of the data cell. By default renders the formatted value (fmtValue) of the data item.The fields which can be used in the template are: columnTuple - the tuple of the corresponding column header cell; rowTuple - the tuple of the corresponding row header cell; measure - the value of the data cell measure or dataItem - the data item itself. For information about the tuple structure check this link. About the data item structure review this help topic. The value that configures the datacelltemplate. The template which renders the content of the row header cell. By default it renders the caption of the tuple member.The fields which can be used in the template are: member - the member of the corresponding row header cell or tuple - the tuple of the corresponding row header cell. For information about the tuple structure check this link. The value that configures the rowheadertemplate. The template which renders the content of the row header cell. By default it renders the caption of the tuple member.The fields which can be used in the template are: member - the member of the corresponding row header cell or tuple - the tuple of the corresponding row header cell. For information about the tuple structure check this link. The value that configures the rowheadertemplate. The template which renders the content of the column header cell. By default it renders the caption of the tuple member.The fields which can be used in the template are: member - the member of the corresponding column header cell or tuple - the tuple of the corresponding column header cell. For information about the tuple structure check this link. The value that configures the columnheadertemplate. The template which renders the content of the data cell. By default renders the formatted value (fmtValue) of the data item.The fields which can be used in the template are: columnTuple - the tuple of the corresponding column header cell; rowTuple - the tuple of the corresponding row header cell; measure - the value of the data cell measure or dataItem - the data item itself. For information about the tuple structure check this link. About the data item structure review this help topic. The value that configures the datacelltemplate. The template which renders the content of the row header cell. By default it renders the caption of the tuple member.The fields which can be used in the template are: member - the member of the corresponding row header cell or tuple - the tuple of the corresponding row header cell. For information about the tuple structure check this link. The value that configures the rowheadertemplate. Configures the client-side events. The client events action. @( Html.Kendo().PivotGridV2() .Name("PivotGridV2") .Events(events => events .DataBinding("onDataBinding") ) ) The data source of the widget which is used to display values. Can be a JavaScript object which represents a valid data source configuration or an existing kendo.data.PivotDataSourceV2 instance.If the dataSource option is set to a JavaScript object the widget will initialize a new kendo.data.PivotDataSourceV2 instance using that value as data source configuration.If the dataSource option is an existing kendo.data.PivotDataSourceV2 instance the widget will use that instance and will not initialize a new one. The value that configures the datasource. Use it to set the Id of the PivotConfigurator. The configurator Binds the pivotGrid to a list of objects The data source. Defines the fluent API for configuring the PivotGridV2PdfSettings settings. Initialize the The The author of the PDF document. The value that configures the author. Specifies if the Print dialog should be opened immediately after loading the document. The value that configures the autoprint. A flag indicating whether to produce actual hyperlinks in the exported PDF file.It's also possible to pass a CSS selector as argument. All matching links will be ignored. The value that configures the avoidlinks. The creator of the PDF document. The value that configures the creator. The date when the PDF document is created. Defaults to new Date(). The value that configures the date. Specifies the file name of the exported PDF file. The value that configures the filename. If set to true, the content will be forwarded to proxyURL even if the browser supports saving files locally. The value that configures the forceproxy. Specifies the quality of the images within the exported file, from 0 to 1. The value that configures the jpegquality. If set to true all PNG images contained in the exported file will be kept in PNG format. The value that configures the keeppng. Specifies the keywords of the exported PDF file. The value that configures the keywords. Set to true to reverse the paper dimensions if needed such that width is the larger edge. The value that configures the landscape. Specifies the margins of the page (numbers or strings with units). Supported units are "mm", "cm", "in" and "pt" (default). The action that configures the margin. Specifies the paper size of the PDF document. The default "auto" means paper size is determined by content.Supported values: A predefined size: "A4", "A3" etc; An array of two numbers specifying the width and height in points (1pt = 1/72in) or An array of two strings specifying the width and height in units. Supported units are "mm", "cm", "in" and "pt".. The value that configures the papersize. The URL of the server side proxy which will stream the file to the end user.A proxy will be used when the browser is not capable of saving files locally, for example, Internet Explorer 9 and Safari.The developer is responsible for implementing the server-side proxy.The proxy will receive a POST request with the following parameters in the request body: contentType: The MIME type of the file; base64: The base-64 encoded file content or fileName: The file name, as requested by the caller.. The proxy should return the decoded file with the "Content-Disposition" header set toattachment; filename="<fileName.pdf>". The value that configures the proxyurl. A name or keyword indicating where to display the document returned from the proxy.If you want to display the document in a new window or iframe, the proxy should set the "Content-Disposition" header to inline; filename="<fileName.pdf>". The value that configures the proxytarget. Sets the subject of the PDF file. The value that configures the subject. Sets the title of the PDF file. The value that configures the title. Defines the fluent API for configuring the PivotGridV2PdfMarginSettings settings. Initialize the The The bottom margin. Numbers are considered as "pt" units. The value that configures the bottom. The left margin. Numbers are considered as "pt" units. The value that configures the left. The right margin. Numbers are considered as "pt" units. The value that configures the right. The top margin. Numbers are considered as "pt" units. The value that configures the top. Defines the fluent API for configuring the Kendo PivotGridV2 for ASP.NET MVC events. Initializes a new instance of the class. The client events. Fired before the widget binds to its data source.The event handler function context (available via the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the dataBinding event. Fired after the widget is bound to the data from its data source.The event handler function context (available via the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the dataBound event. Fired before column or row field is expanded.The event handler function context (available via the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the expandMember event. Fired before column or row field is collapsed.The event handler function context (available via the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the collapseMember event. Fired when the user clicks the "Export to PDF" toolbar button. The name of the JavaScript function that will handle the pdfExport event. Defines the fluent API for configuring the Kendo PivotConfiguratorButton for ASP.NET MVC. Initializes a new instance of the class. The component. Use it to set the Id of the configurator that will be shown/hidden when clicking the button. The value that configures the configurator. The text of the button. The value that configures the text. Defines the fluent API for configuring the Kendo PivotContainer for ASP.NET MVC. Initializes a new instance of the class. The component. Sets the position of the configurator and button related to the pivot inside the container The value that configures the configuratorposition. Defines the fluent API for configuring the Kendo Avatar for ASP.NET MVC. Initializes a new instance of the class. The component. A text description of the Avatar image. When type="image" is configured this value will be used to populate the alt attribute of the <img> element. The value that configures the alt. Specifies whether the avatar should render border around its container element. Default is false. The value that configures the border. Adds additional custom classes to the Avatar container element. The value that configures the classname. Specifies an icon name to be used if the avatar type is set to icon. For a list of available icon names, please refer to the Web Font Icons article. The value that configures the icon. Specifies an image URL or dataURL that would be used to populate the src attribute of the avatar <img> element. The value that configures the image. Will be used to populated Avatar content when its type is set to text The value that configures the text. Sets additional CSS styles to the Avatar container element. The value that configures the style. Specifies the appearance fill style of the Avatar. The available values are "outline", "solid" (default), and null. The value that configures the fillmode. Could be one of the predefined shapes available for the widget container: "circle" (default), "small", "medium", "large", or null. The value that configures the rounded. The Avatar allows you to set predefined sizes. The available size values are "small", "medium" (default), "large", or null. The value that configures the size. The Avatar allows you to specify predefined theme colors for background of its container. The available themeColor values are: - primary (Default) - Applies coloring based on primary theme color. - base - Applies base theme color. - secondary - Applies coloring based on secondary theme color. - tertiary - Applies coloring based on tertiary theme color. - inherit - Applies inherited coloring value. - info - Applies coloring based on info theme color. - success - Applies coloring based on success theme color. - warning - Applies coloring based on warning theme color. - error - Applies coloring based on error theme color. - dark - Applies coloring based on dark theme color. - light - Applies coloring based on light theme color. - inverse - Applies coloring based on inverted theme color. - null - Does not apply theme color class. The value that configures the themecolor. Could be one of the three predefined types for the widget: icon, image, or text (default). The value that configures the type. Defines the fluent API for configuring the Kendo CheckBox for ASP.NET MVC events. Initializes a new instance of the class. The client events. Fires when the checked state of the CheckBox is changed through user interaction. The name of the JavaScript function that will handle the change event. Defines the fluent API for configuring the Kendo RadioButton for ASP.NET MVC events. Initializes a new instance of the class. The client events. Fires when the checked state of the RadioButton is changed through user interaction. The name of the JavaScript function that will handle the change event. Defines the fluent API for configuring the Kendo CircularProgressBar for ASP.NET MVC. Initializes a new instance of the class. The component. If set to true the Circular ProgressBar will have its role attribute set to progressbar. It will also render its aria-valuemin, aria-valuemax, and aria-valuenow attributes. The value that configures the ariarole. The template that will be displayed in the center of the progress bar. Template variables: * value - the value * color - the matching color for the value The value that configures the centertemplate. The template that will be displayed in the center of the progress bar. Template variables: * value - the value * color - the matching color for the value The value that configures the centertemplate. The template that will be displayed in the center of the progress bar. Template variables: * value - the value * color - the matching color for the value The value that configures the centertemplate. The template that will be displayed in the center of the progress bar. Template variables: * value - the value * color - the matching color for the value The value that configures the centertemplate. The color of the value pointer. Accepts a valid CSS color string, including hex and rgb. The value that configures the color. The color ranges of the value pointer. The pointer color will be set to the color from the range that contains the current value. The action that configures the colors. The label that would be used as a aria-label for the Circular ProgressBar element. Will be applied only if ariaRole is set to true. The value that configures the label. The ID of the element that will be used as a label of the Circular ProgressBar. Will be used as a value of the aria-labelledby attribute. Will be applied only if ariaRole is set to true. The value that configures the labelid. The opacity of the value pointer. The value that configures the opacity. The gauge theme. This can be either a built-in theme or "sass". When set to "sass" the gauge will read the variables from the Sass-based themes.The supported values are: "sass" - special value, see notes; "black"; "blueopal"; "bootstrap"; "default"; "highcontrast"; "metro"; "metroblack"; "moonlight"; "silver" or "uniform". The value that configures the theme. A value indicating if transition animations should be played. The value that configures the transitions. A value indicating whether endloess loading is enabled The value that configures the indeterminate. A value indicating how wide will the pointer be The value that configures the pointerwidth. The component value. The value that configures the value. Defines the fluent API for adding items to Kendo CircularProgressBar for ASP.NET MVC Initializes a new instance of the class. The container. Adds an item to the collection Defines the fluent API for configuring the CircularProgressBarColor settings. Initialize the The The color of the pointer in the specified range. The value that configures the color. The lower range value of the applied color. The value that configures the from. The upper range value of the applied color. The value that configures the to. Defines the fluent API for configuring the Kendo ColorGradient for ASP.NET MVC. Initializes a new instance of the class. The component. Specifies whether we should display the opacity slider to allow selection of transparency. The value that configures the opacity. Enables the contrast tool in the ColorGradient. Enables the contrast tool in the ColorGradient. Enables or disables the contrasttool option. Enables the contrast tool in the ColorGradient. The action that configures the contrasttool. Whether to render the input. The value that configures the input. Specifies the initially selected color. The value that configures the value. Allows customization labels and messages in the ColorGradient. The action that configures the messages. Defines the format of the gradient input editor The value that configures the format. Configures the client-side events. The client events action. @( Html.Kendo().ColorGradient() .Name("ColorGradient") .Events(events => events .Change("onChange") ) ) Sets the available input formats in the gradient input editor. Only "hex" and "rgb" are valid values. @( Html.Kendo().ColorGradient() .Name("ColorGradient") .Formats(new string[]{ "rgb", "hex" }) ) Defines the fluent API for configuring the ColorGradientContrastToolSettings settings. Initialize the The Sets the background color for the contrast tool in the ColorGradient. The value that configures the backgroundcolor. Defines the fluent API for configuring the ColorGradientMessagesSettings settings. Initialize the The Allows customization of the "Contrast ratio" text in the contrast tool. The value that configures the contrastratio. Allows customization of the "Fail" text in the contrast tool. The value that configures the fail. Allows customization of the "Pass" text in the contrast tool. The value that configures the pass. Allows customization of the toggle format button's title in the Gradient's input editor. The value that configures the toggleformat. Allows customization of the rgb's red input's aria-label in the Gradient's input editor. The value that configures the red. Allows customization of the rgb's green input's aria-label in the Gradient's input editor. The value that configures the green. Allows customization of the rgb's blue input's aria-label in the Gradient's input editor. The value that configures the blue. Allows customization of the rgb's alpha input's aria-label in the Gradient's input editor. The value that configures the alpha. Allows customization of the hex input's aria-label in the Gradient's input editor. The value that configures the hex. Defines the fluent API for configuring the Kendo ColorGradient for ASP.NET MVC events. Initializes a new instance of the class. The client events. Triggers when a new color has been selected. The name of the JavaScript function that will handle the change event. Defines the fluent API for configuring the Kendo SplitButton for ASP.NET MVC. Initializes a new instance of the class. The component. The icon rendered for the arrow button of the SplitButton. The value that configures the arrowicon. Indicates whether the SplitButton should be enabled or disabled. By default, it is enabled, unless a disabled="disabled" attribute is detected. The value that configures the enabled. Defines a name of an existing icon in the Kendo UI theme sprite. The icon will be applied as background image of a span element inside the SplitButton. The span element can be added automatically by the widget, or an existing element can be used, if it has a k-icon CSS class applied. For a list of available icon names, please refer to the Icons demo. The value that configures the icon. Defines a CSS class - or multiple classes separated by spaced - which are applied to a span element inside the SplitButton. Allows the usage of custom icons. The value that configures the iconclass. Defines a URL, which will be used for an img element inside the SplitButton. The URL can be relative or absolute. In case it is relative, it will be evaluated with relation to the web page URL.The img element can be added automatically by the widget, or an existing element can be used, if it has a k-image CSS class applied. The value that configures the imageurl. Specifies the menu buttons of the SplitButton. The action that configures the items. Specifies a custom template for the menu items. The value that configures the itemtemplate. Specifies a custom template for the menu items. The value that configures the itemtemplate. Specifies a custom template for the menu items. The value that configures the itemtemplate. Specifies a custom template for the menu items. The value that configures the itemtemplate. The options that will be used for the popup initialization. For more details about the available options refer to Popup documentation. The action that configures the popup. Defines a CSS class (or multiple classes separated by spaces), which will be used for applying a background image to a span element inside the SplitButton. In case you want to use an icon from the Kendo UI theme sprite background image, it is easier to use the icon property.The span element can be added automatically by the widget, or an existing element can be used, if it has a k-sprite CSS class applied. The value that configures the spritecssclass. Allows localization of the strings that are used in the widget. The action that configures the messages. Sets the size of the component. The value that configures the size. Sets a value controlling the border radius. The value that configures the rounded. Sets a value controlling how the color is applied. The value that configures the fillmode. Sets the color of the component according to the applied theme. The value that configures the themecolor. Configures the client-side events. The client events action. @( Html.Kendo().SplitButton() .Name("SplitButton") .Events(events => events .Click("onClick") ) ) Sets the text content of the button. The value for text content. Defines the fluent API for adding items to Kendo SplitButton for ASP.NET MVC Initializes a new instance of the class. The container. Adds an item to the collection Defines the fluent API for configuring the SplitButtonItem settings. Initialize the The Adds custom attributes to the LI element of the menu button. The value that configures the htmlattributes. Adds custom attributes to the LI element of the menu button. The value that configures the htmlattributes. Adds unique click callback for the menu item. The value that configures the click. Adds a custom data callback to be added to the context of menu item - useful to attach context dynamically. The value that configures the data. Toggles the enabled state of the item. The value that configures the enabled. Indicates wether the item should hidden. The value that configures the hidden. Specifies the icon of the item. The value that configures the icon. Specifies the id of the item. The value that configures the id. Specifies the image of the item. The value that configures the imageurl. Specifies the custom CSS class that is added to the sprite icon element of the item. The value that configures the spritecssclass. Specifies the text of the item. ### items.url StringSpecifies the url of the item - it will render a element and will navigate the browser on click. The value that configures the text. Defines the fluent API for configuring the SplitButtonMessagesSettings settings. Initialize the The Controls the label suffix that will be concatenated to the button's text and used for the aria-label attribute. The value that configures the labelsuffix. Defines the fluent API for configuring the SplitButtonPopupSettings settings. Initialize the The Defines a jQuery selector that will be used to find a container element, where the popup will be appended to. The value that configures the appendto. Defines the fluent API for configuring the Kendo SplitButton for ASP.NET MVC events. Initializes a new instance of the class. The client events. Fires when the SplitButton or any if its items is clicked with the mouse, touched on a touch device, or ENTER (or SPACE) is pressed while the SplitButton or an item is focused. The name of the JavaScript function that will handle the click event. Fires when the menu button is opened. The name of the JavaScript function that will handle the open event. Fires when the menu button is closed. The name of the JavaScript function that will handle the close event. Defines the fluent API for configuring the Kendo DropDownButton for ASP.NET MVC. Initializes a new instance of the class. The component. Indicates whether the DropDownButton should be enabled or disabled. By default, it is enabled, unless a disabled="disabled" attribute is detected. The value that configures the enabled. Defines a name of an existing icon in the Kendo UI theme sprite. The icon will be applied as background image of a span element inside the DropDownButton. The span element can be added automatically by the widget, or an existing element can be used, if it has a k-icon CSS class applied. For a list of available icon names, please refer to the Icons demo. The value that configures the icon. Defines a CSS class - or multiple classes separated by spaced - which are applied to a span element inside the DropDownButton. Allows the usage of custom icons. The value that configures the iconclass. Defines a URL, which will be used for an img element inside the DropDownButton. The URL can be relative or absolute. In case it is relative, it will be evaluated with relation to the web page URL.The img element can be added automatically by the widget, or an existing element can be used, if it has a k-image CSS class applied. The value that configures the imageurl. Specifies the menu buttons of the DropDownButton. The action that configures the items. Specifies a custom template for the menu items. The value that configures the itemtemplate. Specifies a custom template for the menu items. The value that configures the itemtemplate. Specifies a custom template for the menu items. The value that configures the itemtemplate. Specifies a custom template for the menu items. The value that configures the itemtemplate. The options that will be used for the popup initialization. For more details about the available options refer to Popup documentation. The action that configures the popup. Defines a CSS class (or multiple classes separated by spaces), which will be used for applying a background image to a span element inside the DropDownButton. In case you want to use an icon from the Kendo UI theme sprite background image, it is easier to use the icon property.The span element can be added automatically by the widget, or an existing element can be used, if it has a k-sprite CSS class applied. The value that configures the spritecssclass. Allows localization of the strings that are used in the widget. The action that configures the messages. Sets the size of the component. The value that configures the size. Sets a value controlling the border radius. The value that configures the rounded. Sets a value controlling how the color is applied. The value that configures the fillmode. Sets the color of the component according to the applied theme. The value that configures the themecolor. Configures the client-side events. The client events action. @( Html.Kendo().DropDownButton() .Name("DropDownButton") .Events(events => events .Click("onClick") ) ) Sets the text content of the button. The value for text content. Defines the fluent API for adding items to Kendo DropDownButton for ASP.NET MVC Initializes a new instance of the class. The container. Adds an item to the collection Defines the fluent API for configuring the DropDownButtonItem settings. Initialize the The Adds custom attributes to the LI element of the menu button. The value that configures the htmlattributes. Adds custom attributes to the LI element of the menu button. The value that configures the htmlattributes. Adds unique click callback for the menu item. The value that configures the click. Adds a custom data callback to be added to the context of menu item - useful to attach context dynamically. The value that configures the data. Toggles the enabled state of the item. The value that configures the enabled. Indicates wether the item should hidden. The value that configures the hidden. Specifies the icon of the item. The value that configures the icon. Specifies the id of the item. The value that configures the id. Specifies the image of the item. The value that configures the imageurl. Specifies custom css class added to the srite icon element of the item. The value that configures the spritecssclass. Specifies the text of the item. ### items.url StringSpecifies the url of the item - it will render a element and will navigate the browser on click. The value that configures the text. Defines the fluent API for configuring the DropDownButtonMessagesSettings settings. Initialize the The Controls the label suffix that will be concatenated to the button's text and used for the aria-label attribute. The value that configures the labelsuffix. Defines the fluent API for configuring the DropDownButtonPopupSettings settings. Initialize the The Defines a jQuery selector that will be used to find a container element, where the popup will be appended to. The value that configures the appendto. Defines the fluent API for configuring the Kendo DropDownButton for ASP.NET MVC events. Initializes a new instance of the class. The client events. Fires when the DropDownButton or any if its items is clicked with the mouse, touched on a touch device, or ENTER (or SPACE) is pressed while the DropDownButton or an item is focused. The name of the JavaScript function that will handle the click event. Fires when the menu button is opened. The name of the JavaScript function that will handle the open event. Fires when the menu button is closed. The name of the JavaScript function that will handle the close event. Defines the fluent API for configuring the Kendo Signature for ASP.NET MVC. Initializes a new instance of the class. The component. Gets or sets the background color of the signature. The value that configures the backgroundcolor. The stroke color of the signature. The value that configures the color. If set to false, the widget will be disabled and will not allow user input. The widget is enabled by default and allows user input. The value that configures the enable. Determines the height of the signature in pixels. The value that configures the height. A value indicating whether the dotted line should be displayed in the background. The value that configures the hideline. Specifies the label that will be rendered on the k-signature-canvas element of the component with the aria-label attribute. The value that configures the label. A value indicating whether the component can be maximized The value that configures the maximizable. Defines a value indicating the scaling size of the popup signature pad The value that configures the popupscale. If set to true, the widget will be readonly and will not allow user input. The widget is not readonly by default and allows user input. The value that configures the readonly. A value indicating whether to smoothen out the signature lines. The value that configures the smooth. Defines how wide will the stroke be. The value that configures the strokewidth. A string value representing a Base64-encoded PNG image The value that configures the value. Determines the width of the signature in pixels. The value that configures the width. Configures the client-side events. The client events action. <%= Html.Kendo().Signature() .Name("Signature") .Events(events => events .Change("onChange") ) %> Sets a value controlling how the color is applied. Can also be set to the following string values: "solid"; "flat"; "outline" or "none". The value that configures the fillmode. Sets a value controlling the border radius. Can also be set to the following string values: "small"; "medium"; "large"; "full" or "none". The value that configures the rounded. Sets a value controlling size of the component. Can also be set to the following string values: "small"; "medium"; "large" or "none". The value that configures the size. Defines the fluent API for configuring the Kendo Signature for ASP.NET MVC events. Initializes a new instance of the class. The client events. Fired when the value of the widget is changed by the user.The event handler function context (available via the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the change event. Fired when the value popup of the component is changed The name of the JavaScript function that will handle the close event. Fired when the value of the widget is changed by the user.The event handler function context (available via the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the open event. Defines the fluent API for configuring the Kendo TimeDurationPicker for ASP.NET MVC. Initializes a new instance of the class. The component. The configuration of the picker columns. An array of JavaScript objects or strings. JavaScript objects are interpreted as column configurations. Strings are interpreted as the a predifined column with defaulted values for the particular time unit. The action that configures the columns. If set to false, the widget will be disabled and will not allow user input. The widget is enabled by default and allows user input. The value that configures the enable. Allows localization of the strings that are used in the widget. The action that configures the messages. If set to true, the widget will be readonly and will not allow user input. The widget is not readonly by default and allows user input. The value that configures the readonly. Sets a string value that is used to devide the different column values inside the input. The value must be a single character, you cannot use more than one character as a separator. The value that configures the separator. An array of buttons that hold certain timeframe values and will be displayed in the popup The action that configures the shortcuts. The value of the widget in milliseconds The value that configures the value. Sets a value controlling the size of the component. The value that configures the size. Sets a value controlling the border radius. The value that configures the rounded. Sets a value controlling how the color is applied. The value that configures the fillmode. Configures the client-side events. The client events action. @(Html.Kendo().TimeDurationPicker() .Name("TimeDurationPicker") .Events(events => events .Change("onChange") ) ) Defines the fluent API for adding items to Kendo TimeDurationPicker for ASP.NET MVC Initializes a new instance of the class. The container. Adds an item for a custom action. Adds an item for the days action. Adds an item for the hours action. Adds an item for the minutes action. Adds an item for the seconds action. Adds an item for the milliseconds action. Defines the fluent API for configuring the TimeDurationPickerColumn settings. Initialize the The The format that will be used to display the column value in the input. The amount of # symbols should be equal to the largest amount of digits that the time unit can hold. The value that configures the format. Sets the maximum time unit value. The value that configures the max. Sets the minimum time unit value. The value that configures the min. Specifies the name of the time unit the column will hold. Can be set to the following values: "days"; "hours"; "minutes"; "seconds" or "milliseconds". The value that configures the name. Specifies the value used to increment or decrement the column value The value that configures the step. Defines the fluent API for configuring the TimeDurationPickerMessagesSettings settings. Initialize the The Allows customization of the cancel button inside the popup. The value that configures the cancel. Sets the title of the days column in the popup The value that configures the days. Sets the title of the hours column in the popup The value that configures the hours. Sets the title of the milliseconds column in the popup The value that configures the milliseconds. Sets the title of the minutes column in the popup The value that configures the minutes. Sets the title of the seconds column in the popup The value that configures the seconds. Sets the title of the set button in the popup The value that configures the set. Defines the fluent API for adding items to Kendo TimeDurationPicker for ASP.NET MVC Initializes a new instance of the class. The container. Adds an item to the collection Defines the fluent API for configuring the TimeDurationPickerShortcut settings. Initialize the The The text that will be displayed in the button The value that configures the text. The value of the timeframe in milliseconds The value that configures the value. Defines the fluent API for configuring the Kendo TimeDurationPicker for ASP.NET MVC events. Initializes a new instance of the class. The client events. Fired when the value of the widget is changed by the user.The event handler function context (available via the this keyword) will be set to the widget instance. The name of the JavaScript function that will handle the change event. Fires when the popup is closed The name of the JavaScript function that will handle the close event. Fires when the time drop-down list is opened The name of the JavaScript function that will handle the open event. Defines the fluent API for configuring the DateInputLabelSettings settings. Initialize the The Sets the inner HTML of the label. The value that configures the content. If set to true, the widget will be wrapped in a container that will allow the floating label functionality. The value that configures the floating. Defines the fluent API for configuring the Kendo Chip for ASP.NET MVC. Initializes a new instance of the class. The component. Defines the name for an existing icon in a Kendo UI theme or SVG content. The icon is rendered inside the chip by a span.k-icon or span.k-svg-icon element.See web font icons help article for more details on Kendo UI icons. The value that configures the icon. If set, value will be appended to the icon's element class attribute. The value that configures the iconclass. If set, value will be appended to the icon's element class attribute. It also appends "k-chip avatar" and "k-avatar" classes to the icon's element. The value that configures the avatarclass. Defines the name for an existing icon in a Kendo UI theme or SVG content for the remove button when removable=true. The icon is rendered inside the chip by a span.k-icon or span.k-svg-icon element.See web font icons help article for more details on Kendo UI icons. The value that configures the removeicon. If set, value will be appended to the remove icon's element class attribute. The value that configures the removeiconclass. The label text of the chip. Default is empty string. The value that configures the label. Specifies if the Chip will be removable or not. If the property is set to true, the Chip renders a remove icon. The value that configures the removable. Sets whether the Chip can be selected. The value that configures the selectable. Toggles the selected state of the Chip. The value that configures the selected. Toggles the enabled state of the Chip. The value that configures the enabled. Sets the size of the component. The value that configures the size. Sets a value controlling the border radius. The value that configures the rounded. Sets a value controlling how the color is applied. The value that configures the fillmode. Sets the color of the component according to the applied theme. The value that configures the themecolor. Configures the client-side events. The client events action. @(Html.Kendo().Chip() .Name("Chip") .Events(events => events .Click("onClick") ) ) Defines the fluent API for configuring the Kendo Chip for ASP.NET MVC events. Initializes a new instance of the class. The client events. Fires when the user clicks the content of the Chip or activates it with the Enter or Space keys. The name of the JavaScript function that will handle the click event. Fires when the selection of a selectable the Chip toggles. The name of the JavaScript function that will handle the select event. Fires when the user clicks the remove icon of the Chip. After this event, the Chip will not remove itself. The name of the JavaScript function that will handle the remove event. Defines the fluent API for configuring the Kendo ChipList for ASP.NET MVC. Initializes a new instance of the class. The component. Specifies if the Chip items will be removable or not. If the property is set to true, the Chip renders a remove icon. The value that configures the removable. The configurations of the different chips inside the chiplist. The action that configures the items. Specifies the gap between the Chips in the ChipList. The value that configures the size. Specifies the size of the chip. The value that configures the itemsize. Sets a value controlling the border radius. The value that configures the rounded. Sets a value controlling how the color is applied. The value that configures the fillmode. Sets the selection mode of the ChipList. The value that configures the selectable. Configures the client-side events. The client events action. @(Html.Kendo().ChipList() .Name("ChipList") .Events(events => events .Select("onSelect") ) ) Defines the fluent API for adding items to Kendo ChipList for ASP.NET MVC Initializes a new instance of the class. The container. Adds an item to the collection Defines the fluent API for configuring the ChipListItem settings. Initialize the The Defines the name for an existing icon in a Kendo UI theme or SVG content. The icon is rendered inside the chip by a span.k-icon or span.k-svg-icon element.See web font icons help article for more details on Kendo UI icons. The value that configures the icon. If set, value will be appended to the icon's element class attribute. The value that configures the iconclass. If set, value will be appended to the icon's element class attribute. It also appends "k-chip avatar" and "k-avatar" classes to the icon's element. The value that configures the avatarclass. The label text of the chip. Default is empty string. The value that configures the label. Toggles the selected state of the Chip. The value that configures the selected. Toggles the enabled state of the Chip item. The value that configures the enabled. Defines custom attributes of the Chip's element. The value that configures the htmlattributes. Defines custom attributes of the Chip's element. The value that configures the htmlattributes. Sets the color of the component according to the applied theme. The value that configures the themecolor. Defines the fluent API for configuring the Kendo ChipList for ASP.NET MVC events. Initializes a new instance of the class. The client events. Fires when the user changes a Chip selection in the ChipList. The name of the JavaScript function that will handle the select event. Fires when the user clicks the remove icon of the Chip. The name of the JavaScript function that will handle the remove event. Defines the fluent API for configuring the PDFViewerMessagesDialogsSearchSettings settings. Initialize the The The value that configures the close. The value that configures the draghandle. The value that configures the inputlabel. The value that configures the matchcase. The value that configures the next. The value that configures the previous. The value that configures the of. Defines the fluent API for configuring the PDFViewerMessagesToolbarZoomSettings settings. Initialize the The The value that configures the actualwidth. The value that configures the autowidth. The value that configures the fittowidth. The value that configures the fittopage. The value that configures the zoomin. The value that configures the zoomlevel. The value that configures the zoomout. Kendo UI ButtonBadgeSettings class Defines the alignment of the badge Defines how theme colors are applied to a badge Specifies the color of the component. Valid options are inherit, default, primary, secondary, tertiary, info, success, warning, error, dark, light, inverted. Specifies wether or not to render additional "cutout" border around the badge. Defines the name for an existing icon in a Kendo UI theme or SVG content. The icon is rendered inside the badge by a span.k-icon or span.k-svg-icon element. If text is a number, it will cap that number. Specifies position of the badge relative to button. Valid position options are: inline, top start, top end, bottom start, bottom end. works in conjunction with badge.placement. Specifies the shape of the badge. Valid options are: rectangle, rounded, pill, circle, dot. Specifies the size of the badge. Valid options are small, medium and large. The text of the badge. Valid input includes string, number or object with toString method. Default is empty string. The template which renders the content of the badge The id of the script element used for Template If set to false the badge will not be displayed. If set to true a default overlay badge will be displayed. If set to a string, an ovelay with content set to the specified string will be displayed. Can be set to a JavaScript object which represents the configuration of the Badge widget. Serialize current instance to Dictionary Defines the fluent API for configuring CalendarMessagesParentViewsSettings Allows customization of parent view name used in the title attribute of the Calendar title when in Month view. The value for Month Allows customization of parent view name used in the title attribute of the Calendar title when in Year view. The value for Year Allows customization of parent view name used in the title attribute of the Calendar title when in Decade view. The value for Decade Kendo UI CalendarMessagesParentViewsSettings class Allows customization of parent view name used in the title attribute of the Calendar title when in Month view. Allows customization of parent view name used in the title attribute of the Calendar title when in Year view. Allows customization of parent view name used in the title attribute of the Calendar title when in Decade view. Serialize current instance to Dictionary Kendo UI ChartPlotBandLabelSpacing class The bottom margin/padding of the label. The left margin/padding of the label. The right margin/padding of the label. The top margin/padding of the label. Serialize current instance to Dictionary Kendo UI ChartValueAxisPlotBandLabelBorderSettings class The color of the border. Accepts a valid CSS color string, including hex and rgb. The dash type of the border.The following dash types are supported: "dash" - a line consisting of dashes; "dashDot" - a line consisting of a repeating pattern of dash-dot; "dot" - a line consisting of dots; "longDash" - a line consisting of a repeating pattern of long-dash; "longDashDot" - a line consisting of a repeating pattern of long-dash-dot; "longDashDotDot" - a line consisting of a repeating pattern of long-dash-dot-dot or "solid" - a solid line. The width of the border in pixels. By default the border width is set to zero which means that the border will not appear. Serialize current instance to Dictionary Kendo UI ChartPlotBandLabel class The position of the plotband label.The supported values are: "left" - the plotband label is positioned on the left; "right" - the plotband label is positioned on the right or "center" - the plotband label is positioned in the center. The background color of the label. Accepts a valid CSS color string, including hex and rgb. The border of the label. The text color of the label. Accepts a valid CSS color string, including hex and rgb. The font style of the label. The margin of the label. A numeric value will set all margins. The padding of the label. A numeric value will set all paddings. The position of the label.The supported values are: "top" - the axis label is positioned on the top; "bottom" - the axis label is positioned on the bottom or "center" - the axis label is positioned in the center. The rotation angle of the label. By default the label is not rotated. The text of the label. If set to false the chart will not display the label. A function that can be used to create a custom visual for the label. The available argument fields are: text - the label text.; rect - the kendo.geometry.Rect that defines where the visual should be rendered.; sender - the chart instance (may be undefined).; options - the label options. or createVisual - a function that can be used to get the default visual.. Serialize current instance to Dictionary The category names. Applicable for charts with X and Y category axes (heatmap). Kendo UI ChartPaneDefaultsSettings class The background color of all chart panes. Accepts a valid CSS color string, including hex and rgb. The border of all chart panes. Specifies whether the charts in the panes should be clipped. By default all charts except radar, polar and 100% stacked charts are clipped. The default pane height in pixels. The margin of the panes. A numeric value will set all margins. The padding of the panes. A numeric value will set all paddings. The title configuration of the all panes. Serialize current instance to Dictionary Initializes a new instance of the class. The data labels configuration. Defines the Chart bullet series labels settings. Creates a new . The instance. Defines the Chart bar series labels settings. Initializes a new instance of the class. Creates a new . The instance. The funnel chart data configuration. The x field. The y field. The value field. The HeatMap chart markers configuration. The HeatMap labels configuration. Kendo UI ChartSeriesMeanSettings class The color of the mean visual. Accepts a valid CSS color string, including hex and rgb. The dash type of the mean visual.The following dash types are supported: "dash" - a line consisting of dashes; "dashDot" - a line consisting of a repeating pattern of dash-dot; "dot" - a line consisting of dots; "longDash" - a line consisting of a repeating pattern of long-dash; "longDashDot" - a line consisting of a repeating pattern of long-dash-dot; "longDashDotDot" - a line consisting of a repeating pattern of long-dash-dot-dot or "solid" - a solid line. The opacity of the mean visual. By default the border is opaque. The width of the mean visual in pixels. Serialize current instance to Dictionary Kendo UI ChartSeriesMedianSettings class The color of the median visual. Accepts a valid CSS color string, including hex and rgb. The dash type of the median visual.The following dash types are supported: "dash" - a line consisting of dashes; "dashDot" - a line consisting of a repeating pattern of dash-dot; "dot" - a line consisting of dots; "longDash" - a line consisting of a repeating pattern of long-dash; "longDashDot" - a line consisting of a repeating pattern of long-dash-dot; "longDashDotDot" - a line consisting of a repeating pattern of long-dash-dot-dot or "solid" - a solid line. The opacity of the median visual. By default the border is opaque. The width of the median visual in pixels. Serialize current instance to Dictionary The funnel chart data configuration. The x field. The y field. The value field. The HeatMap chart markers configuration. The HeatMap chart labels configuration. Defines the format of the gradient input editor Defines the initially selected view in the ColorPicker. Defines the fluent API for configuring the ColorPickerContrastToolSettings settings. Initialization for the Enables the contrast tool in the ColorGradient. Sets the background color for the contrast tool in the ColorGradient. Serialize current instance to Dictionary Allows customization of the week column header text in the Calendar. Set the value to make the widget compliant with web accessibility standards. Kendo UI DateRangePicker component The URL generator. Initializes a new instance of the class. The view context The JavaScriptInitializer The URL generator. Specifies a template used to populate value of the aria-label attribute of the currently focused cell of the calendar..The parameters available for the template are: current - The current focused date.; valueType - The focused item value type - month, year and etc. or text - A text representing the focused value.. The id for the ARIATemplate The handler for the ARIATemplate Specifies the culture info used by the widget. Specifies a list of dates, which will be passed to the month template. Specifies the navigation depth. The following settings are available for the depth value: "month" - Shows the days of the month. (default value); "year" - Shows the months of the year.; "decade" - Shows the years of the decade. or "century" - Shows the decades from the century.. Specifies the end field name for model binding. The template which renders the footer of the calendar. If false, the footer will not be rendered. Specifies the format, which is used to format the value of the DateRangePicker displayed in the input. The format also will be used to parse the input.For more information on date and time formats please refer to Date Formatting. Specifies the maximum date, which the calendar can show. Allows localization of the strings that are used in the widget. Specifies the minimum date that the calendar can show. Templates for the cells rendered in the calendar "month" view. Determines if the labels for the inputs will be visible. If set to true a week of the year will be shown on the left side of the calendar. It is possible to define a template in order to customize what will be displayed. Configures the Kendo UI DateRangePicker range settings. Specifies the start view. The following settings are available for the start value: "month" - Shows the days of the month.; "year" - Shows the months of the year.; "decade" - Shows the years of the decade. or "century" - Shows the decades from the century.. Specifies the start field name for model binding. Sets the size of the component. Sets a value controlling the border radius. Sets a value controlling how the color is applied. Writes the initialization script. The . Writes the HTML. The . HtmlBuilder for the DateRangePicker component Initializes a new instance of the class. The DateRangePicker component. Builds the DateRangePicker markup. Create the HTML element for the component Adds attributes for event handlers The of the component of events Defines the fluent API for configuring the DateRangePickerMessagesSettings settings. Initialization for the Allows customization of the start label text. Allows customization of the end label text. Serialize current instance to Dictionary Defines the fluent API for configuring the DateRangePickerMonthSettings settings. Initialization for the The template to be used for rendering the cells in "month" view, which are between the min/max range. The template to be used for rendering the cells in "week" column. By default, the widget renders the calculated week of the year. The properties available in the data object are: currentDate - returns the first date of the current week. or weekNumber - calculated week number.. These properties can be used in the template to make additional calculations. The template used for rendering cells in the "month" view, which are outside the min/max range. Serialize current instance to Dictionary Defines the fluent API for configuring the DateRangePickerRangeSettings settings. Initialization for the This sets the start date of the range selection. This sets the end date of the range selection. Serialize current instance to Dictionary Defines the fluent API for configuring the LabelSettings settings. Initialization for the LabelSettings/> Sets the inner HTML of the label. If set to true, the widget will be wrapped in a container that will allow the floating label functionality. Serialize current instance to Dictionary Defines the fluent API for configuring the LabelSettings settings. Initialization for the LabelSettings/> Sets the inner HTML of the label. If set to true, the widget will be wrapped in a container that will allow the floating label functionality. Serialize current instance to Dictionary Defines the fill of the component Defines the shape of the component Specifies a line dash type. Specifies a solid line. Specifies a line consisting of dots. Specifies a line consisting of dashes. Specifies a line consisting of a repeating pattern of long-dash. Specifies a line consisting of a repeating pattern of dash-dot. Specifies a line consisting of a repeating pattern of lond-dash-dot. Specifies a line consisting of a repeating pattern of long-dash-dot-dot. Sets the size of the component. Sets a value controlling the border radius. Sets a value controlling how the color is applied. Gets or sets the render type. The render type. Represents the symbologies (encodings) supported by Kendo UI Barcode for ASP.NET MVC Initializes a new instance of the class. Initializes a new instance of the class. Gets or sets the width of the border. Gets or sets the color of the border. Gets or sets the dash type of the border. Initializes a new instance of the class. The Barcode component. Creates the barcode top-level div. Builds the Barcode component markup. Defines the Chart HTML builder. Initializes a new instance of the class. The Chart component. Creates the chart top-level div. Builds the Chart component markup. Initializes a new instance of the class. The Gauge component. Creates the chart top-level div. Builds the Gauge component markup. Initializes a new instance of the class. The QRCode component. Creates the QRCode top-level div. Builds the QRCode component markup. Initializes a new instance of the class. The Sparkline component. Creates the chart top-level div. Builds the Sparkline component markup. Initializes a new instance of the class. The Upload component. Builds the Upload component markup. Specifies the pane contents Sets the size of the component. Sets a value controlling the border radius. Sets a value controlling how the color is applied. Sets the color of the component according to the applied theme. Kendo UI CalendarMessagesSettings class Kendo UI CalendarMessagesSettings class Allows customization of the text of the Today button present in the widget in its modern rendering. Allows customization of the "Navigate to " text that would be used for title attribute of the Calendar title in the header. The label is also a button allowing navigation to parent view. Allows customization of names of the views used in the title attribute of the Calendar title in the header. The label is also a button allowing navigation to parent view. Defines the Chart axis labels options. Initializes a new instance of the class. A value indicating whether to render the axis labels on the other side. Specifies the position of the labels. Label rendering step. Every n-th label is rendered where n is the step. Label rendering skip. Skips rendering the first n labels. Date formats for the date axis. Culture to use for formatting date labels. The rotation options for the labels. Creates a new . The instance. Defines the Chart axis labels rotation options. Gets or sets the rotation angle. The rotation angle. Gets or sets the rotation alignment. The rotation alignment. Creates a new . The instance. Defines the Chart category axis settings. Initializes a new instance of the class. The chart. The values at which perpendicular axes cross this axis. The categories displayed on the axis Gets the member name to be used as category. The member. Specifies the category axis type. Specifies the date category axis base unit. Sets the step (interval) between categories in base units. Specifies the maximum number of groups (categories) to produce when either BaseUnit is set to Fit or BaseUnitStep is set to 0 (auto). This option is ignored in all other cases. The maximum number of ticks and labels to display. Applicabable for date category axis. If set to false, the min and max dates will not be rounded off to the nearest baseUnit. This option is most useful in combination with explicit min and max dates. It will be ignored if either Bar, Column, OHLC or Candlestick series are plotted on the axis. A boolean value that indicates if the axis range should be rounded to the nearest base unit. The default value is true. The week start day when the base unit is Weeks. The default is Sunday. Positions categories and series points on major ticks. This removes the empty space before and after the series. This option will be ignored if either Bar, Column, OHLC or Candlestick series are plotted on the axis. Specifies the discrete BaseUnitStep values when either BaseUnit is set to Fit or BaseUnitStep is set to 0 (auto). Specifies the date category axis minimum value. Specifies the category axis maximum value. Gets or sets the axis selection. Gets or sets the plot bands list. Creates a new . The instance. Defines the Chart base axis options. Initializes a new instance of the class. The chart. Gets the chart. The chart. The axis major ticks configuration. The axis crosshair configuration. The axis minor ticks configuration. The major grid lines configuration. The minor grid lines configuration. The axis line configuration. The axis labels. The axis range labels. The axis plot bands. The axis title. The axis name. Leave empty to use the "primary" default value. The name of the pane that the axis should be rendered in. The color for all axis elements. Can be overriden by individual settings. The axis background color A value indicating if the axis labels should be rendered in reverse. A value indicating if the automatic axis range should snap to 0. Gets or sets the axis visibility. The angle (degrees) where the 0 value is placed. It defaults to 0. Angles increase counterclockwise and zero is to the right. Negative values are acceptable. The axis notes. Creates a serializer for the axis options. Defines the Chart axis note settings. Initializes a new instance of the class. Gets or sets the note position. Creates a new . The instance. Defines the Chart logarithmic axis settings. Initializes a new instance of the class. The chart. Creates a new . The instance. Defines the Chart numeric axis settings. Initializes a new instance of the class. The chart. The values at which perpendicular axes cross this axis. The minimum axis value. The axis maximum value. The interval between major divisions The interval between minor divisions. It defaults to MajorUnit / 5. Creates a new . The instance. Defines the default options for Chart axes. Initializes a new instance of the class. The chart. Creates a new . The instance. Defines the Chart plot band settings. Initializes a new instance of the class. Gets or sets the plot band start position. The start position of the plot band. Gets or sets the plot band end position. The end position of the plot band. Gets or sets the plot band background color. The plot band background color. Gets or sets the plot band opacity. The plot band opacity. Gets or sets the plot band label. The plot band opacity. Creates a new . The instance. Defines the Chart axis title settings. Initializes a new instance of the class. Gets or sets the axis title text. Gets or sets the axis title font. Specify a font in CSS format. For example "16px Arial,Helvetica,sans-serif". Gets or sets the axis title position. The default value is Gets or sets the axis title margin Gets or sets the axis title background color Gets or sets the axis title text color Gets or sets the axis title padding Gets or sets the axis title border Gets or sets the axis title opacity. The axis title opacity. Gets or sets the axis title rotation. The label opacity. Gets or sets the axis title visibility. Gets or sets the title visual function Creates a new . The instance. Defines the Chart axis ticks settings. Initializes a new instance of the class. Gets or sets the ticks size. Gets or sets the ticks visibility. Gets or sets the ticks step. Gets or sets the ticks skip. Gets or sets the ticks color. Creates a new . The instance. Defines the Chart axis labels date format options. Initializes a new instance of the class. Date format to use when the base date unit is . Date format to use when the base date unit is . Date format to use when the base date unit is . Date format to use when the base date unit is . Date format to use when the base date unit is . Date format to use when the base date unit is . Date format to use when the base date unit is . Creates a new . The instance. Defines the Chart date axis settings. Initializes a new instance of the class. The chart. Specifies the date category axis base unit. The values at which perpendicular axes cross this axis. The minimum axis value. The axis maximum value. The interval between major divisions in base units. The interval between minor divisions in base units. It defaults to 1/5th of the majorUnit. Creates a new . The instance. Defines the Chart axis base unit step options. The discrete baseUnitStep values when baseUnit is set to Milliseconds and baseUnitStep is set to Auto. The discrete baseUnitStep values when baseUnit is set to Seconds and baseUnitStep is set to Auto. The discrete baseUnitStep values when baseUnit is set to Minutes and baseUnitStep is set to Auto. The discrete baseUnitStep values when baseUnit is set to Hours and baseUnitStep is set to Auto. The discrete baseUnitStep values when baseUnit is set to Minutes and baseUnitStep is set to Auto. The discrete baseUnitStep values when baseUnit is set to Weeks and baseUnitStep is set to Auto. The discrete baseUnitStep values when baseUnit is set to Months and baseUnitStep is set to Auto. The discrete baseUnitStep values when baseUnit is set to Years and baseUnitStep is set to Auto. Creates a new . The instance. Defines the Chart axis crosshair options. Initializes a new instance of the class. The tooltip of the crosshair. Creates a new . The instance. Defines the Chart axis crosshair tooltip options. Initializes a new instance of the class. Creates a new . The instance. Defines the Chart axis selection settings. Initializes a new instance of the class. The lower boundary of the range. The upper boundary of the range. Mousewheel zoom settings Creates a new . The instance. Defines the Chart mousewheel selection settings. Initializes a new instance of the class. Gets or sets a value that indicates if the mousewheel direction should be reversed. The mousewheel reverse flag. Gets or sets zoom direction settings. The zoom direction settings. Creates a new . The instance. The Kendo UI Chart date category axis interface. The categories displayed on the axis The Model member used to populate the The category indicies at which perpendicular axes cross this axis. Specifies the category axis type. Specifies the date category axis base unit. Sets the step (interval) between categories in base units. Specifies the maximum number of groups (categories) to produce when either BaseUnit is set to Fit or BaseUnitStep is set to 0 (auto). This option is ignored in all other cases. The maximum number of ticks and labels to display. Applicabable for date category axis. If set to false, the min and max dates will not be rounded off to the nearest baseUnit. This option is most useful in combination with explicit min and max dates. It will be ignored if either Bar, Column, OHLC or Candlestick series are plotted on the axis. The week start day when the base unit is Weeks. The default is Sunday. Positions categories and series points on major ticks. This removes the empty space before and after the series. This option will be ignored if either Bar, Column, OHLC or Candlestick series are plotted on the axis. Specifies the discrete BaseUnitStep values when either BaseUnit is set to Fit or BaseUnitStep is set to 0 (auto). Specifies the date category axis minimum (start) date. Specifies the date category axis maximum (end) date. Gets or sets the axis selection. The Kendo UI Chart axis interface. The axis plot bands. The axis notes configuration. The name of the pane that the axis should be rendered in. Gets or sets the axis visibility. The angle (degrees) where the 0 value is placed. It defaults to 0. Angles increase counterclockwise and zero is to the right. Negative values are acceptable. The axis background color The Kendo UI Chart date axis interface. The base time interval for the axis labels. The default baseUnit is determined automatically from the value range. The dates at which perpendicular axes cross this axis. The axis minimum (start) date The axis maximum (end) date The interval between major divisions in base units. The interval between minor divisions in base units. It defaults to 1/5th of the majorUnit. The Kendo UI Chart axis default settings interface. The Kendo UI Chart numeric axis interface. The values at which perpendicular axes cross this axis. The axis minimum value The axis maximum value The interval between major divisions The interval between minor divisions. The Kendo UI Chart axis base interface. The axis major ticks configuration. The axis minor ticks configuration. The major grid lines configuration. The minor grid lines configuration. The axis line configuration. The axis labels. The axis range labels. The axis title. The axis name. Leave empty to use the "primary" default value. The color for all axis elements. Can be overriden by individual settings. A value indicating if the axis labels should be rendered in reverse. A value indicating if the automatic axis range should snap to 0. The axis crosshair configuration. Creates a new . The instance. The Kendo UI Chart value axis interface. The Kendo UI Chart category axis interface. The categories displayed on the axis The Model member used to populate the The category indicies at which perpendicular axes cross this axis. Specifies the category axis type. Specifies the date category axis base unit. Sets the step (interval) between categories in base units. Specifies the maximum number of groups (categories) to produce when either BaseUnit is set to Fit or BaseUnitStep is set to 0 (auto). This option is ignored in all other cases. The maximum number of ticks and labels to display. Applicabable for date category axis. If set to false, the min and max dates will not be rounded off to the nearest baseUnit. This option is most useful in combination with explicit min and max dates. It will be ignored if either Bar, Column, OHLC or Candlestick series are plotted on the axis. The week start day when the base unit is Weeks. The default is Sunday. Positions categories and series points on major ticks. This removes the empty space before and after the series. This option will be ignored if either Bar, Column, OHLC or Candlestick series are plotted on the axis. Specifies the discrete BaseUnitStep values when either BaseUnit is set to Fit or BaseUnitStep is set to 0 (auto). Specifies the category axis minimum value. Specifies the date category axis maximum value. Gets or sets the axis selection. Kendo UI Chart component Initializes a new instance of the class. The context for view execution. The . The generator. Gets or sets the data to display in the Chart. The data values. Gets or sets the URL generator. The URL generator. Gets or sets the Chart area. The Chart area. Gets or sets the Plot area. The Plot area. Gets or sets the PersistSeriesVisibility option. The PersistSeriesVisibility value. Gets or sets the Chart theme. The Chart theme. Gets or sets the render type. The rendering mode. Gets or sets the Chart title. The Chart title. Gets or sets the Chart subtitle. The Chart subtitle. Gets or sets the Chart legend. The Chart legend. Gets or sets the Chart transitions. The Chart Transitions. Gets the chart series. Gets the chart panes. Gets the default settings for all series. Configuration for all category axes Configuration for all value axes Configuration for all X axes in scatter charts Configuration for all Y axes in scatter charts Configuration for the default axis Gets the data source configuration. Gets or sets the id of the external DataSource to use in the Chart. Gets or sets a value indicating if the chart should be data bound during initialization. Gets or sets the series colors. Gets or sets the data point tooltip options PDF Export settings Pannble settings Zoomable settings The default options for all panes. Gets the widget class name. Writes the Chart initialization script. The text writer instance. Serializes the Chart options to a Dictionary. The Dictionary to populate with the Chart options. Serializes multiple Dictionary entries to the Chart options Dictionary. The Chart options Dictionary key. The entries to add. The Chart options Dictionary. Serializes the current Chart theme to the Chart options Dictionary. he Chart options dictionary. Serializes the DataSource options to a Dictionary. Serializes the Chart persistSeriesVisibity option. Gets the Chart instance. Writes the Chart HTML output. The text writer instance. Configures the Chart legend item settings. Gets or sets the legent item visual handler. The legent item visual handler. Gets or sets the item cursor style. Creates a new . The instance. Defines the Chart mousewheel zoom settings. Initializes a new instance of the class. Specifies the zoom rate as percentage of the axis range. The default value is 0.3 or 30% of the axis range. Specifies which axes should not be zoomed. Specifies if the chart can be zoomed. Creates a new . The instance. Defines the configuration options for the Kendo UI Chart note lines. Initializes a new instance of the class. Defines the width of the line. Defines the color of the line. Defines the length of the line. Creates a new . The instance. Defines the Chart title settings. Initializes a new instance of the class. Gets or sets the title text Gets or sets the title font. Specify a font in CSS format. For example "16px Arial,Helvetica,sans-serif". Gets or sets the title color Gets or sets the title position. The default value is Gets or sets the title text alignment. The default value is Gets or sets a value indicating if the title is visible Gets or sets the title margin Gets or sets the title background color Gets or sets the title padding Gets or sets the legend border Creates a new . The instance. Configures the Chart legend settings. Initializes a new instance of the class. Gets or sets the legend font. Specify a font in CSS format. For example "16px Arial,Helvetica,sans-serif". Gets or sets the legend labels color. Specify the color of the labels. Gets or sets the legend position. The default value is Gets or sets the legend X-offset from its position. Gets or sets the legend Y-offset from its position. Gets or sets a value indicating if the legend is visible Gets or sets the legend margin Gets or sets the legend margin Gets or sets the legend background color Gets or sets the legend border Gets or sets the legend labels Gets or sets the legend orientation Gets or sets the legend width Gets or sets the legend height Gets or sets the legend reverse Gets or sets the legend item Gets or sets the legend align option The spacing between the labels in pixels when the legend.orientation is "horizontal". The title of the legend. Creates a new . The instance. Defines the Chart spacing settings. Initializes a new instance of the class. The spacing to be applied in all directions. Initializes a new instance of the class. Gets or sets the top spacing. Gets or sets the right spacing. Gets or sets the bottom spacing. Gets or sets the left spacing. Creates a new . The instance. Configures the border settings of elements in the . Initializes a new instance of the class. Initializes a new instance of the class. Gets or sets the opacity of the border. Gets or sets the width of the border. Gets or sets the color of the border. Gets or sets the dash type of the border. Creates a new . The instance. Defines the configuration options for the Kendo UI Chart area. Initializes a new instance of the class. Gets or sets the Chart area background. The Chart area background. Gets or sets the Chart area border. The Chart area border. Gets or sets the Chart area margin. The Chart area margin. Gets or sets the Chart area width. The Chart area width. Gets or sets the Chart area height. The Chart area height. Creates a serializer for the Chart area options. Configures Chart line elements. Initializes a new instance of the class. Initializes a new instance of the class. Creates a new . The instance. Defines the Chart tooltip settings. Initializes a new instance of the class. Specifies if the Chart should display a single tooltip for each category. Specifies the template used to render the shared tooltip. Creates a new . The instance. Defines the configuration options for the Kendo UI Chart pane. Initializes a new instance of the class with the specified name. The unique pane name. Initializes a new instance of the class. Gets or sets the unique pane name Gets or sets the pane height in pixels. Gets or sets the pane title. Gets or sets the pane margin Gets or sets the pane background color Gets or sets the pane padding Gets or sets the pane border Gets or sets the pane clip option Creates a new . The instance. The base class for the Chart tooltip settings. Initializes a new instance of the class. Gets or sets the tooltip font. Specify a font in CSS format. For example "16px Arial,Helvetica,sans-serif". Gets or sets a value indicating if the tooltip is visible Gets or sets the tooltip margin Gets or sets the tooltip border Gets or sets the tooltip background. The label background. Gets or sets the tooltip color. The label color. Gets or sets the tooltip format. The label format. Gets or sets the tooltip template. The tooltip template. Gets or sets the tooltip opacity. The tooltip opacity. Specifies if the tooltip will be hidden when the mouse leaves the target element. If set to false, a Close button will be shown within tooltip. Creates a new . The instance. The position of the crosshair tooltip. The base class for Chart Line elements. Initializes a new instance of the class. Initializes a new instance of the class. Initializes a new instance of the class. Gets or sets the line width. Gets or sets the line opacity. Gets or sets the line color. Gets or sets the line visibility. Gets or sets the line dash type. Gets or sets the line skip. Gets or sets the line step. Creates a new . The instance. Configures the Chart legend label settings. Initializes a new instance of the class. Creates a new . The instance. Defines the Chart axis note item settings. Initializes a new instance of the class. Gets or sets the note value. Creates a new . The instance. Defines the Chart zoom settings. Initializes a new instance of the class. Selection zoom settings. Mousewheel zoom settings. Specifies whether Chart zooming is enabled. Creates a new . The instance. Defines the Chart selection zoom settings. Initializes a new instance of the class. Specifies which axes should not be zoomed. Specifies the key that should be pressed to activate zooming. Specifies if the chart can be zoomed. Creates a new . The instance. The activation key for pan, zoom and selection in the Chart. No key is required. The "Ctrl" key should be pressed. The "Shift" key should be pressed. The "Alt" key should be pressed. Specifies the alignment of the rotated labels relative to the slot center. The closest end of the label will be aligned to the slot center. The center of the label will be aligned to the slot center. Specifies the position of the labels. The labels are positioned next to the axis. The labels are positioned at the end of the crossing axis. The labels are positioned at the start of the crossing axis. Defines the chart legend alignment The legend is aligned to the start The legend is aligned to the center The legend is aligned to the end Specifies an axis that should not be panned or zoomed. No axis will be locked. The x-axis will be locked. The y-axis will be locked. Defines the position of point labels. The label is positioned at the top of the point marker. The label is positioned at the right of the point marker. The label is positioned at the bottom of the point marker. The label is positioned at the left of the point marker. The from and to labels area positioned at the top/bottom(rangeArea series) or left/right(verticalRangeArea series) so that they are outside the filled area Defines the behavior rendering the line between values in scatterLine series. The values will be connected with a straight line. The values will be connected with a smooth line. Specifies the zoom direction. Both ends of the selection are moved. The left selection edge is moved during zoom. The right selection edge is moved during zoom. Defines the position of the note label The label is positioned inside of the icon. The label is positioned outside of the icon. Defines the position of the note The note is positioned on the top The note is positioned on the bottom The note is positioned on the left The note is positioned on the right Defines the behavior rendering the line between values in line series. The values will be connected with straight line. The values will be connected with a line at right. The values will be connected with smooth line. Defines the behavior rendering the line between values in area series. The values will be connected with straight line. The values will be connected with a line at right. The values will be connected with a smooth line. Defines the behavior rendering the line between values in radar line series. The values will be connected with straight line. The values will be connected with smooth line. Defines the behavior rendering the line between values in radar area series. The values will be connected with straight line. The values will be connected with a smooth line. Defines the behavior rendering the line between values in polar area series. The values will be connected with straight line. The values will be connected with a smooth line. Defines the behavior rendering the line between values in polar line series. The values will be connected with straight line. The values will be connected with smooth line. Defines the configuration options for the Kendo UI Chart area line. Initializes a new instance of the class. Initializes a new instance of the class. The style of the area. Creates a serializer for the Chart area line options. Defines the behavior rendering the line between values in line series. The value of the stack is the sum of all points in the category (or group). The value of the stack is always 100% (1.0). Points within the category (or group) are represented as percentages. Defines the orientation of the legend. The orientation is verical The orientation is horizontal Defines the Chart pan settings. Specifies which axes should not be panned. Specifies the key that should be pressed to activate panning. Specifies if the chart can be zoomed. Creates a new . The instance. Defines the configuration options for the Kendo UI Chart radar area lines. Initializes a new instance of the class. Initializes a new instance of the class. The style of the radar area. Creates a new . The instance. Defines the configuration options for the Kendo UI Chart polar area lines. Initializes a new instance of the class. Initializes a new instance of the class. Initializes a new instance of the class. The style of the polar area. Creates a new . The instance. Defines the position of funnel chart labels. The label is positioned at the center of the funnel segment. The label is positioned at the top of the label area. The label is positioned at the bottom of the label area. Defines the alignment of the funnel labels. The labels are positioned on the top of the funnel chart The labels are positioned on the left side of the chart The labels are positioned on the right side of the chart Defines the rendering modes supported by DataViz widgets Renders the widget as inline SVG document, if available. Note: Animations and most interactive features will be disabled. Renders the widget as VML, if available. Renders the widget as a Canvas element, if available. Defines the configuration options for the Kendo UI Chart categorical error bars. Gets or sets the error bars value. Gets the model data error low member name. The model data error low member name. Gets the model data error high member name. The model data error high member name. Creates a new . The instance. The base class for Chart error bar elements. Initializes a new instance of the class. Gets or sets the error bars color. Gets or sets a value indicating if the end caps are visible The error bars line Gets or sets the error bar visual handler. The error bar visual handler. Creates a new . The instance. Defines the configuration options for the Kendo UI Chart scatter error bars. Gets or sets the error bars X value. Gets or sets the error bars Y value. Gets the model data x axis error low member name. The model data x axis error low member name. Gets the model data x axis error high member name. The model data x axis error high member name. Gets the model data y axis error low member name. The model data y axis error low member name. Gets the model data y axis error high member name. The model data y axis error high member name. Creates a new . The instance. The Chart series container interface. The component series. Defines the position of axis ticks The tick is drawn on the outer side of the axis No tick is drawn Defines the gradient of bar/column charts The bars have glass effect overlay. The bars have no effect overlay. Defines the position of bar/column chart labels The label is positioned at the bar center The label is positioned inside, near the end of the bar The label is positioned inside, near the base of the bar The label is positioned outside, near the end of the bar. Not applicable for stacked bar series. Defines the position chart legend The legend is positioned on the top The legend is positioned on the bottom The legend is positioned on the left The legend is positioned on the right The legend is positioned using OffsetX and OffsetY Defines the position of point labels. The label is positioned at the top of the point marker. The label is positioned at the right of the point marker. The label is positioned at the bottom of the point marker. The label is positioned at the left of the point marker. Defines the behavior for handling missing values in line series. The value is interpolated from neighboring points. The value is assumed to be zero. The line stops before the missing point and continues after it. Defines the shape of the marker. The marker shape is square. The marker shape is triangle. The marker shape is circle. The marker shape is cross. The marker shape is round rect. The marker shape is rect. Defines text alignment options The text is aligned to the left The text is aligned to the middle The text is aligned to the right Defines the position chart title The title is positioned on the top The title is positioned on the bottom Specifies a line dash type. Specifies a solid line. Specifies a line consisting of dots. Specifies a line consisting of dashes. Specifies a line consisting of a repeating pattern of long-dash. Specifies a line consisting of a repeating pattern of dash-dot. Specifies a line consisting of a repeating pattern of lond-dash-dot. Specifies a line consisting of a repeating pattern of long-dash-dot-dot. Defines the available pie series effects overlays Gets the overlay value. The pies have no effect overlay The pie segments have sharp bevel effect overlay The pie segments have sharp bevel effect overlay Defines the alignment of the pie labels. The labels are positioned in circle around the pie chart. The labels are positioned in columns to the left and right of the pie chart. Defines the behavior for handling missing values in scatter line series. The value is interpolated from neighboring points. The line stops before the missing point and continues after it. Defines the position of pie chart labels. The label is positioned at the center of the pie segment. The label is positioned inside, near the end of the pie segment. The label is positioned outside, near the end of the pie segment. The label and the pie segment are connected with connector line. Defines chart axis orientation The axis is verical The axis is horizontal Defines the position chart axis title The axis title is positioned on the top (work only with vertical axis) The axis title is positioned on the bottom (work only with vertical axis) The axis title is positioned on the left (work only with horizontal axis) The axis title is positioned on the right (work only with horizontal axis) The axis title is positioned in the center Defines the behavior for handling missing values in area series. The value is interpolated from neighboring points. The value is assumed to be zero. The line stops before the missing point and continues after it. Aggregate function for date series. The highest value for the date period The lowest value for the date period The sum of all values for the date period The sum of all values for the date period. If there are not data for the current period of time the aggregate will return 'null'(instead of 'zero' for the sum aggregate). The number of values for the date period The average of all values for the date period The first of all values for the date period Specifies the category axis type. Discrete category axis. Specialized axis for displaying chronological data. The base time interval for the axis. Milliseconds Seconds Minutes Hours Days Months Weeks Years Automatic base unit based on limit set from MaxDataGroups. Note that the BaseUnitStep setting will be disregarded. Defines the configuration options for the Kendo UI Chart plot area. Initializes a new instance of the class. Gets or sets the plot area background. The plot area background. Gets or sets the plot area opacity. A value between 0 (transparent) and 1 (opaque). Gets or sets the plot area border. The plot area border. Gets or sets the plot area margin. The plot area margin. Creates a new . The instance. The Kendo UI Chart interface. The component UrlGenerator The component view context The Chart panes The Kendo UI Chart serializer interface. Serializes the current instance Defines the possible series orientation. The series are horizontal (bar chart, line chart, etc.) The series are vertical (column chart, vertical line chart, etc.) The base class for Chart labels. Initializes a new instance of the class. Gets or sets the label font. Specify a font in CSS format. For example "12px Arial,Helvetica,sans-serif". Gets or sets a value indicating if the label is visible Gets or sets the series visible function Gets or sets the label background. The label background. Gets or sets the label border. The label border. Gets or sets the label margin. The label margin. Gets or sets the label padding. The label padding. Gets or sets the label color. The label color. Gets or sets a Function that returns the JavaScript handler for the labels color. The Function. Gets or sets the label format. The label format. Gets or sets the label template. The label template. Gets or sets the label opacity. The label opacity. Gets or sets the label rotation. The label opacity. Gets or sets the label visual handler. The label visual handler. Creates a new . The instance. Defines the available bar series effects overlays Gets the bar series gradient type. The bars have no effect overlay The bars have glass effect overlay Creates a new . The instance. Defines the configuration options for the Kendo UI Chart notes. Initializes a new instance of the class. Gets or sets the icon. Gets or sets the label. Gets or sets the line. Gets or sets the note position. Gets or sets the note visual handler. The note visual handler. Creates a new . The instance. Defines the configuration options for the Kendo UI Chart note labels. Initializes a new instance of the class. Gets or sets the label position. Gets or sets the label text. Creates a new . The instance. Defines the Kendo UI Chart Range Area series. Initializes a new instance of the class. The expression used to extract the point from value. The expression used to extract the point to value. The expression used to extract the point category from the chart model. The expression used to extract the point color from the chart model. Initializes a new instance of the class. The series data. Initializes a new instance of the class. The data used for binding. Gets the model data from member name. The model data from member name. Gets the model data to member name. The model data to member name. Gets the model data category member name. The model data category member name. Gets the model color member name. The model color member name. Gets a function which returns the category of the property to which the column is bound to. Aggregate function for date series. The area chart line configuration. The range area chart data labels configuration. The range area chart markers configuration. The behavior for handling missing values in range area series. The orientation of the range area chart. Can be either horizontal or vertical. The default value is horizontal. Creates a new . The instance. Defines the Kendo UI Chart RangeArea series. Initializes a new instance of the class. The expression used to extract the point from value. The expression used to extract the point to value. Initializes a new instance of the class. The data to bind to. Initializes a new instance of the class. Defines the Kendo UI Chart Area series. Initializes a new instance of the class. The expression used to extract the point value from the chart model. The expression used to extract the point category from the chart model. The expression used to extract the point note text from the chart model. Initializes a new instance of the class. The data to bind to. Initializes a new instance of the class. The area chart line configuration. Gets or sets the series error bars options Creates a new . The . Inintializes the Chart Area series. Defines the Kendo UI Chart Area series. The Chart model. The point value. Initializes a new instance of the class. The expression used to extract the point value from the chart model. Initializes a new instance of the class. The data to bind to. Initializes a new instance of the class. The base class for Chart Area series. Initializes a new instance of the class. The expression used to extract the point value from the chart model. The expression used to extract the point category from the chart model. The expression used to extract the point note text from the chart model. Initializes a new instance of the class. The data to bind to. Initializes a new instance of the class. A value indicating if the areas should be stacked. The type of stack to plot Aggregate function for date series. Gets the area chart data labels configuration. The area chart markers configuration. The behavior for handling missing values in area series. The orientation of the area chart. Can be either horizontal or vertical. The default value is horizontal. Inintializes the Chart Area series. Defines the Chart bar series labels settings. Initializes a new instance of the class. Gets or sets the label position. The default value is for clustered series and for stacked series. Creates a new . The instance. Defines the Kendo UI Chart Bar series. Initializes a new instance of the class. The expression used to extract the point value from the chart model. The expression used to extract the point color from the chart model. The expression used to extract the point category from the chart model. The expression used to extract the point note text from the chart model. Initializes a new instance of the class. The data to bind to. Initializes a new instance of the class. Gets or sets the series error bars options Creates a new . The instance. Inintializes the Chart Bar series. Defines the Kendo UI Chart Bar series. Initializes a new instance of the class. The expression used to extract the point value from the chart model. The expression used to extract the point color from the chart model. Initializes a new instance of the class. The data to bind to. Initializes a new instance of the class. The base class for Chart Bar series. Initializes a new instance of the class. The expression used to extract the point value from the chart model. The expression used to extract the point color from the chart model. The expression used to extract the point category from the chart model. The expression used to extract the point note text from the chart model. Initializes a new instance of the class. The data to bind to. Initializes a new instance of the class. A value indicating if the bars should be stacked. The stack name that this series belongs to. The type of stack to plot Aggregate function for date series. The distance between category clusters. A value of 1 means that there is a total of 1 column width / bar height between categories. The distance is distributed evenly on each side. Space between bars. Value of 1 means that the distance between bars is equal to their width. The orientation of the bars. Can be either horizontal (bar chart) or vertical (column chart). The default value is horizontal. Gets the bar chart data labels configuration Gets or sets the bar border Gets or sets the effects overlay Gets or sets the series color for negative values Gets or sets series visual handler. The series visual handler. Inintializes the Chart Bar series. The base class for data-bound Chart series. Initializes a new instance of the class. The expression used to extract the point value from the chart model. The expression used to extract the point category from the chart model. The expression used to extract the point note text from the chart model. Initializes a new instance of the class. The series data. Initializes a new instance of the class. The data used for binding. Gets the model data member name. The model data member name. Gets the model data category member name. The model data category member name. Gets the model color member name. The model color member name. Gets the model data note text member name. The model data note text member name. Gets a function which returns the category of the property to which the column is bound to. The base class for data-bound Chart series. Initializes a new instance of the class. The expression used to extract the point value from the chart model. Initializes a new instance of the class. The series data. Initializes a new instance of the class. Defines the aggregate settings for BoxPlot series. Initializes a new instance of the class. The lower aggregate. The q1 aggregate. The median aggregate. The q3 aggregate. The upper aggregate. The mean aggregate. The outliers aggregate. Initializes a new instance of the class. Gets or sets the lower aggregate. Gets or sets the q1 aggregate. Gets or sets the median aggregate. Gets or sets the q3 aggregate. Gets or sets the upper aggregate. Gets or sets the mean aggregate. Gets or sets the outliers aggregate. Creates a new . The instance. Defines the Kendo UI Chart BoxPlot series. Initializes a new instance of the class. The lower expression. The q1 expression. The median expression. The q3 expression. The upper expression. The mean expression. The outliers expression. The color expression. The expression used to extract the point category from the chart model. The expression used to extract the point note text from the chart model. Initializes a new instance of the class. The data. Initializes a new instance of the class. Gets the series type. Gets the model lower member name. The model lower member name. Gets the model q1 member name. The model q1 member name. Gets the model median member name. The model median member name. Gets the model model q3 member name. The model q3 member name. Gets the model upper member name. The model upper member name. Gets the model mean member name. The model mean member name. Gets the model outliers member name. The model outliers member name. Gets or sets outliers. Gets or sets outliers. Gets the model data color member name. The model data color member name. Gets the model data category member name. The model data category member name. Gets a function which returns the category of the property to which the column is bound to. Gets the model data note text member name. The model data note text member name. Gets or sets the point border The ohlc chart data configuration. Aggregates function for date series. The distance between category clusters. A value of 1 means that there is a total of 1 point width between categories. The distance is distributed evenly on each side. Space between points. Value of 1 means that the distance between points is equal to their width. The ohlc chart line configuration. The orientation of the chart. Creates a new . The instance. Defines the Kendo UI Chart Bubble series. Initializes a new instance of the class. The X expression. The Y expression. The Size expression. The Category expression. The Color expression. The VisibleInLegend expression. The note text expression. Initializes a new instance of the class. The data. Initializes a new instance of the class. Gets the Size data member of the series. Gets the Category data member of the series. Gets the Color data member of the series. Gets the VisibleInLegend data member of the series. Gets the minimum bubble size of the series. Gets the maximum bubble size of the series. Gets the negative value bubbles options. Gets or sets the bubble border. Inintializes the Chart Bubble series. Creates a new . The instance. Defines the Kendo UI Chart Bullet series. Initializes a new instance of the class. The expression used to extract the point target from the chart model. The expression used to extract the point current from the chart model. The expression used to extract the point color from the chart model. The expression used to extract the point category from the chart model. The expression used to extract the point note text from the chart model. Initializes a new instance of the class. The data to bind to. Initializes a new instance of the class. Gets or sets the series opacity. A value between 0 (transparent) and 1 (opaque). Gets or sets the series base color. Gets or sets a value indicating if the series is visible Gets or sets a value indicating if the series is visible in the legend Gets or sets the series color function Aggregate function for date series. Gets or sets the data point tooltip options. Gets or sets the data point target. Gets or sets the axis name to use for this series. The axis name. Gets or sets the category axis name to use for this series. The category axis name. Gets or sets the title of the series. The title. The distance between category clusters. A value of 1 means that there is a total of 1 column width / bar height between categories. The distance is distributed evenly on each side. Space between bars. Value of 1 means that the distance between bars is equal to their width. The orientation of the bullets. Can be either horizontal or vertical. The default value is horizontal. Gets or sets the bullet border. Gets or sets the effects overlay. Gets the model color member name. The model color member name. Gets the model note text member name. The model note text member name. Gets the model target member name. The model target member name. Gets the model current member name. The model current member name. The data used for binding. Name template for auto-generated series when binding to grouped data. Gets or sets the series highlight options Gets the model data category member name. The model data category member name. Gets a function which returns the category of the property to which the column is bound to. Gets or sets the series notes options Gets or sets the series Z-Index. A numeric value that will be compared with other series to determine stacking order. Gets the bar chart data labels configuration Creates a new . The instance. Defines the Bullet series target settings. Initializes a new instance of the class. Gets or sets the target width. Gets or sets the markers color. Gets or sets the markers border. Creates a new . The instance. Defines the Kendo UI Chart Candlestick series. Initializes a new instance of the class. The open expression. The high expression. The low expression. The close expression. The color expression. The down color expression. The expression used to extract the point category from the chart model. The down color expression. Initializes a new instance of the class. The data. Initializes a new instance of the class. Gets the model data down color member name. The model data down color member name. Gets or sets the effects overlay Creates a new . The instance. Defines the Kendo UI Chart Donut series. Initializes a new instance of the class. The value expression. The category expression. The color expression. The explode expression. The visibleInLegend expression. Initializes a new instance of the class. The data. Initializes a new instance of the class. Gets or sets the margin of the donut series. Gets or sets the the size of the donut hole. Gets or sets the the size of the donut series. Creates a new . The instance. Configures the Funnel series label settings. Initializes a new instance of the class. Defines the alignment of the funnel labels. Defines the position of the funnel labels. Creates a new . The instance. Defines the Kendo UI Chart Funnel series. Initializes a new instance of the class. The value expression. The category expression. The color expression. The visibleInLegend expression. Initializes a new instance of the class. The data. Initializes a new instance of the class. Gets the series type. Gets the model data member name. The model data member name. Gets the model data category member name. The model data category member name. Gets the model data color member name. The model data color member name. Gets the model data visibleInLegend member name. The model data visibleInLegend member name. Gets the model data note text member name. The model data note text member name. Gets a function which returns the category of the property to which the column is bound to. Gets a function which returns the color of the property to which the column is bound to. Gets the funnel chart data labels configuration Gets or sets the funnel border The funnel chart data configuration. Get or set the funnel chart NeckRatio option Get or set the funnel chart DynamicSlope option Get or set the funnel chart DynamicHeight option Get or set the funnel chart SegmentSpacing option Gets or sets the series visual handler. The series visual handler. Creates a new . The instance. Defines the Kendo UI Chart Line series. Initializes a new instance of the class. The expression used to extract the point value from the chart model. The expression used to extract the point category from the chart model. The expression used to extract the point note text from the chart model. Initializes a new instance of the class. The data to bind to. Initializes a new instance of the class. The style of the line. Gets or sets the series error bars options Creates a new . The instance. Inintializes the Chart Line series. Defines the Kendo UI Chart Line series. Initializes a new instance of the class. The expression used to extract the point value from the chart model. Initializes a new instance of the class. The data to bind to. Initializes a new instance of the class. The base class for Chart Line series. Initializes a new instance of the class. The expression used to extract the point value from the chart model. The expression used to extract the point category from the chart model. The expression used to extract the point note text from the chart model. Initializes a new instance of the class. The data to bind to. Initializes a new instance of the class. A value indicating if the lines should be stacked. The type of stack to plot Aggregate function for date series. Gets the line chart data labels configuration The line chart markers configuration. The line chart line width. The behavior for handling missing values in line series. The line chart line dashType. The orientation of the line. Can be either horizontal or vertical. The default value is horizontal. Inintializes the Chart Line series. Defines the Chart series markers settings. Initializes a new instance of the class. Gets or sets the markers size. Gets or sets the markers background. Gets or sets the markers background function. Gets or sets the markers type. Gets or sets the markers visibility. Gets or sets the markers border. The border radius in pixels when type is set to "roundedRect". Defaults to 1/5 of the marker size. Gets or sets the markers rotation angle. Gets or sets the marker visual handler. The marker visual handler. Creates a new . The instance. An optional Z-index that can be used to change the default stacking order of the markers. Configures the Bubble series negative value settings. Initializes a new instance of the class. Gets or sets the negative value bubbles color. Gets or sets the markers visibility. Creates a new . The instance. Defines the aggregate settings for OHLC series. Initializes a new instance of the class. The open aggregate. The high aggregate. The low aggregate. The close aggregate. Initializes a new instance of the class. Gets or sets the open aggregate. Gets or sets the high aggregate. Gets or sets the low aggregate. Gets or sets the close aggregate. Creates a new . The instance. Defines the Kendo UI Chart OHLC series. Initializes a new instance of the class. The open expression. The high expression. The low expression. The close expression. The color expression. The expression used to extract the point category from the chart model. The expression used to extract the point note text from the chart model. Initializes a new instance of the class. The data. Initializes a new instance of the class. Gets the series type. Gets the model data open member name. The model data open member name. Gets the model data high member name. The model data high member name. Gets the model data low member name. The model data low member name. Gets the model data close member name. The model data close member name. Gets the model data color member name. The model data color member name. Gets the model data category member name. The model data category member name. Gets a function which returns the category of the property to which the column is bound to. Gets the model data note text member name. The model data note text member name. Gets or sets the point border The ohlc chart data configuration. Aggregates function for date series. The distance between category clusters. A value of 1 means that there is a total of 1 point width between categories. The distance is distributed evenly on each side. Space between points. Value of 1 means that the distance between points is equal to their width. The ohlc chart line configuration. Creates a new . The instance. Defines the Chart Pie series connectors settings. Initializes a new instance of the class. Defines the width of the line. Defines the color of the line. Defines a function used to determine the line color. Defines the padding of the line. Creates a new . The instance. Defines the Chart Pie series labels settings. Initializes a new instance of the class. Defines the alignment of the pie labels. Defines the distance between the pie chart and labels. Defines the position of the pie labels. Creates a new . The instance. Defines the Kendo UI Chart Pie series. Initializes a new instance of the class. The value expression. The category expression. The color expression. The explode expression. The visibleInLegend expression. Initializes a new instance of the class. The data. Initializes a new instance of the class. If set to true, the Chart automatically scales down to fit the content area. Gets the series type. Gets the model data member name. The model data member name. Gets the model data category member name. The model data category member name. Gets the model data explode member name. The model data explode member name. Gets the model data color member name. The model data color member name. Gets the model data visibleInLegend member name. The model data visibleInLegend member name. Gets the model data note text member name. The model data note text member name. Gets a function which returns the category of the property to which the column is bound to. Gets a function which returns the explode of the property to which the column is bound to. Gets a function which returns the visibleInLegend of the property to which the column is bound to. Gets a function which returns the color of the property to which the column is bound to. Gets the pie chart data labels configuration Gets or sets the pie border The pie chart data configuration. Gets or sets the effects overlay. Gets or sets the padding of the chart. Gets or sets the start angle of the first pie segment. Gets the pie chart connectors configuration Gets or sets the series visual handler. The series visual handler. Creates a new . The instance. Defines the series point label settings. Initializes a new instance of the class. Gets or sets the label position. The default value is for clustered series and for stacked series. Creates a new . The instance. Defines the Kendo UI Chart Polar Area series. Initializes a new instance of the class. The X expression. The Y expression. The note text expression. Initializes a new instance of the class. The data. Initializes a new instance of the class. The polar area chart line configuration. Inintializes the Chart PolarArea series. Creates a new . The instance. Defines the Kendo UI Chart Polar Line series. Initializes a new instance of the class. The X expression. The Y expression. The note text expression. Initializes a new instance of the class. The data. Initializes a new instance of the class. The style of the series. Inintializes the Chart PolarLine series. Creates a new . The instance. Defines the Kendo UI Chart Polar Scatter series. Initializes a new instance of the class. The X expression. The Y expression. The note text expression. Initializes a new instance of the class. The data. Initializes a new instance of the class. Creates a new . The instance. Defines the Kendo UI Chart Radar Area series. Initializes a new instance of the class. The expression used to extract the point value from the chart model. The expression used to extract the point category from the chart model. The expression used to extract the point note text from the chart model. Initializes a new instance of the class. The data to bind to. Initializes a new instance of the class. The area chart line configuration. Creates a new . The instance. Inintializes the Chart RadarArea series. Defines the Kendo UI Chart RadarArea series. Initializes a new instance of the class. The expression used to extract the point value from the chart model. Initializes a new instance of the class. The data to bind to. Initializes a new instance of the class. Defines the Kendo UI Chart Radar Column series. Initializes a new instance of the class. The expression used to extract the point value from the chart model. The expression used to extract the point color from the chart model. The expression used to extract the point category from the chart model. The expression used to extract the point note text from the chart model. Initializes a new instance of the class. The data to bind to. Initializes a new instance of the class. Creates a new . The instance. Defines the Kendo UI Chart RadarColumn series. Initializes a new instance of the class. The expression used to extract the point value from the chart model. The expression used to extract the point color from the chart model. Initializes a new instance of the class. The data to bind to. Initializes a new instance of the class. Defines the Kendo UI Chart Radar Line series. Initializes a new instance of the class. The expression used to extract the point value from the chart model. The expression used to extract the point category from the chart model. The expression used to extract the point note text from the chart model. Initializes a new instance of the class. The data to bind to. Initializes a new instance of the class. Creates a new . The instance. The style of the line. Inintializes the Chart RadarLine series. Defines the Kendo UI Chart RadarLine series. Initializes a new instance of the class. The expression used to extract the point value from the chart model. Initializes a new instance of the class. The data to bind to. Initializes a new instance of the class. Defines the Range Area series markers settings. Initializes a new instance of the class. Defines the from point marker Defines the to point marker Creates a new . The instance. Defines the RangeBar series labels settings. Initializes a new instance of the class. Defines the from label Defines the to label Creates a new . The instance. Defines the Range Area series labels settings. Initializes a new instance of the class. Defines the from label Defines the to label Gets or sets the label position. The default value is Creates a new . The instance. Defines the Kendo UI Chart Range Bar series. Initializes a new instance of the class. The expression used to extract the point from value. The expression used to extract the point to value. The expression used to extract the point category from the chart model. Initializes a new instance of the class. The series data. Initializes a new instance of the class. Creates a new . The instance. Gets or sets the name of the field in the model that contains the series "from" values. Gets or sets the name of the field in the model that contains the series "to" values. Gets or sets the labels configuration. Gets or sets the error bars configuration. Inintializes the Chart RangeBar series. Defines the Kendo UI Chart RangeBar series. Initializes a new instance of the class. The series data. Initializes a new instance of the class. Defines the Kendo UI Chart Scatter Line series. Initializes a new instance of the class. The X expression. The Y expression. The note text expression. Initializes a new instance of the class. The data. Initializes a new instance of the class. The style of the series. The error bars of the series. Inintializes the Chart ScatterLine series. Creates a new . The instance. The base class for Chart Scatter Line series. Initializes a new instance of the class. The X expression. The Y expression. The note text expression. Initializes a new instance of the class. The data. Initializes a new instance of the class. The chart line width. The chart line dashType. The behavior for handling missing values in scatter line series. Defines the Kendo UI Chart Scatter series. Initializes a new instance of the class. The X expression. The Y expression. The note text expression. Initializes a new instance of the class. The data. Initializes a new instance of the class. The scatter chart error bars configuration. Inintializes the Chart Scatter series. Creates a new . The instance. The base class for Chart Scatter series. Initializes a new instance of the class. The X expression. The Y expression. The note text expression. Initializes a new instance of the class. The data. Initializes a new instance of the class. Gets the model X data member name. The model X data member name. Gets the model Y data member name. The model Y data member name. Gets the model note text member name. The model note text member name. Gets or sets the X axis name to use for this series. Gets or sets the Y axis name to use for this series. Gets the scatter chart data labels configuration The line chart markers configuration. The scatter chart data source. Inintializes the Chart Scatter series. The base class for Chart series. Initializes a new instance of the class. Gets or sets the title of the series. The title. Gets or sets the series opacity. A value between 0 (transparent) and 1 (opaque). Gets or sets the series base color Gets or sets the series color function Aggregate function for date series. Gets or sets the data point tooltip options Gets or sets the axis name to use for this series. The axis name. Gets or sets the category axis name to use for this series. The category axis name. Name template for auto-generated series when binding to grouped data. Gets or sets the series highlight options Gets or sets a value indicating if the series is visible Gets or sets a value indicating if the series is visible in the legend Gets or sets the series notes options Gets or sets the series Z-Index. A numeric value that will be compared with other series to determine stacking order. The configuration of the Box Plot median value indicator (line). The configuration of the Box Plot mean value indicator (line). Creates a new . The instance. Defines the Chart default series settings. Initializes a new instance of the class. The default settings for all bar series. The default settings for all column series. The default settings for all range bar series. The default settings for all range column series. The default settings for all area series. The default settings for all vertical area series. The default settings for all line series. The default settings for all vertical line series. The default settings for all pie series. The default settings for all donut series. The default settings for all scatter series. The default settings for all scatter line series. The default settings for all ohlc series. The default settings for all bullet series. The default settings for all vertical bullet series. The default settings for all radar area series. The default settings for all radar column series. The default settings for all radar line series. The default settings for all polar area series. The default settings for all polar line series. The default settings for all polar scatter series. Creates a new . The instance. The default settings for all funnel series. The default settings for all heat map series. Defines the Chart series highlight settings. Initializes a new instance of the class. Gets or sets the highlight opacity Gets or sets the highlight opacity Gets or sets the highlight border. Gets or sets the highlight line configuration The highlight markers configuration. Gets or sets a value indicating if the highlight is visible Gets or sets the highlight toggle handler. The highlight toggle handler. Gets or sets the highlight visual handler. The highlight visual handler. The opacity of the series when another series is highlighted. Creates a new . The instance. Defines the Kendo UI Chart Waterfall series. Initializes a new instance of the class. The expression used to extract the point value from the chart model. The expression used to extract the point category from the chart model. The expression used to extract the point summary type from the chart model. Initializes a new instance of the class. The data to bind to. Initializes a new instance of the class. Gets the model summary type member name. The model summary type member name. The Waterfall series line configuration. Creates a new . The instance. Inintializes the Chart Waterfall series. Defines the Kendo UI Chart Waterfall series. Initializes a new instance of the class. The expression used to extract the point value from the chart model. Initializes a new instance of the class. The data to bind to. Initializes a new instance of the class. The Kendo UI Chart Range Area series interface. Gets the data from member of the series. Gets the data to member of the series. Gets the model data category member name. The model data category member name. Gets the model color member name. The model color member name. The data used for binding. The range area chart line configuration. Aggregate function for date series. Gets the range area chart data labels configuration The range area chart markers configuration. The behavior for handling missing values in range area series. The orientation of the series. The Kendo UI Chart Area series interface. A value indicating if the areas should be stacked. The type of stack to plot Aggregate function for date series. Gets the area chart data labels configuration The area chart markers configuration. The behavior for handling missing values in area series. The orientation of the series. The Kendo UI Chart Bar series interface. A value indicating if the bars should be stacked. The stack group that this series belongs to. The type of stack to plot Aggregate function for date series. The distance between category clusters. Space between bars. The orientation of the bars. Gets the bar chart data labels configuration Gets or sets the bar's border Gets or sets the effects overlay Gets or series visual handler. The series visual handler. Gets or sets the series color for negative values The Kendo UI Chart categorical series error bars interface. Gets or sets the series error bars options The Kendo UI Chart Area series interface. The area chart line configuration. The Kendo UI Chart Bar series interface. The Chart bound series interface. Gets the data member of the series. Gets the model data category member name. The model data category member name. Gets the model color member name. The model color member name. Gets the model data note text member name. The model data note text member name. The data used for binding. The Kendo UI Chart Box Plot series interface. Aggregates function for date series. The distance between category clusters. The data used for binding. The ohlc chart line configuration. The type of the chart. Space between points. Gets or sets the point border. Gets the model color member name. The model color member name. Gets the model data category member name. The model data category member name. Gets the model note text member name. The model note text member name. Gets the model lower member name. The model lower member name. Gets the model q1 member name. The model q1 member name. Gets the model median member name. The model median member name. Gets the model close member name. The model close member name. Gets the model upper member name. The model upper member name. Gets the model mean member name. The model mean member name. Gets the model outliers member name. The model outliers member name. Gets or sets outliers. Gets or sets extremes. The orientation of the series. The Kendo UI Chart Bubble series interface. Gets the Size data member of the series. Gets the Category data member of the series. Gets the Color data member of the series. Gets the VisibleInLegend data member of the series. Gets the minimum bubble size of the series. Gets the maximum bubble size of the series. Gets the negative value bubbles options. Gets or sets the bubble border. The Kendo UI Chart Bullet series interface. The data used for binding. The distance between category clusters. Space between bullets. The orientation of the bullets. Gets or sets the bullet's border Gets or sets the bullet's target Gets or sets the effects overlay Gets the model color member name. The model color member name. Gets the model data category member name. The model data category member name. Gets the model note text member name. The model note text member name. Gets the model current member name. The model current member name. Gets the model target member name. The model target member name. Gets or sets the bullet's label The Kendo UI Chart Candlestick series interface. Gets the model down color member name. The model down color member name. Gets or sets the effects overlay. The Kendo UI Chart Donut series interface. Gets or sets the margin of the donut series. Gets or sets the size of the donut hole. Gets or sets the size of the donut series. The Kendo UI Chart Funnel series interface. Gets the series type. Gets the data visibleInLegend member of the series. Gets or sets the ratio top-base/bottom-base of the funnel chart. Gets or sets dynamicSlope option of the funnel chart. Gets or sets the dynamicHeight of the funnel chart. Gets or sets the space between the segments of the funnel chart. Gets or sets the funnel chart data labels configuration Gets or sets the funnel segments border Gets or sets the series visual handler. The series visual handler. The Kendo UI Chart series labels interface. Gets or sets the label font. Gets or sets a value indicating if the label is visible Gets or sets the series visible function Gets or sets the label background. Gets or sets the label border. Gets or sets the label margin. Gets or sets the label padding. Gets or sets the label color. Gets or sets a Function that returns the JavaScript handler for the labels color. Gets or sets the label format. Gets or sets the label template. Gets or sets the label opacity. Gets or sets the label rotation. Gets or sets the label visual handler. Creates a new . The instance. The Kendo UI Chart Line series interface. The style of the series. The Kendo UI Chart OHLC series interface. Aggregates function for date series. The distance between category clusters. The data used for binding. The ohlc chart line configuration. The type of the chart. Space between points. Gets or sets the point border. Gets the model color member name. The model color member name. Gets the model data category member name. The model data category member name. Gets the model note text member name. The model note text member name. Gets the model open member name. The model open member name. Gets the model high member name. The model high member name. Gets the model low member name. The model low member name. Gets the model close member name. The model close member name. The Kendo UI Chart Pie series interface. If set to true, the Chart automatically scales down to fit the content area. Applicable for the Pie and Donut series (see example). Gets the series type. Gets the data explode member of the series. Gets the data visibleInLegend member of the series. Gets the pie chart data labels configuration Gets or sets the pie's border Gets or sets the effects overlay Gets or sets the padding of the pie chart Gets or sets the start angle of the first pie segment Gets the pie chart connectors configuration Gets or sets the series visual handler. The series visual handler. The Kendo UI Chart Polar Line series interface. The style of the series. The Kendo UI Chart Polar Scatter series interface. The Kendo UI Chart Radar Area series interface. The radar area chart line configuration. The Kendo UI Chart Radar Line series interface. The radar line series style. The Kendo UI Chart Range Bar series interface. Gets or sets the name of the field in the model that contains the series "from" values. Gets or sets the name of the field in the model that contains the series "to" values. Gets or sets the labels configuration. The Kendo UI Chart Scatter Line series interface. The style of the series. The Kendo UI Chart Scatter series interface. The Kendo UI Chart series interface. The series name. The series opacity The series base color Gets or sets the series color function Aggregate function for date series. Gets or sets the data point tooltip options Gets or sets the axis name to use for this series. Gets or sets the category axis name to use for this series. Name template for auto-generated series when binding to grouped data. Gets or sets the series highlight options Gets or sets the visibility of the series. Gets or sets the visibility of the series in the legend. Gets or sets the series notes options Gets or sets the series Z-Index. A numeric value that will be compared with other series to determine stacking order. Creates a new . The instance. The Kendo UI Chart default series settings interface. The default settings for all bar series The default settings for all column series The default settings for all range bar series The default settings for all range column series The default settings for all line series The default settings for all vertical line series The default settings for all area series The default settings for all vertical area series The default settings for all pie series The default settings for all donut series The default settings for all funnel series The default settings for all scatter series The default settings for all scatter line series The default settings for all ohlc series The default settings for all bullet series. The default settings for all vertical bullet series. The default settings for all radar area series. The default settings for all radar column series. The default settings for all radar line series. The default settings for all polar area series. The default settings for all polar line series. The default settings for all polar scatter series. The default settings for all heat map series. The Kendo UI Chart Line series interface. A value indicating if the lines should be stacked. The type of stack to plot Aggregate function for date series. Gets the line chart data labels configuration The line chart markers configuration. The line chart line width. The line chart line dash type. The behavior for handling missing values in line series. The orientation of the series. The Kendo UI Chart Polar Area series interface. The polar area chart line configuration. The Kendo UI Chart scatter series error bars interface. The scatter chart error bars configuration. The Kendo UI Chart Scatter Line series interface. The line chart line width. The chart line dash type. The behavior for handling missing values in scatter line series. The Kendo UI Chart Scatter series interface. Gets the X data member of the series. Gets the Y data member of the series. Gets the note text member of the series. Gets the scatter chart data labels configuration The scatter chart markers configuration. Gets or sets the X axis name to use for this series. Gets or sets the Y axis name to use for this series. The data used for binding. The Kendo UI Chart Waterfall series interface. The series line configuration. Gets the model summary type member name. The model summary type member name. Initializes a new instance of the class. The Chat component. Builds the Chat markup. Specifies whether the widget should display the Apply / Cancel buttons. Enables the contrast tool in the ColorGradient. Specifies whether the widget should display the 'Clear color' button. Specifies whether selection of a color in the palette view closes the popup. Applied only when buttons are set to false and the currently selected view is palette. The number of columns to show in the color dropdown when a pallete is specified. This is automatically initialized for the "basic" and "websafe" palettes. If you use a custom palette then you can set this to some value that makes sense for your colors. Whether to render the input in the ColorGradient component. Allows localization of the strings that are used in the widget. Only for the HSV selector. If true, the widget will display the opacity slider. Note that currently in HTML5 the <input type="color"> does not support opacity. Displays the color preview element and the previously selected color for comparison. With buttons set to false, both elements will update at the same time. A CSS class name to display an icon in the color picker button. If specified, the HTML for the element will look like this: The initially selected color. Note that when initializing the widget from an <input> element, the initial color will be decided by the field instead. Defines the initially selected view in the ColorPicker. Defines the format of the gradient input editor Sets the size of the component. Sets a value controlling the border radius. Sets a value controlling how the color is applied. Defines the palettes that can be used in the color picker Applicable to a parent ComboBox in а cascading scenario. If set to true cascading will be triggered upon custom input in the parent widget. When set to false (default) the child will not cascade and it will be disabled upon setting custom input in the parent ComboBox. Cascade on custom values works only when cascadeFromParentField is not set for the child combo, or it points to the dataValueField of the parent. Sets the size of the component. Sets a value controlling the border radius. Sets a value controlling how the color is applied. Represents the menu item opening direction. Bottom direction Left direction Right direction Top direction Specifies the orientation in which the menu items will be ordered Items are oredered horizontally Items are oredered vertically Kendo UI DataSource component Provides the processed data after sorting, filtering and grouping are applied. The data collection. The total number of data entries. The result of the data aggregation. A list of errors that occurred during the creation of the data result. HtmlBuilder for the CheckBox component Initializes a new instance of the class. The CheckBox component. Builds the CheckBox markup. Create the HTML element for the component Adds attributes for event handlers The of the component of events Kendo UI CheckBox component The URL generator. Initializes a new instance of the class. The view context The JavaScriptInitializer The URL generator. The checked state of the CheckBox. Determines whether the checkbox label content should be rendered as an HTML string or it should be encoded. Specifies the label content for the checkbox. The value attribute of the widget input element. Sets a value controlling the size of the component. Sets a value controlling the border radius. If set to false, the CheckBox will be disabled and will not allow the user to change its checked state. Writes the initialization script. The . Writes the HTML. The . DiagramConnectionType Gets or sets the item action. Gets the items of the dropdowntree. Gets or sets the value as enumerable. Sets the size of the component. Sets a value controlling the border radius. Sets a value controlling how the color is applied. When filtering is enabled, allows aria-label to be defined for the filter input element. Adds a label before the input. If the input has no id attribute, a generated id will be assigned. The string and the function parameters are setting the inner HTML of the label. Represents an item from Kendo DropDownTree for ASP.NET MVC Initializes a new instance of the class. Gets the nested items collection of the item. Gets or sets the item ID. Gets or sets the item Value. Indicates whether the item is expanded. Indicates whether the item has children. Indicates whether the item is checked or not. Serizlizes the item properties to IDictionary<string, object>. Used for serializing objects. Initializes a new instance of the class. Indicates whether the item is enabled. Indicates whether the item is expanded. Indicates whether the item is encoded. Indicates whether the item is selected. Gets or sets the item text. Gets or sets the item text. Gets or sets the item sprite CSS class. Gets or sets the item ID. Gets or sets the URL that the item navigates to on click. Gets or sets the item image URL. Indicates whether the item has children. Indicates whether the item is checked or not. Gets or sets the nested items collection of the item. Gets or sets Dictionary of HTML attributes applied to the item. Gets or sets Dictionary of HTML attributes applied to the image content of the item. Gets or sets Dictionary of HTML attributes applied to the link content of the item. Defines the exported file name Defines the export action The title of the Accessibility in the Table Wizard dialog. The title of the tool that aligns the cell text. The title of the tool that aligns the cell text. The title of the tool that aligns the cell text. The title of the tool that aligns the cell text. The title of the tool that aligns the cell text. The title of the tool that aligns the cell text. The title of the tool that aligns the cell text. The title of the tool that aligns the cell text. The title of the tool that removes the cell text's alignment. The title of the tool that aligns the cell text. The title of the tool that aligns the cell text. The title of the tool that aligns the cell text. The title of the tool that aligns the cell text. The title of the tool that aligns the table. The title of the tool that aligns the table. The title of the tool that aligns the table. The title of the tool that aligns the cell text. The title of the format painter tool button that applies the copied format. The title of the Associate cells with headers tool. The title of the tool that changes the text background of the tables/cells. The title of the tool that changes the border of tables. The title of the tool that applies styling to elements. Deprecated. The title of the tool that adds caption to tables. The title of the tool that applies margin to table cells. The title of the tool that applies padding to table cells. The title of the tool that applies spacing to table cells. The title of the Cell tab in Table Wizard dialog. The title of the Collapse borders option in Table Wizard. The title of the Columns tool in Table Wizard. The title of the format painter tool button that copies format. The status text of the tool that inserts tables, which indicates the dimensions of the inserted table. The title of the CSS Class dropdown tool. The title of the OK buttons in editor's dialogs. The title of the iframe editing area when a sandboxed editor is used. Used as a hint for screen readers. The caption for the file title in the insertFile dialog. The caption for the file URL in the insertFile dialog. The title of the height fields. The title of the id fields. The caption for the image height in the insertImage dialog. The caption for the image width in the insertImage dialog. The title of the tool that inserts an upper roman list. The title of the tool that inserts an lower roman list. The title of the tool that shows the overflow tools. The title of the redo tool. The title of the Rows field in Table Wizard. The title of the Select All Cells tool. The title of the Summary field in Table Wizard. The title of the Table tab in Table Wizard. The title of the Table Wizard tool. The title of the undo tool. The label of the Units dropdowns in TableWizard dialog. The title of the Width fields. The title of the Wrap Text option in Table Wizard. Defines the size of the component Defines the fill of the component Defines the border radius of the component Defines the theme color set for the component Gets the base path from which content will be served. Gets the valid file extensions by which served files will be filtered. Determines if content of a given path can be browsed. The path which will be browsed. true if browsing is allowed, otherwise false. Updates an entry with a given entry. The path to the parent folder in which the folder should be created. The entry. An empty . Forbidden Determines if a file can be uploaded to a given path. The path to which the file should be uploaded. The file which should be uploaded. true if the upload is allowed, otherwise false. Uploads a file to a given path. The path to which the file should be uploaded. The file which should be uploaded. A containing the uploaded file's size and name. Forbidden Defines the fluent API for configuring the FileManagerContextMenuSettingsItem settings. Initialization for the Specifies the name of the item. Specifies the text of the item. Specifies the spriteCssClass of the item. Specifies the command of the item. Serialize current instance to Dictionary Defines the fluent API for configuring the FileManagerContextMenuSettings settings. Initialization for the Configures the items of the ContextMenu. Fires before a sub menu or the ContextMenu gets closed. You can cancel this event to prevent closure. ContextMenu Events. Fires before a sub menu or the ContextMenu gets opened. You can cancel this event to prevent opening the sub menu. ContextMenu Events. Fires when a sub menu or the ContextMenu gets opened and its animation finished. ContextMenu Events. Fires when a sub menu or the ContextMenu gets closed and its animation finished. ContextMenu Events. Fires when a menu item gets selected. ContextMenu Events. Serialize current instance to Dictionary The name of the operator The text displayed in the operators drop down The name of the operator's handler Defines the fluent API for configuring the FlatColorPickerContrastToolSettings settings. Initialization for the Enables the contrast tool in the ColorGradient. Sets the background color for the contrast tool in the ColorGradient. Serialize current instance to Dictionary Defines the fluent API for configuring the FlatColorPickerMessagesSettings settings. Initialization for the Allows customization of "Apply" label. Allows customization of "Cancel" label. Allows customization of the Clear Color button label. Allows customization of the "Contrast ratio" text in the contrast tool. Allows customization of the "Fail" text in the contrast tool. Allows customization of the "Pass" text in the contrast tool. Allows customization of the Gradient view button. Allows customization of the Palette view button. Allows customization of the toggle format button's aria-label in the Gradient's input editor. Allows customization of the rgb's red input's aria-label in the Gradient's input editor. Allows customization of the rgb's green input's aria-label in the Gradient's input editor. Allows customization of the rgb's blue input's aria-label in the Gradient's input editor. Allows customization of the rgb's alpha input's aria-label in the Gradient's input editor. Allows customization of the hex input's aria-label in the Gradient's input editor. Serialize current instance to Dictionary HtmlBuilder for the FlatColorPicker component Initializes a new instance of the class. The FlatColorPicker component. Builds the FlatColorPicker markup. Create the HTML element for the component Adds attributes for event handlers The of the component of events Defines the alignment of the FloatingActionButton Defines the fluent API for configuring the FloatingActionButtonAlignOffset settings. Initialization for the Specifies the horizontal offset of the FloatingActionButton. Specifies the horizontal offset of the FloatingActionButton. Serialize current instance to Dictionary Defines the fluent API for configuring the FormItemLabelSettings settings. Initialization for the The text of the label. Specifies if the field is optional by rendering additional text next to the label. Specifies if the label text will HTML-encoded before it is displayed. If set to `false` the label text will be displayed as is. Serialize current instance to Dictionary Initialization for the Defines the element in which the validation summary will be rendered. Specifies the template for rendering the validation summary. The id for the validation summary template. Serialize current instance to Dictionary Gets the columns in the group Initializes a new instance of the class. Initialization for the If set to true and if sorting is enabled for the entire Gantt, the user will be allowed to sort by the current column value. A JavaScript function for comparing the values. If the first argument is less than the second one, returns -1.; If both arguments are the same, returns 0. or If the first argument is greater than the second one, returns +1.. Serialize current instance to Dictionary Defines the items of the GridLayout The configurator for the container setting. Defines the items of the GridLayout The configurator for the container setting. Defines the items of the GridLayout The configurator for the container setting. Defines the width of the container. Defines the spacing between rows of the container. Defines the spacing between columns of the container. Defines the horizontal align of the items in the grid column. Default value is Stretch. Defines the vertical align of the items in the grid column. Default value is Stretch. Sets the HTML content of the container. The action which renders the HTML content. @( Html.Kendo().GridLayout() .Name("GridLayout") .Panes(panes => { panes.Add() .Content(() => { >% <p>Content</p> %<}); }) .Render(); ) Sets the HTML content of the container. The Razor template for the HTML content. @(Html.Kendo().GridLayout() .Name("GridLayout") .Panes(panes => { panes.Add() .Content(@<p>Content</p>); }) .Render();) Sets the HTML content of the container. The HTML content. @( Html.Kendo().GridLayout() .Name("GridLayout") .Panes(panes => { panes.Add() .Content("<p>Content</p>"); }) ) Defines the row number position of the item in the grid. Defines the column number position of the item in the grid. Defines the row span of the item. Defines the column index of the grid. Sets the HTML attributes applied to the outer HTML element rendered for the item The attributes. Sets the HTML attributes applied to the outer HTML element rendered for the item The attributes. Defines the width of the container. Defines the spacing between rows of the container. Defines the spacing between columns of the container. Defines the horizontal align of the items in the grid column. Default value is Stretch. Defines the vertical align of the items in the grid column. Default value is Stretch. Defines the grid layout items. Defines the grid layout row definitions. Defines the grid layout column definitions. Defines the width parameter of the column. Defines the additional HTML attributes of the container. The HTML attributes. Defines the row number position of the item in the grid. Defines the column number position of the item in the grid. Defines the row span of the item. Defines the column index of the grid. Specifies the container contents Defines the height of the grid row. Defines how the grid pager will be displayed by Kendo UI Grid for ASP.NET MVC The pager is displayed at the bottom of the grid The pager is displayed at the top of the grid Defines the type of the loader that will be displayed while loading the data A panel with a circular loading indicator. A skeleton enabled loader Represents the Kendo Grid virtualization mode If set to false the column will be excluded from the exported Excel/PDF files. If set to false the column will be excluded from the exported Excel files. If set to false the column will be excluded from the exported PDF files. Kendo UI GridColumnMenuColumnsSettings class The sort order which will be applied over the columns list. By default, the columns menu items are in the same order as the columns in the grid.The supported values are: "asc" (ascending order) or "desc" (descending order). If set to true the column menu would allow the user to select (show and hide) grid columns. By default the column menu allows column selection. The user defined groups of the columns visibility list. Serialize current instance to Dictionary A JavaScript function which is used to compare the groups (refer to Sortable.Compare for comparing the items of the groups). It has the same signature as the compare function accepted by Array.sort. The sort order of the groups according to the group field. The supported values are: "asc" (ascending order) "desc" (descending order) The setting for a groupable column. If set to true the user can click the column header and sort the grid by the column field when sorting is enabled. If set to false sorting will be disabled for this column. By default all columns are sortable if sorting is enabled via the sortable option. Function which is used to compare the values. Specifies the sort order. Kendo UI GridColumnMenuColumnsSettingsGroup class The title of the group The titles of the columns that are part of the group. In case some column does not have a specified title, you can use the field instead. Columns that don't have specified either a title or a field, are not displayed in the column menu. Serialize current instance to Dictionary Gets or sets the Position property Kendo UI GridSearchSettings class Serialize current instance to Dictionary The fields by which the grid will search Represents the selectable options. Single selection Multiple selections Represents the scrollable modes supported by Kendo UI ListView for ASP.NET MVC Allows endless scrolling. Kendo UI ListViewScrollableSettings class Specifies whether scrollable is allowed. By default scrollable is disabled. Represents the scrolling modes supported by the ListView. Defines the size of the loader Defines the theme color of the loader Defines the type of the loader Defines the fluent API for configuring the MaskedTextBoxLabelSettings settings. Initialization for the Sets the inner HTML of the label. If set to true, the widget will be wrapped in a container that will allow the floating label functionality. Serialize current instance to Dictionary Initializes a new instance of the class. The MediaPlayer component. Builds the MediaPlayer component markup. Kendo UI MediaPlayer component Specifies the object which holds the information about the media that will be played Specifies the title of the media that will be played String or an array of objects that hold the URL\URLs to the videos Kendo UI MediaPlayerMessagesSettings class Initializes a new instance of the class. The ButtonGroup component. Builds the ButtonGroup markup. Represents an item from Kendo ButtonGroup for ASP.NET MVC Gets the HTML attributes. The HTML attributes. If set to true a default overlay badge will be displayed. If set to a string, an ovelay with content set to the specified string will be displayed. Can be set to a JavaScript object which represents the configuration of the Badge widget. Initializes a new instance of the class. The MobileCollapsible component. Builds the MobileCollapsible markup. Icon's Positions Defines the fluent API for configuring the NumericTextBoxLabelSettings settings. Initialization for the Sets the inner HTML of the label. If set to true, the widget will be wrapped in a container that will allow the floating label functionality. Serialize current instance to Dictionary Defines the fluent API for configuring the PDFViewerPdfjsProcessingFileSettings settings. Initialization for the Specifies the url to file. Specifies the data of the file. Specifies the the URL where the predefined Adobe CMaps are located. Specifies if the Adobe CMaps are binary packed. Serialize current instance to Dictionary Collection of key-value pairs that would be used to generate the attributes attached to each k-radio-item element. Collection of key-value pairs that would be used to generate the attributes attached to each k-radio-item element. Defines whether the radio button is enabled or not. By default all radio buttons are enabled. Determines whether the radio button label content should be rendered as an HTML string or it should be encoded. Specifies the label content for the radio button. Specifies the value for the radio button. Kendo UI QRCodeOverlaySettings class The height of the overlay. Available options are image and swiss. When set to image you have to specify the url source of the image. If set to swiss a Swiss QR Code is created. The URL of the displayed overlay image. The width of the overlay. Serialize current instance to Dictionary The start date of the year view. The number of months that will be displayed in the year view calendar. The template used to render the tooltip in year view. The tooltipTemplate The Id of the template used to render the tooltip in year view. The tooltipTemplateId Initializes a new instance of the class. The ScrollView component. Builds the ScrollView markup. Adds attributes for event handlers The of the component of events Specifies a template is used to populate an aria-live element that anounces which is the current item. The id for the ARIATemplate The handler for the ARIATemplate If set to false the widget will not bind to the DataSource during initialization. The intensity of the swipe after which the swipe will result in a bounce effect when the user scrolls to the next page. Higher values require more accelerative swipe to notice the bounce effect when a page is changed. The duration (in milliseconds) for the ScrollView to snap to the current page after the user releases it. The template for rendering the pages without content. By default, the ScrollView renders a blank page. The id for the EmptyTemplate The handler for the EmptyTemplate If set to true, the ScrollView will display a pager. By default, the pager is enabled. Defines the messages that are set as aria-lables for the previous and next buttons. If set to true enables the built-in keyboard navigation If set to true the grid will display a pager. By default paging is disabled.Can be set to a JavaScript object which represents the pager configuration. The initial page that will be displayed. The template for rendering the content of the pages. By default, the ScrollView renders a div element for every page. The id for the Template The handler for the Template The length of the horizontal swipe after which a swipe will navigate to the next page - as opposed to snapping back to the current page. Higher values require long area swipes to navigate to the next page. The height of the ScrollView content. Gets the HTML attributes. The HTML attributes. Gets the content of the item Defines the items of the StackLayout The configurator for the container setting. Sets the HTML content of the container. The action which renders the HTML content. @( Html.Kendo().StackLayout() .Name("StackLayout") .Panes(panes => { panes.Add() .Content(() => { >% <p>Content</p> %<}); }) .Render(); ) Sets the HTML content of the container. The Razor template for the HTML content. @(Html.Kendo().StackLayout() .Name("StackLayout") .Panes(panes => { panes.Add() .Content(@<p>Content</p>); }) .Render();) Sets the HTML content of the container. The HTML content. @( Html.Kendo().StackLayout() .Name("StackLayout") .Panes(panes => { panes.Add() .Content("<p>Content</p>"); }) ) Specifies the container contents Defines the spacing between items in the stack. Accepts css unit value (ex: 10px). Defines the width of the stack container. Accepts css unit value (ex: 500px). Defines the height of the stack container. Accepts css unit value (ex: 800px). Defines the orientation of the items in the stack. Default value is Horizontal. Defines the horizontal align of the items in the stack. Default value is Stretch. Defines the vertical align of the items in the stack. Default value is Stretch. Defines the items of the StackLayout Defines the alignment of the stack relative to the x axis. Stretches the inner elements horizontally. Aligns the inner elements to the left. Aligns the inner elements to the right. Aligns the inner elements to the center. Defines the orientation of the Stack Layout. Orders the inner elements in a horizontal stack. Orders the inner elements in a vertical stack. Defines the alignment of the stack relative to the y axis. Stretches the inner elements vertically. Aligns the inner elements to the top. Aligns the inner elements to the bottom. Aligns the inner elements to the center. Defines the fluent API for configuring the SwitchMessagesSettings. Initializes a new instance of the class. The Switch component. Builds the Switch markup. Sets the size of the component. Sets a value controlling the track's border radius. Sets a value controlling the thumb's border radius. Defines the text of the checked and unchecked labels that are shown within the Switch. All labels could be localized. Applicable to a parent MultiColumnComboBox in а cascading scenario. If set to true cascading will be triggered upon custom input in the parent widget. When set to false (default) the child will not cascade and it will be disabled upon setting custom input in the parent MultiColumnComboBox. Cascade on custom values works only when cascadeFromParentField is not set for the child combo, or it points to the dataValueField of the parent. Sets the size of the component. Sets a value controlling the border radius. Sets a value controlling how the color is applied. Represents available tag modes of MultiSelect. Renders a tag for each selected value Renders a single tag It defines the start of the selected range. The value that configures the start. It defines the end of the selected range. The value that configures the start. Kendo UI MultiViewCalendarMessagesSettings class Kendo UI MultiViewCalendarMessagesSettings class Used for serializing objects. Initializes a new instance of the class. Indicates whether the item is enabled. Indicates whether the item is expanded. Indicates whether the item is encoded. Indicates whether the item is selected. Gets or sets the item text. Gets or sets the item sprite CSS class. Gets or sets the item ID. Gets or sets the URL that the item navigates to on click. Gets or sets the item image URL. Indicates whether the item has children. Gets or sets the nested items collection of the item. Gets or sets Dictionary of HTML attributes applied to the item. Gets or sets Dictionary of HTML attributes applied to the image content of the item. Gets or sets Dictionary of HTML attributes applied to the link content of the item. Kendo UI RadioButton component The URL generator. Initializes a new instance of the class. The view context The JavaScriptInitializer The URL generator. The checked state of the RadioButton. Determines whether the radio label content should be rendered as an HTML string or it should be encoded. Specifies the label content for the radio. Sets a value controlling the size of the component. If set to false, the RadioButton will be disabled and will not allow the user to change its checked state. Writes the initialization script. The . Writes the HTML. The . Represents the dependency types supported by Kendo UI Gantt for ASP.NET MVC The task cannot end before its predecessor task ends, although it may end later. The task cannot start before its predecessor task ends, although it may start later. The task cannot end before its predecessor task starts, although it may end later. The task cannot start until the predecessor tasks starts, although it may start later. Gets the columns in the group Gets the columns in the group Represents the filterable modes supported by Kendo UI Grid for ASP.NET MVC Represents the toolbar command types supported by Kendo UI Scheduler for ASP.NET MVC Sets the command which will be displayed in the scheduler footer. Currently only "workDay" option is supported. If the option is set to false, the "workDay" button will be removed from the footer. Sets whether the footer will be rendered or not. Represents the recurring events edit mode. Specifies if the Print dialog should be opened immediately after loading the document. Specifies the quality of the images within the exported file, from 0 to 1. If set to true all PNG images contained in the exported file will be kept in PNG format. Specifies the AutoComplete filter option. The possible values are the same as the ones for the AutoComplete filter option - "startswith", "endswith", "contains". Specifies the delay of the AutoComplete widget which will provide the suggest functionality (when using String type column). Specifies the minLength option of the AutoComplete widget when column is of type string. Specifies the AutoComplete filter option. The possible values are the same as the ones for the AutoComplete filter option - "startswith", "endswith", "contains". Specifies the width of the input before it is initialized or turned into a widget. Provides convenient way to set the width according to the column width. Specifies the name of the field which will provide the text representation for the AutoComplete suggestion (when using String type column) when CustomDataSource is provided. By default the name of the field bound to the column will be used. Enable/Disable the filter. Specifies whether to show or hide the DropDownList with the operators. Function which will customize how the input for the filter value is rendered. Initializes a new instance of the class. The Diagram component. Builds the Diagram markup. Initializes a new instance of the class. The base class for all columns in Kendo Gantt for ASP.NET MVC. Gets or sets the member of the column. The member. Gets or sets the format of the column. The format. Gets or sets the title of the column. The title. Gets or sets the width of the column. The width. Gets or sets whether the column is editable Whether the column is editable. Gets or sets whether the column is editable Whether the column is editable. Gets or sets whether the column is sortable Whether the column is sortable. The HTML attributes of the table cell (<td>) that is rendered for the column. If set to true, the column will show the icons that are used for expanding and collapsing child rows. By default, the "title" column of the Gantt is expandable. If set to true and if filtering is enabled for the entire Gantt, a filter menu will be displayed for this column. If set to false, the filter menu will not be displayed. By default, a filter menu is displayed for all columns when filtering is enabled through the filterable option. Can be set to a JavaScript object which represents the filter menu configuration. The HTML attributes of the table header cell (<th>) that is rendered for the column. The template which renders the column header content. By default, the value of the title column option is displayed in the column header cell. The id for the HeaderTemplate If set to true, the Gantt will not display the column. By default, all columns are displayed. If set to true, the Gantt will display the column in the column menu. By default, the column menu includes all data-bound columns, that is, the ones with a set field option. The pixel screen width below which the column will be hidden. The setting takes precedence over the hidden setting and the two cannot not be used at the same time. The template which renders the column content. The Gantt renders table rows (<tr>) which represent the data source items. Each table row consists of table cells (<td>) which represent the GanttList columns. By default, the HTML-encoded value of the field is displayed in the column. The id for the Template Sortable settings configuration. The HTML attributes of the table cell (<td>) that is rendered for the column. If set to true, the column will show the icons that are used for expanding and collapsing child rows. By default, the "title" column of the Gantt is expandable. If set to true and if filtering is enabled for the entire Gantt, a filter menu will be displayed for this column. If set to false, the filter menu will not be displayed. By default, a filter menu is displayed for all columns when filtering is enabled through the filterable option. Can be set to a JavaScript object which represents the filter menu configuration. The HTML attributes of the table header cell (<th>) that is rendered for the column. The template which renders the column header content. By default, the value of the title column option is displayed in the column header cell. The id for the HeaderTemplate If set to true, the Gantt will not display the column. By default, all columns are displayed. If set to true, the Gantt will display the column in the column menu. By default, the column menu includes all data-bound columns, that is, the ones with a set field option. The pixel screen width below which the column will be hidden. The setting takes precedence over the hidden setting and the two cannot not be used at the same time. The template which renders the column content. The Gantt renders table rows (<tr>) which represent the data source items. Each table row consists of table cells (<td>) which represent the GanttList columns. By default, the HTML-encoded value of the field is displayed in the column. The id for the Template Initializes a new instance of the class. The Gantt component. Builds the Gantt markup. Gets the base path from which content will be served. Gets the valid file extensions by which served files will be filtered. Determines if content of a given path can be browsed. The path which will be browsed. true if browsing is allowed, otherwise false. Deletes a entry. The path to the entry. The entry. An empty . Forbidden Determines if a file can be deleted. The path to the file. true if file can be deleted, otherwise false. Determines if a folder can be deleted. The path to the folder. true if folder can be deleted, otherwise false. Determines if a folder can be created. The path to the parent folder in which the folder should be created. Name of the folder. true if folder can be created, otherwise false. Creates a folder with a given entry. The path to the parent folder in which the folder should be created. The entry. An empty . Forbidden Determines if a file can be uploaded to a given path. The path to which the file should be uploaded. The file which should be uploaded. true if the upload is allowed, otherwise false. Uploads a file to a given path. The path to which the file should be uploaded. The file which should be uploaded. A containing the uploaded file's size and name. Forbidden Gets the valid file extensions by which served files will be filtered. The HTML attributes of the table cell (<td>) that is rendered for the column. If set to true, the column will show the icons that are used for expanding and collapsing child rows. By default, the "title" column of the Gantt is expandable. If set to true and if filtering is enabled for the entire Gantt, a filter menu will be displayed for this column. If set to false, the filter menu will not be displayed. By default, a filter menu is displayed for all columns when filtering is enabled through the filterable option. Can be set to a JavaScript object which represents the filter menu configuration. The HTML attributes of the table cell (<td>) that is rendered for the column. The template which renders the column header content. By default, the value of the title column option is displayed in the column header cell. The id for the HeaderTemplate If set to true, the Gantt will not display the column. By default, all columns are displayed. If set to true, the Gantt will display the column in the column menu. By default, the column menu includes all data-bound columns, that is, the ones with a set field option. The pixel screen width below which the column will be hidden. The setting takes precedence over the hidden setting and the two cannot not be used at the same time. The template which renders the column content. The Gantt renders table rows (<tr>) which represent the data source items. Each table row consists of table cells (<td>) which represent the GanttList columns. By default, the HTML-encoded value of the field is displayed in the column. The id for the Template The bing map tile types. Possible options. The type of the operation. The name of the endpoint action. The name of the endpoint controller. The data sent to the endpoint. The route values to the endpoint. The name of the route. The URL. The type of the content. The cache. The collection of headers. The number of available pages. It allows the filtering operation to be performed considering the diacritic characters for specific language. The page of data which the data source will return when the view method is invoked. The grouping configuration of the data source. If set, the data items will be grouped when the data source is populated. By default, grouping is not applied. The total number of data items. The configuration used to parse the remote service response. The events configuration. If set to true, the data source will batch CRUD operation requests. For example, updating two data items would cause one HTTP request instead of two. By default, the data source makes an HTTP request for every CRUD operation. If set, the data source will use a predefined transport and/or schema. The supported values are: "odata" which supports the OData v.2 protocol "odata-v4" which partially supports odata version 4 "signalr" The filters which are applied over the data items. By default, no filter is applied. The grouping configuration of the data source. If set, the data items will be grouped when the data source is populated. By default, grouping is not applied. The aggregates which are calculated when the data source populates with data. The supported aggregates are: "average" - Only for Number. "count" - String, Number and Date. "max" - Number and Date. "min" - Number and Date. "sum" - Only for Number. The number of data items per page. The property has no default value. Therefore, to use paging, make sure some pageSize value is set. If set to true, the data source will leave the data item paging implementation to the remote service. By default, the data source performs paging client-side. If set to true, the data source will leave the data item sorting implementation to the remote service. By default, the data source performs sorting client-side. If set to true, the data source will leave the filtering implementation to the remote service. By default, the data source performs filtering client-side. If set to true, the data source will leave the grouping implementation to the remote service. By default, the data source performs grouping client-side. If set to true, the data source will leave the aggregate calculation to the remote service. By default, the data source calculates aggregates client-side. The configuration used to load and save the data items. A data source is remote or local based on the way it retrieves data items. Remote data sources load and save data items from and to a remote end-point (also known as remote service or server). The transport option describes the remote service configuration - URL, HTTP verb, HTTP headers, and others. The transport option can also be used to implement custom data loading and saving. Local data sources are bound to a JavaScript array via the data option. Provides information about paging, sorting, filtering and grouping of data. The current page. The page size. The sorting of the data. The filtering of the data. The grouping of the data. The data aggregation. Indicates whether group paging is enabled. Indicates whether subgroup count should be included The current skip. The current take. Populates a DataSourceRequest object with information about paging, sorting, filtering and grouping of data. Provides the processed data after paging, sorting, filtering and grouping are applied. The data collection. The total number of data entries. The result of the data aggregation. A list of errors that occurred during the creation of the data result. Represents available types of calendar views. Shows the days of the current month Shows the months of the current year Shows the years of the current decade Shows the decades of the current century Adds a label before the input. If the input has no id attribute, a generated id will be assigned. The string and the function parameters are setting the inner HTML of the label. Gets the valid file extensions by which served files will be filtered. Serves an image's thumbnail by given path. The path to the image. Thumbnail of an image. Throws 403 Forbidden if the is outside of the valid paths. Throws 404 File Not Found if the refers to a non existant image. Kendo UI FlatColorPicker component Initializes a new instance of the class. The view context The JavaScriptInitializer The ViewDataDictionary. Defines the palettes that can be used in the color picker. Specifies whether we should display the opacity slider to allow selection of transparency. Specifies whether the widget should display the Apply / Cancel buttons. The number of columns to show in the palette. Also defines the width of the FlatColorPicker. Enables the contrast tool in the ColorGradient. Specifies whether the widget should display the 'Clear color' button. Sets the default input format in the gradient input editor. Whether to render the input in ColorGradient component. Specifies the initially selected color. The initially selected view in the FlatColorPicker. Specifies whether a selected and previous color are displayed for color comparison. with autoupdate set to true both selected and previous colors will be updated. Specifies whether the UI should be updated while the user is typing in the input field, whenever a valid color can be parsed. If you passfalse for this, the widget will update only when ENTER is pressed. Allows customization of "Apply" / "Cancel" labels. Writes the initialization script. The . Writes the HTML. The . Defines the position of the radial gauge labels. The labels are positioned inside. The labels are positioned outside. Initializes a new instance of the class. The radila scale lables position. Initializes a new instance of the class. The scale end angle.s The scale start angle. The width of the range indicators The distance from the range indicators to the ticks The scale labels. Initializes a new instance of the class. The linear gauge. Gets or sets the linear gauge. The linear gauge. The scale mirror. The scale orientation. The scale labels. The width of the range indicators. The scale mirror. The scale vertical. The scale labels. The width of the range indicators. Initializes a new instance of the class. The radial gauge. Gets or sets the radial gauge. The radial gauge. The scale end angle. The scale start angle. The width of the range indicators The distance from the range indicators to the ticks The scale labels. Specifies the component type of the widget. "classic" - Uses the standard rendering of the widget. or "modern" - Uses new rendering with a fresh and modern look and feel.. Sets the size of the component. Sets a value controlling the border radius. Sets a value controlling how the color is applied. Allows localization of the strings that are used in the widget. Adds a label before the input. If the input has no id attribute, a generated id will be assigned. The string and the function parameters are setting the inner HTML of the label. Specifies the DropDownListItem. Specifies the Text. Specifies the Value. Specifies the Selected state. Sets the size of the component. Sets a value controlling the border radius. Sets a value controlling how the color is applied. When filtering is enabled, allows custom title to be defined for the filter input element. Fine-tune deserialization in the Editor widget. Deserialization is the process of parsing the HTML string input from the value() method or from the viewHtml dialog into editable content. Relaxes the same-origin policy when using the iframe-based editor. This is done automatically for all cases except when the policy is relaxed by document.domain = document.domain. In that case, this property must be used to allow the editor to function properly across browsers. This property has been introduced in internal builds after 2014.1.319. If enabled, the editor disables the editing and command execution in elements marked with editablecontent="false" attribute. Defines the text of the labels that are shown within the editor. Used primarily for localization. Options for controlling how the pasting content is modified before it is added in the editor. The hint displayed by the widget when it is empty. Not set by default. If enabled, the editor renders a resize handle to allow users to resize it. Allows setting of serialization options. Defines the Effects settings. Configures the fade effect direction. The fade direction. .Animation(animation => animation.Close(close => close.Fade(FadeDirection.Out))) Configures the zoom effect direction. The zoom direction. .Animation(animation => animation.Close(close => close.Zoom(ZoomDirection.Out))) Configures the slidein effect direction. The slidein direction. .Animation(animation => animation.Close(close => close.SlideIn(SlideDirection.Right))) Enables the expand effect. .Animation(animation => animation.Open(open => open.Expand())) Configures the expand effect direction. The expand direction. .Animation(animation => animation.Open(open => open.Expand(ExpandDirection.Vertical))) Sets the animation duration. The animation duration. .Animation(animation => animation.Open(open => open.Duration(200))) Enables or disables the effect animation reverse. If true, reverses the effect animation. .Animation(animation => { animation.Open(open => open.SlideIn(SlideDirection.Left).Duration(500)); animation.Close(close => close.SlideIn(SlideDirection.Left).Duration(500).Reverse(true)); }) Sets a predefined animation duration (Fast, Normal, Slow). The animation duration. .Animation(animation => animation.Open(open => open.Duration(AnimationDuration.Slow))) Defines the shape of the liner gauge pointer. Specifies a filling bar indicator. Specifies a arrow shape. Initializes a new instance of the class. Gets or sets cap color Gets or sets the cap opacity The cap opacity Gets or sets the cap size in percents The cap size in percents Initializes a new instance of the class. Gets or sets pointer color The pointer length (in percent) that is based on the distance to the scale. The default length of 1 indicates that the pointer exactly reaches the scale. Accepts values between 0.1 and 1.5. Gets or sets the pointer opacity The pointer opacity Gets or sets the pointer value The pointer value Gets or sets the pointer value The pointer value Initializes a new instance of the class. Gets or sets track color Gets or sets the track border Gets or sets the track size The track size Gets or sets the visibility of the track The track visibility Gets or sets the track opacity The track opacity Initializes a new instance of the class. Gets or sets the pointer margin Gets or sets pointer color Gets or sets the pointer border Gets or sets the pointer opacity The pointer opacity Gets or sets the pointer shape The pointer shape Gets or sets the pointer size The pointer size Gets or sets the pointer value The pointer value Gets or sets the pointer position The pointer position Initializes a new instance of the class. The view context. The javascript initializer. The URL Generator. Configuration for the default scale (if any) Configuration for the default pointer (if any) Configuration for the default multiple pointers (if any) Initializes a new instance of the class. The view context. The javascript initializer. The URL Generator. Configuration for the default scale (if any) Configuration for the default pointer (if any) Configuration for the default multiple pointers (if any) Initializes a new instance of the class. Gets or sets the gauge area background. The gauge area background. Gets or sets the gauge area border. The gauge area border. Gets or sets the gauge area margin. The gauge area margin. Creates a serializer Initializes a new instance of the class. The view context. The javascript initializer. The URL Generator. Gets or sets the URL generator. The URL generator. Gets or sets the Gauge area. The Gauge area. Gets or sets the Gauge transitions. The Gauge Transitions. Gets or sets the Gauge theme. The Gauge theme. Gets or sets the render type. The render type. The component UrlGenerator The component view context Initializes a new instance of the class. Initializes a new instance of the class. Gets or sets the ticks size. Gets or sets the ticks width. Gets or sets the ticks color. Gets or sets the ticks dash type. Gets or sets the ticks visibility. Initializes a new instance of the class. The scale major ticks configuration. The scale minor ticks configuration. The scale ranges. The scale major unit. The scale minor unit. The scale min value. The scale max value. The scale reverse. The line reverse. Initializes a new instance of the class. The scale ranges. The scale major unit. The scale major unit. The scale major ticks configuration. The scale minor ticks configuration. The scale min value. The scale max value. The scale reverse. The line. Set the data of the column. Specifies the data value field. Specifies the data text field. The DataSource of the foreign key column. Specifies if a server editor is used for the foreign key column. The UI filter role. The UI filter handler. Allows customization on the logic that renders the checkboxes when using checkbox filtering. The dataSource configuration for the items that will be used when Columns.Filterable.Multi is enabled. Used to enable/disable the MultiCheck filtering support for that column. Controls whether to show or not the checkAll checkbox before the other checkboxes when using checkbox filtering. Controls whether to show a search box when checkbox filtering is enabled. Toggles between case-insensitive (default) and case-sensitive searching. Used to set specify the ID of the DataSource. Specifies the component type of the column menu. "classic" - Uses the standard rendering of the column menu. or "modern" - Uses new rendering with a fresh and modern look and feel.. Represents an aggregate result. The max aggregate result. The min aggregate result. The count aggregate result. The average aggregate result. The sum aggregate result. Represents the aggregate result when grouping is enabled The title of the group aggregate result. The key of the group aggregate result. Represents the selection modes supported by Kendo UI Grid for ASP.NET MVC Represents the selection types supported by Kendo UI Grid for ASP.NET MVC MapControlPosition The configuration of built-in map controls. The default configuration for map layers by type. The configuration of the map layers. The layer type is determined by the value of the type field. The default options for all markers. Static markers to display on the map. The minimum zoom level. Typical web maps use zoom levels from 0 (whole world) to 19 (sub-meter features). The maximum zoom level. Typical web maps use zoom levels from 0 (whole world) to 19 (sub-meter features). The size of the map in pixels at zoom level 0. Controls whether the user can pan the map. Specifies whether the map should wrap around the east-west edges. The initial zoom level.Typical web maps use zoom levels from 0 (whole world) to 19 (sub-meter features).The map size is derived from the zoom level and minScale options: size = (2 ^ zoom) * minSize Controls whether the map zoom level can be changed by the user. The default marker shape. Supported shapes are "pin" and "pinTarget". Represents the menu item opening direction. Bottom direction Left direction Right direction Top direction Mode of adaptive rendering Disables the mobile adaptive rendering Autodetect if rendered by a mobile browser Force mobile phone rendering Force mobile tablet rendering MobilePopup's Directions Sets the size of the component. Sets a value controlling the border radius. Sets a value controlling how the color is applied. Represents the editing modes supported by Kendo UI Grid for ASP.NET MVC The template which renders the column content. The template which renders the column header content. The template which renders the column footer content. The template which renders the column client content. The template which renders the client group header content. The template which renders the column client group header content. The template which renders the client group footer content. The template which renders the client footer content. If set to true the column value will be HTML-encoded before it is displayed. If set to false the column value will be displayed as is. By default the column value is HTML-encoded. If set to true the column will be displayed as locked (frozen) in the grid. If set to false the column will remain in the side of the grid into which its own locked configuration placed it. If set to true a draghandle will be rendered and the user could reorder the rows by dragging the row via the drag handle. If the selectable option is enabled for rows only selected rows will can be dragged and reordered. If set to true the column will be displayed as sticky in the grid. If set to true the user will be able to stick or unstick the column from the column menu. Specify the name of the used editor template. If set to true a filter menu will be displayed for this column when filtering is enabled. If set to false the filter menu will not be displayed. By default a filter menu is displayed for all columns when filtering is enabled via the filterable option. The format that is applied to the value before it is displayed. If set to false the user will not be able to group the grid by this column (requires Grid groupable property to be enabled). By default all columns are groupable. Set the HTML attributes for the column header. Set the HTML attributes for the column footer. If set to true the column will not be displayed in the grid. By default all columns are displayed. Should be included in the menu. Set the HTML attributes. Member value. Member type. Specify if the column is read-only. If set to true the user can click the column header and sort the grid by the column field when sorting is enabled. If set to false sorting will be disabled for this column. By default all columns are sortable if sorting is enabled via the sortable option. The text that is displayed in the column header cell. If not set the field is used. If set to false the column will not be rendered. By default all columns are rendered and displayed. Sets the width of the column. Sets the condition that needs to be satisfied for a column to remain visible. The pixel screen width below which the column will be hidden. The setting takes precedence over the hidden setting, so the two should not be used at the same time. The pixel screen width below which the user will not be able to resize the column via the UI. Specifies the role of the filter. If set to `true` the column will be hidden when the grid is grouped via user interaction. The column will be displayed again if interaction to ungroup by it is performed. The configuration of the column command(s). The configuration of the column command(s). Kendo UI ListViewSettingsSerializer class Initializes a new instance of the class. Serializes the current instance to a Dictionary. The object in which settings will be serialized. Represents the selection modes supported by Kendo UI ListView for ASP.NET MVC Allows single item selection. Allows multiple items selection. Defines the fluent interface for building the ListView HTML output. Initializes a new instance of the class. The ListView component. Builds the ListView component markup. Kendo UI IListView interface Gets the UrlGenerator instance. Gets the current ViewContext. Gets the DataSource settings. Gets the ListView wrapper element tag name. Gets the id of the client template used to render ListView items. Gets the id of the client template used to render ListView items. Gets the ListView paging settings. Gets the ListView keyboard navigation settings. Gets the ListView selection settings. Flex layout settings Grid layout settings. Renders border around the listview element. Renders border around the listview items. Valid values are: all: renders borders around listview items.; horizontal: renders top border of listview items. Useful when setting layout: "flex" and flex.direction: column. or vertical: renders top border of listview items. Useful when setting layout: "flex" and flex.direction: row.. Specify the layout of listview content. Valid options are: flex: This is equivalent to display: flex. It defines a flex container and enables a flex context for all its direct children. Think of flex items as primarily laying out either in horizontal rows or vertical columns. or grid: This is equivalent to display: grid. It defines the element as a grid container and establishes a new grid formatting context for its contents.. Gets the ListView editor HTML. Gets the ListView editing settings. Kendo UI ListView component Initializes a new instance of the class. The context for view execution. The JavaScript initializer. The url generator. Sets an aria-label attribute on the ListView content element (the element with role listbox or list). Defines whether the ListView will bind to the data source during initialization. Specifies ListView wrapper element tag name. Gets the UrlGenerator instance. Gets the DataSource settings. Gets or sets the name of the external DataSource used by the ListView. Gets or sets the id of the client template used to render ListView items. Gets or sets the client template used to render ListView items. Gets or sets the id of the client template used to render ListView items. Gets or sets the client template used to render ListView items. Gets the ListView paging settings. If set to `true` the listview will display a scrollbar when the content exceeds the listview [height](/api/javascript/ui/listview/configuration/height) value. By default scrolling is disabled. It could be set to endless in order to enable the endless scrolling functionality. In endless scrolling mode the listview should be configured to display a scrollbar. Scrolling to the end of the scrollbar will load more items (equal to the pageSize number) and append them to the listview DOM element utill all items are loaded and displayed. Gets or sets the ListView keyboard navigation settings. Specifies whether item selection is allowed. By default selection is disabled Gets or sets the ListView editor HTML. Gets the ListView editing settings. Renders border around the listview element. Renders border around the listview items. Valid values are: all: renders borders around listview items.; horizontal: renders top border of listview items. Useful when setting layout: "flex" and flex.direction: column. or vertical: renders top border of listview items. Useful when setting layout: "flex" and flex.direction: row.. Defines the type of element that holds the listview content. Specify the layout of listview content. Valid options are: flex: This is equivalent to display: flex. It defines a flex container and enables a flex context for all its direct children. Think of flex items as primarily laying out either in horizontal rows or vertical columns. or grid: This is equivalent to display: grid. It defines the element as a grid container and establishes a new grid formatting context for its contents.. Flex layout settings Grid layout settings. Writes the ListView initialization script. The text writer instance. Writes the ListView HTML output. The text writer instance. Verifies if all required settings are present in the ListView. Kendo UI IListViewEditingSettings interface Gets a value indicating whether ListView editing is enabled. Kendo UI ListViewEditingSettings class Initializes a new instance of the class. Gets or sets a boolean value that determines if editing is enabled in the ListView. Specifies the name of the editor template. Defines the default data item for the ListView editor. Kendo UI ListViewSelectionSettings class Initializes a new instance of the class. Specifies whether item selection is allowed. By default selection is disabled. Represents the selection modes supported by the ListView. The server side wrapper for Kendo UI PivotConfigurator Gets the sorting configuration. The sorting. The server side wrapper for Kendo UI PivotGrid Gets the sorting configuration. The sorting. PivotDataSourceMeasureAxis Initializes a new instance of the class. The view context. The javascript initializer. Defines the ProgressBar animation If set to true the ProgressBar will have its role attribute set to progressbar. It will also render its aria-valuemin, aria-valuemax, and aria-valuenow attributes. Gets or sets the number of chunks when the type of the Progressbar is set to "chunk" Gets or sets a value indicating whether the component is enabled true if the component should be enabled, false otherwise; the default is true. Gets or sets the maximum value of the ProgressBar Gets or sets the minimum value of the ProgressBar Gets or sets the orientation of the ProgressBar Specifies if the progress direction should be reversed The label that would be used as a aria-label for the ProgressBar element. Will be applied only if ariaRole is set to true. The ID of the element that will be used as a label of the ProgressBar. Will be used as a value of the aria-labelledby attribute. Will be applied only if ariaRole is set to true. Specifies if the progress status should be displayed Gets or sets the current value of the ProgressBar Gets or sets the type of the ProgressBar Writes the initialization script The writer object. Writes the ProgressBar HTML. The writer object. Represents the orientation supported by Kendo UI ProgressBar for ASP.NET MVC Represents the progress types supported by Kendo UI ProgressBar for ASP.NET MVC Specifies a QR code encoding mode. Specifies the default encoding - ISO/IEC 8859-1. Specifies a UTF-8 encoding. Specifies a QR code error correction level. Specifies a Low error correction level. Approximately 7% of the codewords can be restored. Specifies a Medium error correction level. Approximately 15% of the codewords can be restored. Specifies a Quartile error correction level. Approximately 25% of the codewords can be restored. Specifies a High error correction level. Approximately 30% of the codewords can be restored. Gets or sets the color of the border. Gets or sets the width of the border. The server side wrapper for the Kendo UI QRCode. Gets or sets the QRCode value. The QRCode value. Gets or sets the render type. The render type. Gets the border configuration. Gets or sets the QRCode size. The QRCode size. Gets or sets the QRCode color. The QRCode color. Gets or sets the QRCode background. The QRCode background. Gets or sets the QRCode error correction level. The QRCode error correction level. Gets or sets the QRCode encoding. The QRCode encoding. Gets or sets the QRCode padding. The QRCode padding. The overlay configuration which alows you to choose from predefined layouts or insert a custom image. Represents the frequency types supported by Kendo UI RecurrenceEditor for ASP.NET MVC The event will have a single occurrence The event will reapeate every day The event will reapeate every week The event will reapeate every month The event will reapeate every year Represents the Group Orientation modes supported by Kendo UI Scheduler for ASP.NET MVC The configuration of the scheduler resource(s). A scheduler resource is optional metadata that can be associated with a scheduler event. The current date of the scheduler. Used to determine the period which is displayed by the component. The orientation of the group headers. Supported values are horizontal or vertical. Note that the agenda view is always in vertical orientation. The template which renders the editor. The template handler which renders the editor. If set to true the scheduler allows event resizing. Dragging the resize handles changes the start or end time of the event. If set to true the scheduler allows event resizing. Dragging the resize handles changes the start or end time of the event. If set to true the scheduler will display a delete confirmation dialog. If set to true the scheduler allows event moving. Dragging the event changes the start and end time. Recurring events edit mode. The available modes are: "dialog" (default) - displays a dialog that allows the user to choose whether the current occurrence or the entire series will be edited; "series" - displays an editor for updating the entire series; "occurrence" - only the current occurrence will be edited. Specify which editor template should be used for the scheduler. The text similar to "Title of the event" displayed in the scheduler event editor. The text similar to "Start" displayed in the scheduler event editor. The text similar to "End" displayed in the scheduler event editor. The text similar to "All day event" displayed in the scheduler event editor. The text similar to "Description" displayed in the scheduler event editor. The text similar to "Repeat" displayed in the scheduler event editor. The text similar to "Timezone" displayed in the scheduler event editor. The text similar to "Start timezone" displayed in the scheduler event editor. The text similar to "End timezone" displayed in the scheduler event editor. The text similar to "No timezone" displayed in the scheduler event editor. The text similar to "Use separate start and end time zones" displayed in the scheduler event editor. The text similar to "Timezones" displayed as title of timezone editor in the scheduler event editor. The text similar to "Time zone" displayed as text of timezone editor button in the scheduler event editor. The text similar to "Event" displayed as title of the scheduler event editor. The text similar to "Repeat every: " displayed in the scheduler recurrence editor. The text similar to " day(s)" displayed in the scheduler recurrence editor. The text similar to "End:" displayed in the scheduler recurrence editor. The text similar to "Ends" displayed in the adaptive version of the scheduler recurrence editor. The text similar to "Never" displayed in the scheduler recurrence editor. The text similar to "After " displayed in the scheduler recurrence editor. The text similar to " occurrence(s)" displayed in the scheduler recurrence editor. The text similar to "On " displayed in the scheduler recurrence editor. The text similar to "Never" displayed in the scheduler recurrence editor. The text similar to "Daily" displayed in the scheduler recurrence editor. The text similar to "Weekly" displayed in the scheduler recurrence editor. The text similar to "Monthly" displayed in the scheduler recurrence editor. The text similar to "Yearly" displayed in the scheduler recurrence editor. The text similar to "Repeat every: " displayed in the scheduler recurrence editor. The text similar to "Repeat on: " displayed in the scheduler recurrence editor. The text similar to " month(s)" displayed in the scheduler recurrence editor. The text similar to "Day " displayed in the scheduler recurrence editor. The text similar to "Date " displayed in the scheduler recurrence editor. Also used for titles of the appropriate inputs. The text similar to "first" displayed in the scheduler recurrence editor. The text similar to "second" displayed in the scheduler recurrence editor. The text similar to "third" displayed in the scheduler recurrence editor. The text similar to "fourth" displayed in the scheduler recurrence editor. The text similar to "last" displayed in the scheduler recurrence editor. The text similar to "day" displayed in the repeat by section of the monthly recurrence pattern. The text similar to "weekday" displayed in the repeat by section of the monthly recurrence pattern. The text similar to "weekend" displayed in the repeat by section of the monthly recurrence pattern. The text similar to " week(s)" displayed in the scheduler recurrence editor. The text similar to "Repeat every: " displayed in the scheduler recurrence editor. The text similar to "Repeat on: " displayed in the scheduler recurrence editor. The text similar to "Repeat every: " displayed in the scheduler recurrence editor. The text similar to "Repeat on: " displayed in the scheduler recurrence editor. The text similar to " year(s)" displayed in the scheduler recurrence editor. The text similar to " of " displayed in the scheduler recurrence editor. The text similar to "day" displayed in the scheduler recurrence editor. Also used for titles of the appropriate inputs. The text similar to "month" displayed in the scheduler recurrence editor. Also used for titles of the appropriate inputs. The text similar to "Delete event" displayed as title of the scheduler delete event window. The text similar to "Delete current occurrence" displayed in the scheduler event editor. The text similar to "Delete the series" displayed in the scheduler event editor. The text similar to "Edit Recurring Item" displayed in the scheduler event editor. The text similar to "Edit current occurrence" displayed in the scheduler event edito The text similar to "Edit the series" displayed in the scheduler event editor. The text similar to "Do you want to edit only this event occurrence or the whole series?" displayed in the scheduler event editor. The text similar to "Do you want to delete only this event occurrence or the whole series?" displayed in the scheduler event editor. The title of the prompt dialog opened to confirm the resetting of a series event. Applicable in Scheduler Adaptive rendering scenario. The text for the cancel button on the scheduler recurrence editor header. Applicable in Scheduler Adaptive rendering scenario. The text for the endTitle (end repeat on) on the scheduler recurrence editor. Applicable in Scheduler Adaptive rendering scenario. The text for the headerTitle (text in the header) on the scheduler recurrence editor. Applicable in Scheduler Adaptive rendering scenario. The text for the repeatTitle (repeat on) on the scheduler recurrence editor. Applicable in Scheduler Adaptive rendering scenario. The text for the update button on the scheduler recurrence editor header. The user-friendly title of the view displayed by the Scheduler. The type of the view. The built-in views are: "Day", "Week", "WorkWeek", "Month", "Agenda", "Timeline", "TimelineWeek", "TimelineWorkWeek", "TimelineMonth" and "Year". If set to true the user would be able to create new Scheduler events and modify or delete existing ones. Overrides the Editable option of the Scheduler. The configuration of the view resource(s) grouping. The template used by the view to render the Scheduler events. The id of the template used by the view to render the Scheduler events. The format used to display the selected date. Uses "kendo.format". The format used to display the selected date when the viewport is narrow, and the date is displayed in short ("d") format by default. Uses "kendo.format". If set to true the view will be initially selected by the Scheduler. The template used by the Agenda view to render the date of the Scheduler events. The id of the template used by the Agenda view to render the date of the Scheduler events. The template used by the Agenda view to render the time of the Scheduler events. The if of the template used by the Agenda view to render the time of the Scheduler events. The template used to render the day slots in Month view. The id of the template used to render the day slots in Month view. The height of the Scheduler event rendered in Month and Timeline views. In Month view it could be set to a concrete number or to the string value "auto". When set to "auto" it will automatically set the AdaptiveSlotHeight property to true. Specifies the distance between individual events. Indicates how many events could be listed for a day. When there are more events for a specific day a "more" link will be placed at the bottom of the day slot and will navigate to the day view if clicked. Increases the slot height when containing events up to views.eventsPerDay and reduces its height if there are less events for that specific day. Enables the DOM virtualization for vertical grouping of the view - renders batches of DOM elements as you scroll. The views that support this option are: "Day", "Week", "WorkWeek", "Month". The server side wrapper for Kendo UI Scheduler Represents the view types supported by Kendo UI Scheduler for ASP.NET MVC The template used to render the "all day" Scheduler events. The id of the template used to render the "all day" Scheduler events. The template used to render the group headers of Scheduler Day, Week, WorkWeek and Timeline views. The id of the template used to render the group headers of Scheduler Day, Week, WorkWeek and Timeline views. If set to true the Scheduler will display a slot for "all day" events. The template used to render the date header cells. By default the Scheduler renders the date using a custom date format - "ddd M/dd". The "ddd" specifier represents the abbreviated name of the week day and will be localized using the current Kendo UI culture. To control the day and month order, define a custom template. The id of the template used to render the date header cells. By default the Scheduler renders the date using a custom date format - "ddd M/dd". The "ddd" specifier represents the abbreviated name of the week day and will be localized using the current Kendo UI culture. To control the day and month order, define a custom template. The number of minutes represented by a major tick. The template used to render the major ticks. By default the Scheduler renders the time using the current culture time format. The id of the template used to render the major ticks. By default the Scheduler renders the time using the current culture time format. The template used to render the time slot cells. The id of the template used to render the time slot cells. The template used to render the all day slot cell. The id of the template used to render the all day slot cell. The number of time slots to display per major tick. The template used to render the minor ticks. By default the Scheduler renders a non-breaking space. The start time of the Week and Day views. The Scheduler will display events starting after the StartTime. The end time of the Week and Day views. The Scheduler will display events ending before the EndTime. Sets the start of the work day. The user can toggle the view through the "Show business hours" button. Sets the end of the work day. The user can toggle the view through the "Show business hours" button. If set to true the view will be initially shown in business hours mode. By default the view is displayed in full day mode. If set to false the footer of the Scheduler would not be displayed. The start of working week (index based). Sets the working days (index based). The end of working week (index based). Enables the DOM virtualization for vertical grouping of the view - renders batches of DOM elements as you scroll. The views that support this option are: "Day", "Week", "WorkWeek", "Month". The height of the Scheduler event rendered in the Timeline views. The width of the table columns in the Timeline views. Value is treated as pixels. The number of time slots to display per major tick. The number of minutes represented by a major tick. The start time of the view. The Scheduler will display events starting after the StartTime. The end time of the view. The Scheduler will display events ending before the EndTime. Sets the start of the work day. The user can toggle the view through the "Show business hours" button. Sets the end of the work day. The user can toggle the view through the "Show business hours" button. If set to true the view will be initially shown in business hours mode. By default the view is displayed in full day mode. If set to false the footer of the Scheduler would not be displayed. The start of working week (index based). Sets the working days (index based). The end of working week (index based). The template used to render the group headers of Scheduler Timeline views. The id of the template used to render the group headers of Scheduler Timeline views. The template used to render the date header cells. The id of the template used to render the date header cells. The template used to render the major ticks. By default the Scheduler renders the time using the current culture time format. The id of the template used to render the major ticks. By default the Scheduler renders the time using the current culture time format. The template used to render the time slot cells. The id of the template used to render the time slot cells. Defines the fluent interface for configuring the SecurityTrimming info. Enables or disables security trimming The Enabled method is useful when you need to enable security trimming based on certain conditions. Enables or disables whether to hide parent item which does not have accessible childrens Specifies the general layout of the slider. The slider is oriented horizontally. The slider is oriented vertically. Specifies the location of tick marks in a component. No tick marks appear in the component. Tick marks are located on the top of a horizontal component or on the left of a vertical component. Tick marks are located on the bottom of a horizontal component or on the right side of a vertical component. Tick marks are located on both sides of the component. Represents the Sortable widget Axis Default value X axis Y axis Defines the possible series orientation. Line series (default) Area series Bar Series (synonym for Column in sparklines) Column Series Bullet series Pie series Gets or sets the default series data Gets or sets the default series type. The default value is SparklineType.Line. The default series type. Gets or sets the width to allocate for each point. The default value is 5. The width to allocate for each point. Specifies the orientation in which the splitter panes will be ordered Panes are oredered horizontally Panes are oredered vertically The class that represents splitter panes. Specifies the size of the pane Specifies the minimum size of the pane Specifies the maximum size of the pane Specifies whether the pane is initially collapsed Specifies the collapsed size of the pane Specifies whether the pane can be collapsed by the user Specifies whether the pane can be resized by the user Specifies whether the pane shows a scrollbar when its content overflows Specifies URL from which to load the pane content Specifies HTML attributes for the pane Specifies the pane contents SpreadsheetFilter Operators SpreadsheetFilterLogic types SpreadsheetDynamicFilter Types Initializes a new instance of the class. The Spreadsheet component. Builds the Spreadsheet markup. Border style of the Spreadsheet widget The size of the border The color of the border SpreadsheetTopFilter Types Initializes a new instance of the class. The parent widget Gets the navigator series. Gets or sets a value indicating if the navigator is visible. Gets or sets the navigator selection. Gets or sets the navigator hint. Gets or sets the view context to rendering a view. The view context. Gets or sets the URL generator. The URL generator. Gets the data source configuration. Gets or sets a value indicating if the chart should be data bound during initialization. Gets or sets the date field. The date field. Configuration for the navigator category axes Configuration for the navigator pane Initializes a new instance of the class. The lower boundary of the range. The upper boundary of the range. Mousewheel selection settings Initializes a new instance of the class. Initializes a new instance of the class. Gets or sets the hint format. The hint format. Gets or sets the hint template. The hint template. Gets or sets a value indicating if the hint is visible Gets or sets the stock chart navigator settings. The Stock Chart navigator settings. Gets or sets the date field. The date field. Represents the possible positions, supported by Kendo UI TabStrip for ASP.NET MVC Tabs will be displayed above (before) the Tab content. Tabs will be displayed to the left of the Tab content. Tabs will be displayed to the right of the Tab content. Tabs will be displayed below (after) the Tab content. HtmlBuilder for the TextBox component Initializes a new instance of the class. The TextBox component. Builds the TextBox markup. Adds attributes for event handlers The of the component of events Kendo UI TextBox component The URL generator. Initializes a new instance of the class. The view context The JavaScriptInitializer The URL generator. If set to false, the widget will be disabled and will not allow user input. The widget is enabled by default and allows user input. Adds a label before the input. If the input has no id attribute, a generated id will be assigned. The string and the function parameters are setting the inner HTML of the label. The hint displayed by the widget when it is empty. Not set by default. If set to true, the widget will be readonly and will not allow user input. The widget is not readonly by default and allows user input. The value of the widget. Sets the size of the component. Sets a value controlling the border radius. Sets a value controlling how the color is applied. Writes the initialization script. The . Writes the HTML. The . Specifies the component type of the widget. "classic" - Uses the standard rendering of the widget. or "modern" - Uses new rendering with a fresh and modern look and feel.. Sets the size of the component. Sets a value controlling the border radius. Sets a value controlling how the color is applied. When set to true, the text of the input will be selected after the widget is focused. Represents the tooltip position Bottom position Top position Left position Right position Center position Gets the columns in the group Kendo UI TreeListSelectableSettings class Specifies whether multiple or single selection is allowed. The user can select only by one item at the same time The user can select by more than one item at the same time Specifies whether row or cell selection is allowed. The user can select widget rows The user can select widget cells Initializes a new instance of the class. The TreeMap component. Builds the TreeMap markup. Create the HTML element for the component Adds attributes for event handlers The of the component of events Used for serializing objects. Initializes a new instance of the class. Indicates whether the item is enabled. Indicates whether the item is expanded. Indicates whether the item is encoded. Indicates whether the item is selected. Gets or sets the item text. Gets or sets the item sprite CSS class. Gets or sets the item ID. Gets or sets the URL that the item navigates to on click. Gets or sets the item image URL. Indicates whether the item has children. Indicates whether the item is checked or not. Gets or sets the nested items collection of the item. Gets or sets Dictionary of HTML attributes applied to the item. Gets or sets Dictionary of HTML attributes applied to the image content of the item. Gets or sets Dictionary of HTML attributes applied to the link content of the item. If set to true the widget will auto-scroll the containing element when the mouse/finger is close to the top/bottom of it. Sets the field of the data item that provides the image URL of the TreeView nodes. Sets the field of the data item that provides the sprite CSS class of the nodes. If an array, each level uses the field that is at the same index in the array, or the last item in the array. Sets the field of the data item that provides the link URL of the nodes. The text messages displayed in the widget. Use it to customize or localize the messages. Sets the size of the component. Gets the items of the treeview. Gets or sets the item action. Gets or sets the effects. Gets or sets a value indicating whether all the item is expanded. true if expand all is enabled; otherwise, false. The default value is false Represents an item from Kendo TreeView for ASP.NET MVC Initializes a new instance of the class. Gets the nested items collection of the item. Gets or sets the item ID. Indicates whether the item is expanded. Indicates whether the item has children. Indicates whether the item is checked or not. Serizlizes the item properties to IDictionary<string, object>. Specifies a template used to populate the value of the aria-label attribute of the currently focused cell of the calendar. Specifies the month template of the widget. Enables/Disables the footer of the calendar. The template which renders the footer of the calendar. Specifies the template id which renders the footer of the calendar. Specifies the start view. The following settings are available for the start value: "month" - Shows the days of the month. "year" - Shows the months of the year. "decade" - Shows the years of the decade. "century" - Shows the decades from the century. Specifies the navigation depth. The following settings are available for the depth value: "month" - Shows the days of the month. "year" - Shows the months of the year. "decade" - Shows the years of the decade. "century" - Shows the decades from the century. Specifies the week of the year that will be shown on the left side of the calendar. Specifies the dates to will be disabled for selection by the widget. Specifies the handler for the disabled dates. Initializes a new instance of the class. Gets type of the property to which the column is bound to. Gets or sets a value indicating whether this column is groupable. true if groupable; otherwise, false. Gets or sets the groupable settings. Gets or sets the additional view data. Gets or sets metadata of the model. Gets or sets the name of the Editor Template. Specify if the column is editable. Holds the value of the Client group header template. Holds the value of the Client group header column template. Gets a function which returns the value of the property to which the column is bound to. Gets or sets a value indicating whether this is sortable. true if sortable; otherwise, false. The default value is true. Gets or sets a value indicating whether this is filterable. true if filterable; otherwise, false. The default value is true. The filter setting. The sort setting. If set to `true` the column will be hidden when the grid is groupd via user interaction. The column will be displayed again if interaction to ungroup by it is performed. Holds the value of the group footer template. Holds the value of the group header template. Holds the value of the group header column template. Represents a cell from Kendo Grid for ASP.NET MVC The template which renders the column content. HTML attributes of the table cell (<td>) rendered for the column. Specifies the Selected state of the table cell. The data item to which the specified table row is bound. The grid column that contains the table cell. The text rendered in the table cell. The table cell content. Determines whether the cell is in edit mode. Determines whether the cell is in insert mode. Represents a row from Kendo Grid for ASP.NET MVC Specifies the animation duration of item. Fast animation, duration is set to 200. Normal animation, duration is set to 400. Slow animation, duration is set to 600. Url, which will be used as a destination for the Ajax request. The HtmlAttributes which will be added to the wrapper of the content. The action which will output the content. Defines the sort modes supported by Kendo UI Grid for ASP.NET MVC The user can sort only by one column at the same time. The user can sort by more than one column at the same time. The user can sort in single mode when clicking and switch to multiple when holding ctrl key. The server side wrapper for Kendo UI Grid Gets the selection configuration Configures the Kendo UI Grid search bar settings. If set to true the column title will be HTML-encoded before it is displayed. If set to false the column title will be displayed as is. Defines the type of the loader that will be displayed while loading the data Insert Destroy button with custom HtmlAttributes and text Insert Destroy button with custom HtmlAttributes Insert Destroy button with custom text Insert Destroy button Insert Create button with custom HtmlAttributes and text Insert Create button with custom HtmlAttributes Insert Create button with custom text Insert Create button Insert Save button with custom HtmlAttributes and texts Insert Save button with custom save and cancel text Insert Save button with custom HtmlAttributes Insert Save button Gets the template which the grid will use to render a row Gets the filtering configuration. Gets the column menu configuration. Gets the scrolling configuration. Gets the keyboard navigation configuration. Gets or sets a value indicating whether custom binding is enabled. true if custom binding is enabled; otherwise, false. The default value is false Gets the paging configuration. Gets the columns of the grid. Gets the page size of the grid. Gets the sorting configuration. The sorting. Gets or sets a value indicating whether to add the property of the grid as a prefix in url parameters. true if prefixing is enabled; otherwise, false. The default value is true Gets or sets the action executed when rendering a row. Gets or sets the action executed when rendering a cell. The base class for all columns in Kendo Grid for ASP.NET MVC. The column format. Html editor. Gets or sets the grid. The grid. Gets the member of the column. The member. Gets the template of the column. Specifying the column should be exported and the export settings. Gets/Sets the header template of the column. Gets the footer template of the column. The function that generates the inline template. Gets or sets the title of the column. The title. Gets or sets the width of the column. The width. Sets the condition that needs to be satisfied for a column to remain visible. The pixel screen width below which the column will be hidden. The setting takes precedence over the hidden setting, so the two should not be used at the same time. The pixel screen width below which the user will not be able to resize the column via the UI. The template which renders the column content. The grid renders table rows (<tr>) which represent the data source items. Each table row consists of table cells (<td>) which represent the grid columns. By default the HTML-encoded value of the field is displayed in the column. The template which renders the footer table cell for the column. The fields which can be used in the template are: Average - the value of the "average" aggregate (if specified) Count - the value of the "count" aggregate (if specified) Max - the value of the "max" aggregate (if specified) Min - the value of the "min" aggregate (if specified) Sum - the value of the "sum" aggregate (if specified) Data - provides access to all available aggregates The template which renders the group footer for the corresponding column. By default the group footer is not displayed. The group footer will always appear as long as at least one column has a defined groupFooterTemplate. The fields which can be used in the template are: average - the value of the "average" aggregate (if specified) count - the value of the "count" aggregate (if specified) max - the value of the "max" aggregate (if specified) min - the value of the "min" aggregate (if specified) sum - the value of the "sum" aggregate (if specified) data - provides access to all available aggregates, e.g. data.fieldName1.sum or data.fieldName2.average group - provides information for the current group. An object with three fields - field, value and items. items field contains the data items for current group. Returns groups if the data items are grouped (in case there are child groups) /// Gets or sets a value indicating whether this column is hidden. true if hidden; otherwise, false. Hidden columns are output as HTML but are not visible by the end-user. If set to true a draghandle will be rendered and the user could reorder the rows by dragging the row via the drag handle. If the selectable option is enabled for rows only selected rows will can be dragged and reordered. If set to true the column will be visible in the grid column menu. By default the column menu includes all data-bound columns (ones that have their field set). If set to true the column will be displayed as locked (frozen) in the grid. If set to false the column will remain in the side of the grid into which its own locked configuration placed it. If set to true the column will be displayed as sticky in the grid. If set to true the user will be able to stick or unstick the column from the column menu. If set to `false` the column menu will not be rendered for the specific column. If set to true the column value will be HTML-encoded before it is displayed. If set to false the column value will be displayed as is. By default the column value is HTML-encoded. Gets the header HTML attributes. The header HTML attributes. Gets the footer HTML attributes. The footer HTML attributes. Gets or sets a value indicating whether this column is visible. true if visible; otherwise, false. The default value is true. Invisible columns are not output in the HTML. Gets the HTML attributes of the cell rendered for the column The HTML attributes. The html attributes handler. The handler name. Returns 'true' if the column is last and 'false' if it's not. Creates the Display Builder. Creates the Edit Builder. Creates the Insert Builder. Creates the Header Builder. Creates the Footer Builder. Creates the Group Footer Builder. Creates the Header column Builder. The HtmlAttributes applied to objects which can have child items Child items collection. Sets the field of the data item that provides the text of the Menu items. Sets the field of the data item that provides the url of the Menu items. Sets the field of the data item that provides the sprite css class of the Menu items. Sets the field of the data item that provides the image url of the Menu items. Sets the field of the data item that provides the content of the Menu items. Represents an item from Kendo Menu for ASP.NET MVC Initializes a new instance of the class. The list of menu items. Indicates whether the item is a separator. Specifies the orientation in which the menu items will be ordered Items are oredered horizontally Items are oredered vertically Sets the action, controller name and route values of object. The object. The route values of the Action method. Sets the action and controller name, along with Route values of object. The object. Action name. Controller name. Route values as an object Sets the action, controller name and route values of object. The object. Action name. Controller name. Route values as Sets the action and route values of object. The object. The controller action. Sets the url property of object. The object. The Url. Sets the route name and route values of object. The object. Route name. Route values as an object. Sets the route name and route values of object. The object. Route name. Route values as . Generating url depending on the ViewContext and the generator. The object. The object The generator. Determines whether the specified navigatable matches the current request URL. The object. The object. The generator. Generating url depending on the ViewContext and the generator. The object. The object The generator. Route values as . Verify whether the object is accessible. The object. The object. The object Verifies whether collection of objects is accessible. Object of type. The object. The object. The object Determines whether this instance has value. true if either ActionName and ControllerName, RouteName or Url are set; false otherwise Specifies the expand mode in which the panelbar will expand its items Only one item can be expanded. All items can be expanded Represents an item from Kendo PanelBar for ASP.NET MVC Gets or sets the item ID. Indicates whether the item has children. Gets or sets the expanded state of an item Gets or sets the URL from which to load content Represents an item from Kendo TabStrip for ASP.NET MVC Initializes a new instance of the class. Gets or sets the Content URL of the item. Active state of items Expanded state of items Button sizing classes Button with plain text content Flat button Flat button base Flat button primary Button with an icon and text content Button with an icon only Bare button with an icon only (no background and borders) Content - rendered around custom content Default state of items Disabled state of items Group - rendered around grouped items (children) MenuGroup - rendered around menu grouped items (children) Menu expand arrow icon Menu expand arrow icon Header - rendered on headers or header items Hovered state of items Icon - icon from default icon set Image - image rendered through ImageUrl Item - rendered on items Item - rendered on items TreeViewLeaf - rendered on leaf items TreeViewLeafText - rendered on leaf text First in list of items Last in list of items Top in list of items Top in treeview list of items Bottom in list of items Bottom in treeview list of items Middle in list of items Middle in treeview list of items Expand/collapse icon wrapper Last in list of headers Link - rendered on all links Reset - removes inherited styles Selected state of items Selected state of items (v5 styles) Sprite - sprite rendered in the begging of the item. Widget - rendered always on the outmost HTML element of a UI component Input - input rendered in the div wrapper CheckBox - rendered on all checkbox ToolBar - rendered on all toolbars Resizable toolbar Alternating class for zebra stripes Scrollable - rendered on all elements that wish to be scrollable on touch devices Svg icon class Input icon class Contains CSS classes for icons "Delete" icon "Delete Group" icon "Refresh" icon "Maximize" icon "Minimize" icon "Pin" icon "Close" icon "Custom" icon Sort ascending icon Sort descending icon Caret alt left icon Caret alt right icon Caret alt up icon Caret alt down icon Caret alt to right icon Caret alt to left icon Pencil icon Cancel icon Update icon Update icon Plus icon Excel icon Pdf icon Filter icon Search icon Check icon Chevron up icon Chevron down icon Contains CSS classes, used in the grid Grid action Container element for editing / inserting form Container element for editing / inserting form Toolbar which contains different commands Pager navigation icon Table row Table alt row Table group row Group row Table header cell Table cell Table body Table footer Table header Grouping drop container Pager first class Pager last class Contains CSS classes, used in the treeview Class that shows treeview lines Contains CSS classes, used in the editor Button in editor toolbar Color picker in editor toolbar Editor tool icon Editor custom tool Editor textarea element Slider increase button. Slider decrease button. Horizontal splitter Vertical splitter Splitter pane Contains CSS classes, used in the window Window content area Window title bar Contains CSS classes, setting the layout Contains CSS classes, used in the PanelBar PanelBar item Lists which file extensions are allowed to be uploaded Defines the maximum file size that can be uploaded in bytes Defines the minimum file size that can be uploaded in bytes Lists which file extensions are allowed to be uploaded Defines the maximum file size that can be uploaded in bytes Defines the minimum file size that can be uploaded in bytes Serializes the Validation uploading settings to the writer. The serialization key. The target dictionary. Defines the Save action Defines the name of the form field submitted to the Save action. The default value is the Upload name. Defines the Remove action Defines the name of the form field submitted to the Remove action. The default value is "fileNames". Gets or sets a value indicating whether to start the upload immediately after selecting a file Gets or sets a value indicating whether to upload selected files in one batch (request) Gets or sets a value indicating the chunk size This property is only in use when the async.batch is set false. Gets or sets a value indicating whether the chunks are uploaded simultaneously Gets or sets a value indicating how much retries will be performed when the upload fails Gets or sets a value indicating after how many ticks the upload will be retried By default, the files are uploaded as filedata. When set to true, the files are read as file buffer by using FileReader and this buffer is send in the request body. Gets or sets a value whether to send credentials as part of XHR requests Initializes a new instance of the class. Defines the Save action Defines the name of the form field submitted to the Save action. The default value is the Upload name. Defines the Remove action Defines the name of the form field submitted to the Remove action. The default value is "removeField". Gets or sets a value indicating whether to start the upload immediately after selecting a file true if the upload should start immediately after selecting a file, false otherwise; true by default Gets or sets a value indicating whether to upload selected files in one batch (request) When the property is set the selected files will be uploaded chunk by chunk with the declared size. Each request sends a separate file blob and additional string metadata to the server. This metadata is a stringified JSON and contains chunkIndex, contentType, totalFileSize, totalChunks, uploadUid properties that allow validating and combining the file on the server side. The response also returns a JSON object with uploaded and fileUid properties that notifies the client which should be the next chunk. By default the selected files are uploaded one after another. When set to 'true' all the selected files start uploading simultaneously. (The property is available when the async.chunkSize is set.) It sets the number of attempts that will be performed if an upload is failing. The property is only used when the async.autoRetryAfter property is also defined. If the property is set the failed upload request will be repeated after the declared amount of ticks. By default, the files are uploaded as filedata. When set to true, the files are read as file buffer by using FileReader and this buffer is send in the request body. Gets or sets a value whether to send credentials as part of XHR requests Serializes the asynchronous uploading settings to the writer. The serialization key. The target dictionary. Initializes a new instance of the class. The view context. The javascript initializer. The URL Generator. Gets or sets a value indicating if the component is enabled. true if the component should be enabled, false otherwise; the default is true. Gets or sets a value indicating if directories can be selected. true allows directory upload. Gets or sets a value indicating if directories can be dropped. true allows directory drop. Gets or sets a value indicating if multiple file selection is enabled. true if multiple file selection should be enabled, false otherwise; the default is true. Gets or sets a value indicating whether to show the list of uploaded files true if the list of uploaded files should be visible, false otherwise; true by default Configures the ability to upload a files in an asynchronous manner. Please refer to the async mode help topic for more details. Defines the Validation uploading settings Gets or sets the URL generator. The URL generator. Gets or sets the Upload messages. The Upload messages. Gets or sets the template Id for the files The template for the files list Gets or sets the template for the files The template for the files list Initializes a dropzone elements based on a given selector that provides drag and drop file upload. The jQuery selector for the DropZone Gets the initially rendered files Writes the initialization script. The writer object. Writes the Upload HTML. The writer object. Defines the fluent API for configuring the WindowModalSettings settings. Initialization for the Specifies whether the window should show a modal overlay over the page. Specifies whether the document should stop scrolling when modal window is opened. Closing it should restore the initial document overflow. Note that it's not supported to have multiple windows with different preventScroll setting. Serialize current instance to Dictionary The maximum height (in pixels) that may be achieved by resizing the window. The maximum width (in pixels) that may be achieved by resizing the window. The minimum height (in pixels) that may be achieved by resizing the window. The minimum width (in pixels) that may be achieved by resizing the window. Set predefined size to the window. The width and height configuration options override the predefined size.Possible values are: auto; small; medium or large. Writes the initialization script. The writer. Initializes a new instance of the class. The object The generator. Gets the client events of the grid. The client events. Gets or sets the name. The name. Gets the id. The id. Gets the HTML attributes. The HTML attributes. Gets or sets the view context to rendering a view. The view context. Renders the component. Writes the initialization script. The writer. Writes the HTML. Serialize current instance to Dictionary The popup configuration options (tablet only) Contains the items of the actionsheet widget Initializes a new instance of the class. The MobileActionSheet component. Builds the MobileActionSheet markup. Gets the HTML attributes. The HTML attributes. Initializes a new instance of the class. The MobileButton component. Builds the MobileButton markup. Specifies the widget to be open when is tapped (the href must be set too) Contains the items of the button group widget Initializes a new instance of the class. The MobileButtonGroup component. Builds the MobileButtonGroup markup. Gets the HTML attributes. The HTML attributes. Initializes a new instance of the class. The MobileBackButton component. Builds the MobileBackButton markup. Initializes a new instance of the class. The MobileSwitch component. Builds the MobileSwitch markup. Contains the items of the tabstrip widget Gets the HTML attributes. The HTML attributes. Initializes a new instance of the class. The MobileTabStrip component. Builds the MobileTabStrip markup. Initializes a new instance of the class. The MobileView component. Builds the MobileView markup. Initializes a new instance of the class. The MobileModalView component. Builds the MobileModalView markup. Contains the panes of the splitview widget Gets the HTML attributes. The HTML attributes. Gets the client events of the grid. The client events. Initializes a new instance of the class. The MobileSplitView component. Builds the MobileSplitView markup. The pane configuration options. The popup configuration options (tablet only) Initializes a new instance of the class. The MobilePopOver component. Builds the MobilePopOver markup. Gets the Header HTML attributes. The HTML attributes. Gets the Footer HTML attributes. The HTML attributes. Initializes a new instance of the class. The MobileLayout component. Builds the MobileLayout markup. The server side wrapper for Kendo UI MobileNavBar Creates a HTML element used as a view title. The text for the content. Returns HTML element representing default view title. Initializes a new instance of the class. The MobileNavBar component. Builds the MobileNavBar markup. Use the align data attribute to specify the elements position inside the NavBar. By default, elements without any align are centered. Defines the SplitView style - horizontal or vertical. Initializes a new instance of the class. The MobileScrollView component. Builds the MobileScrollView markup. Gets the HTML attributes. The HTML attributes. Gets the content of the item Initializes a new instance of the class. The MobileDetailButton component. Builds the MobileDetailButton markup. Specifies predefined button style Initializes a new instance of the class. The MobileListView component. Builds the MobileListView markup. The position of the drawer. Can be left (default) or right. Initializes a new instance of the class. The MobileDrawer component. Builds the MobileDrawer markup. Configures or disables the built-in attribution control. Configures or disables the built-in navigator control (directional pad). Configures or disables the built-in zoom control (+/- button). The default configuration for marker layers. The default configuration for shape layers. The default configuration for bubble layers. The size of the image tile in pixels. The default configuration for tile layers. The default configuration for Bing (tm) tile layers. The attribution for all shape layers. The the opacity of all shape layers. The default style for shapes. The URL template for tile layers. Template variables: x - X coordinate of the tile; y - Y coordinate of the tile; zoom - zoom level or subdomain - Subdomain for this tile. See subdomains. The id for the UrlTemplate The handler for the UrlTemplate The attribution of all tile layers. The the opacity of all tile layers. The attribution for the layer. Accepts valid HTML. If set to false the layer will not bind to the data source during initialization. In this case data binding will occur when the change event of the data source is fired. By default the widget will bind to the data source specified in the configuration. Specifies the extent of the region covered by this layer. The layer will be hidden when the specified area is out of view.Accepts a four-element array that specifies the extent covered by this layer: North-West lat, longitude, South-East latitude, longitude.If not specified, the layer is always visible. The API key for the layer. Currently supported only for Bing (tm) tile layers. The culture to be used for the bing map tiles. The data item field which contains the marker (symbol) location. The field should be an array with two numbers - latitude and longitude in decimal degrees.Requires the dataSource option to be set.Only applicable to "marker" and "bubble" layers. The size of the image tile in pixels. The data item field which contains the marker title. Requires the dataSource option to be set. The maximum symbol size for bubble layer symbols. The minimum symbol size for bubble layer symbols. The maximum zoom level at which to show this layer. The minimum zoom level at which to show this layer. The the opacity for the layer. The default style for shapes. The URL template for tile layers. Template variables: x - X coordinate of the tile; y - Y coordinate of the tile; zoom - zoom level or subdomain - Subdomain for this tile. See subdomains. The id for the UrlTemplate The handler for the UrlTemplate The value field for bubble layer symbols. The data item field should be a number. The zIndex for this layer.Layers are normally stacked in declaration order (last one is on top). The layer type. Supported types are "tile", "bing", "shape", "marker" and "bubble". The bing map tile types. Possible options. The marker shape. Supported shapes are "pin" and "pinTarget". The bubble layer symbol type. Supported symbols are "circle" and "square". The marker location on the map. Coordinates are listed as [Latitude, Longitude]. The marker title. Displayed as browser tooltip. The marker shape. Supported shapes are "pin" and "pinTarget". Initializes a new instance of the class. The Map component. Builds the Map markup. The marker shape. Supported shapes are "pin" and "pinTarget". The default fill for layer shapes. Accepts a valid CSS color string or object with detailed configuration. The default stroke for layer shapes. Accepts a valid CSS color string or object with detailed configuration. The default fill color for layer shapes. Accepts a valid CSS color string, including hex and rgb. The default fill opacity (0 to 1) for layer shapes. The default stroke color for layer shapes. Accepts a valid CSS color string, including hex and rgb. The default dash type for layer shapes. The following dash types are supported: "dash" - a line consisting of dashes; "dashDot" - a line consisting of a repeating pattern of dash-dot; "dot" - a line consisting of dots; "longDash" - a line consisting of a repeating pattern of long-dash; "longDashDot" - a line consisting of a repeating pattern of long-dash-dot; "longDashDotDot" - a line consisting of a repeating pattern of long-dash-dot-dot or "solid" - a solid line. The default stroke opacity (0 to 1) for layer shapes. The default stroke width for layer shapes. The default fill for layer shapes. Accepts a valid CSS color string or object with detailed configuration. The default stroke for layer shapes. Accepts a valid CSS color string or object with detailed configuration. The default fill color for layer shapes. Accepts a valid CSS color string, including hex and rgb. The default fill opacity (0 to 1) for layer shapes. The default stroke color for layer shapes. Accepts a valid CSS color string, including hex and rgb. The default dash type for layer shapes. The following dash types are supported: "dash" - a line consisting of dashes; "dashDot" - a line consisting of a repeating pattern of dash-dot; "dot" - a line consisting of dots; "longDash" - a line consisting of a repeating pattern of long-dash; "longDashDot" - a line consisting of a repeating pattern of long-dash-dot; "longDashDotDot" - a line consisting of a repeating pattern of long-dash-dot-dot or "solid" - a solid line. The default stroke opacity (0 to 1) for layer shapes. The default stroke width for layer shapes. The layer type. Supported types are "tile", "bing", "shape", "marker" and "bubble". The attribution of all Bing (tm) layers. The the opacity of all Bing (tm) tile layers. The key of all Bing (tm) tile layers. The culture to be used for the bing map tiles. The bing map tile types. Possible options. The the opacity of all marker layers. The marker shape. Supported shapes are "pin" and "pinTarget". DiagramLayoutType DiagramLayoutSubtype Specifies the actionsheet type. The server side wrapper for Kendo UI Gantt Type of the Task model Type of the Dependencies model If set to false the widget will not bind to the data source during initialization. In this case data binding will occur when the change event of the data source is fired. By default the widget will bind to the data source specified in the configuration. Defines the width of the column resize handle in pixels. Apply a larger value for easier grasping. If set to true, the Gantt displays the column menu when the user clicks the Chevron icon in the column headers. The column menu allows the user to show and hide columns, and, if filtering and sorting are enabled, filter and sort the data. By default, the column menu is disabled. Can be set to a JavaScript object which represents the column menu configuration. If set to some date and it is between the range start and range end of the selected view, the timeline of the currently selected view is scrolled to start from this date. If set to false the user won't be able to create, modify or delete tasks and dependencies. If set to true, the user can filter the data source by using the Gantt filter menu. By default, filtering is disabled. Can be set to a JavaScript object which represents the filter menu configuration. If set to true, the user can reorder the columns in the GanttList section of the widget by dragging their header cells. By default, reordering is disabled. If set to true the user could navigate the widget using the keyboard. By default keyboard navigation is disabled. Sets the start of the work day. Sets the end of the work day. The start of working week (index based). The end of working week (index based). The span of an hour slot. If set to true the Gantt will snap tasks to the nearest slot during dragging (resizing or moving). Set it to false to allow free moving and resizing of tasks. The height of the widget. Numeric values are treated as pixels. The width of the task list. Numeric values are treated as pixels. The configuration of the Gantt messages. Use this option to customize or localize the Gantt messages. Configures the Kendo UI Gantt PDF export settings. Configures the Kendo UI Gantt range settings. If set to true allows users to resize columns by dragging their header borders. By default resizing is disabled. If set to false the user won't be able to select tasks in the Gantt. By default selection is enabled and triggers the change event. If set to true, the Gantt Timeline will render both the planned and the actual execution of tasks. In order to display properly, the Planned vs. Actual view would need the plannedStart and plannedEnd date fields for tasks to be set. If set to false, Gantt views will show all days of the week. By default the views display only business days. If set to false, the day view will show all hours of the day. By default the view displays only business hours. The template used to render the gantt tasks.The fields which can be used in the template are the task fields The id for the TaskTemplate The handler for the TaskTemplate If a String value is assigned to the toolbar configuration option, it will be treated as a single string template for the whole Gantt Toolbar, and the string value will be passed as an argument to a kendo.template() function.If a Function value is assigned (it may be a kendo.template() function call or a generic function reference), then the return value of the function will be used to render the Gantt Toolbar contents.If an Array value is assigned, it will be treated as the list of commands displayed in the Gantt Toolbar. Commands can be custom or built-in ("append", "pdf", "plannedTasks").The "append" command adds a new task to the gantt.The "pdf" command exports the gantt in PDF format.The "plannedTasks" command will render the plannedTasks Switch on the Toolbar. That Switch allows the user to turn on and off the Planned vs. Actual view in the Timeline of the Gantt. When turned on, that view will render both the planned and the actual duration of all tasks. When enabled, plannedStart and plannedEnd date fields of tasks are required to properly render planned duration. The task tooltip configuration options. The views displayed by the Gantt and their configuration. The array items can be either objects specifying the view configuration or strings representing the view types (assuming default configuration). By default the Kendo UI Gantt widget displays "day", "week", and "month" views. The height of the table rows. Numeric values are treated as pixels. The bubble layer symbol type. Supported symbols are "circle" and "square". The attribution for all bubble layers. The the opacity of all bubble layers. The maximum symbol size for bubble layer symbols. The minimum symbol size for bubble layer symbols. The default style for bubble layer symbols. The bubble layer symbol type. Supported symbols are "circle" and "square". The default fill for bubble layer symbols. Accepts a valid CSS color string or object with detailed configuration. The default stroke for bubble layer symbols. Accepts a valid CSS color string or object with detailed configuration. The default fill color for bubble layer symbols. Accepts a valid CSS color string, including hex and rgb. The default fill opacity (0 to 1) for layer symbols. The default stroke color for bubble layer symbols. Accepts a valid CSS color string, including hex and rgb. The default dash type for layer symbols. The following dash types are supported: "dash" - a line consisting of dashes; "dashDot" - a line consisting of a repeating pattern of dash-dot; "dot" - a line consisting of dots; "longDash" - a line consisting of a repeating pattern of long-dash; "longDashDot" - a line consisting of a repeating pattern of long-dash-dot; "longDashDotDot" - a line consisting of a repeating pattern of long-dash-dot-dot or "solid" - a solid line. The default stroke opacity (0 to 1) for bubble layer symbols. The default stroke width for bubble layer symbols. The configuration of the Gantt action messages. Use this option to customize or localize the Gantt action messages. The text similar to "Cancel" displayed in Gantt. The text similar to "Are you sure you want to delete this dependency?" displayed in Gantt dependency delete dialog. The text similar to "Delete dependency" displayed in Gantt dependency delete dialog title. The text similar to "Are you sure you want to delete this task?" displayed in Gantt task delete dialog. The text similar to "Delete task" displayed in Gantt task delete dialog title. The text similar to "Delete" displayed in Gantt. The configuration of the Gantt editor messages. Use this option to customize or localize the Gantt editor messages. The configuration of the Gantt messages for Planned tasks. The text similar to "Save" displayed in Gantt. The aria-label of the View select element. The configuration of the Gantt view messages. Use this option to customize or localize the Gantt view messages. The text similar to "Add child" displayed as Gantt "add child" buttons. The text similar to "Append" displayed as Gantt "append" buttons. The text similar to "Add below" displayed as Gantt "add below" buttons. The text similar to "Add above" displayed as Gantt "add above" buttons. The text of "Export to PDF" button of the Gantt toolbar. The text similar to "Day" displayed as Gantt "day" view title. The text similar to "End" displayed in Gantt resize hint. The text similar to "Month" displayed as Gantt "month" view title. The text similar to "Start" displayed in Gantt resize hint. The text similar to "Week" displayed as Gantt "week" view title. The text similar to "Year" displayed as Gantt "year" view title. The view type. Supported types are "day", "week", "month" and "year". If set to some date and it is between the range start and range end of the selected view, the timeline of the currently selected view is scrolled to start from this date.Overrides the date option of the gantt. Configures the view range settings. If set to true the view will be initially selected by the Gantt widget. The default selected view is "day". The size of the time slot headers. Values are treated as pixels. The template used to render the time slots in "day" view The id for the TimeHeaderTemplate The handler for the TimeHeaderTemplate The template used to render the day slots in "day" and "week" views. The id for the DayHeaderTemplate The handler for the DayHeaderTemplate The template used to render the week slots in "week" and "month" views. The id for the WeekHeaderTemplate The handler for the WeekHeaderTemplate The template used to render the month slots in "month" and "year" views. The id for the MonthHeaderTemplate The handler for the MonthHeaderTemplate The template used to render the year slots in "year" view. The id for the YearHeaderTemplate The handler for the YearHeaderTemplate The format used to display the start and end dates in the resize tooltip. The view type. Supported types are "day", "week", "month" and "year". If resizable is set to true the widget will detect changes in the viewport width and hides the overflowing controls in the command overflow popup. If set to `true` this configuration option would enable Tab-based navigation among ToolBar items. A JavaScript array that contains the ToolBar's commands configuration. Specifies the type of the item. Specifies how the button behaves when the ToolBar is resized. Specifies where the icon of the button will be displayed. Applicable only for the children of a ButtonGroup. Specifies the HTML attributes of a ToolBar button. Specifies the buttons of ButtonGroup. Specifies the click event handler of the button. Applicable only for commands of type button and splitButton. Specifies whether the control is initially enabled or disabled. Default value is "true". Assigns the button to a group. Applicable only for buttons with togglable: true. Determines if a button is visible or hidden. By default buttons are visible. Sets icon for the item. The icon should be one of the existing in the Kendo UI theme sprite. Specifies the ID of the button. If set, the ToolBar will render an image with the specified URL in the button. Specifies the menu buttons of a SplitButton or a DropDownButton. Specifies what element will be added in the command overflow popup. Applicable only for items that have a template. The id for the OverflowTemplate The handler for the OverflowTemplate Specifies whether the button is primary. Primary buttons receive different styling. Specifies if the toggle button is initially selected. Applicable only for buttons with togglable: true. Defines a CSS class (or multiple classes separated by spaces) which will be used for button icon. Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type. The id for the Template The handler for the Template Sets the text of the button. Specifies if the button is togglable, e.g. has a selected and unselected state. Specifies the toggle event handler of the button. Applicable only for commands of type button and togglable: true. Specifies the url to navigate to. Specifies the type of the item. Specifies where the text will be displayed. Specifies where the icon will be displayed. Specifies how the button behaves when the ToolBar is resized. Specifies the HTML attributes of a ButtonGroup's button. Specifies the click event handler of the button. Applicable only for the children of a ButtonGroup. Specifies whether the button is initially enabled or disabled. Assigns the button to a group. Applicable only for the children of a ButtonGroup that has togglable true. Determines if the button is visible or hidden. By default the buttons are visible. Sets icon for the menu button. The icon should be one of the existing in the Kendo UI theme sprite. Specifies the ID of the button. If set, the ToolBar will render an image with the specified URL in the button. Specifies if the toggle button is initially selected. Applicable only for the children of a ButtonGroup that has togglable true. Defines a CSS class (or multiple classes separated by spaces) which will be used for button icon. Specifies the toggle event handler of the button. Applicable only for the children of a ButtonGroup. Specifies if the button is togglable, e.g. has a selected and unselected state. Applicable only for the children of a ButtonGroup. Specifies the text of the menu button. Specifies the url of the button to navigate to. Specifies where the text of the menu button will be displayed. Applicable only for the buttons of a ButtonGroup. Specifies where the icon of the button will be displayed. Applicable only for the children of a ButtonGroup. Specifies the HTML attributes of a menu button. Specifies whether the menu button is initially enabled or disabled. Determines if a button is visible or hidden. By default buttons are visible. Sets icon for the menu buttons. The icon should be one of the existing in the Kendo UI theme sprite. Specifies the ID of the menu buttons. If set, the ToolBar will render an image with the specified URL in the menu button. Defines a CSS class (or multiple classes separated by spaces) which will be used for menu button icon. Specifies the text of the menu buttons. Specifies the url of the menu button to navigate to. Initializes a new instance of the class. The ToolBar component. Builds the ToolBar markup. Sets the field of the data item that provides the text of the Menu items. Sets the field of the data item that provides the url of the Menu items. Sets the field of the data item that provides the sprite css class of the Menu items. Sets the field of the data item that provides the image url of the Menu items. Sets the field of the data item that provides the content of the Menu items. Represents an item from Kendo ContextMenu for ASP.NET MVC Initializes a new instance of the class. The list of items. Indicates whether the item is a separator. If set to false the widget will not bind to the data source during initialization. In this case data binding will occur when the change event of the data source is fired. By default the widget will bind to the data source specified in the configuration. The theme of the TreeMap. The data item field which contains the tile value. The data item field which contains the tile color. The data item field which contains the tile title. The template which renders the treeMap tile content.The fields which can be used in the template are: dataItem - the original data item used to construct the point. or text - the original tile text.. The id for the Template The handler for the Template The default colors for the TreeMap items (tiles). Can be set to array of specific colors or array of color ranges. For more information on the widget behavior, see the Colors section on the TreeMap Overview page. The layout type for the Treemap. The text message shown while the root level items are loading. The text message shown when an error occurs while fetching the content. The text message shown in the retry button. The layout type for the Treemap. Allows customization of the "Apply" button text. Allows customization of the "Cancel" button text. Allows customization of the Clear Color button label. Overrides the messages.hex property. Legacy option. Allows customization of the "Contrast ratio" text in the contrast tool. Allows customization of the "Fail" text in the contrast tool. Allows customization of the "Pass" text in the contrast tool. Allows customization of the Gradient view button. Allows customization of the Palette view button. Allows customization of the toggle format button's title in the Gradient's input editor. Allows customization of the rgb's red input's aria-label in the Gradient's input editor. Allows customization of the rgb's green input's aria-label in the Gradient's input editor. Allows customization of the rgb's blue input's aria-label in the Gradient's input editor. Allows customization of the rgb's alpha input's aria-label in the Gradient's input editor. Allows customization of the hex input's aria-label in the Gradient's input editor. If set to true the Gantt will display a confirmation dialog when the user deletes a task or a dependency. If set to false the user won't be able to create tasks. If set to false the user won't be able to create dependencies. If set to false the user won't be able to delete dependencies. If set to false the user won't be able to edit the percentComplete of the tasks. If set to false the user won't be able to delete tasks. If set to false the user won't be able to move tasks. If set to true the default pop-up editor of the Gantt will render the plannedStart and plannedEnd editors for the edited task. If set to false the user won't be able to reorder tasks in the task list. If set to false the user won't be able to resize tasks. The template which renders the editor.The template should contain elements whose name HTML attributes are set as the editable fields. This is how the Gantt will know which field to update. The other option is to use MVVM bindings in order to bind HTML elements to data item fields. The id for the Template The handler for the Template If set to false the user won't be able to update tasks. Define custom serialization for the editable content. The method accepts a single parameter as a string and is expected to return a string. Indicates whether the characters outside the ASCII range will be encoded as HTML entities. By default, they are encoded. Indicates whether optizable tags (e.g. span and font elements with no attributes) should be removed from the DOM. Indicates whether inline scripts will be serialized and posted to the server. Indicates whether the font styles will be saved as semantic (strong / em / span) tags, or as presentational (b / i / u / font) tags. Used for outputting content for legacy systems. The configuration of the TreeList columns whcih represents an array of JavaScript objects or strings. JavaScript objects are interpreted as column configurations. Strings are interpreted as thefield to which the column is bound. The TreeList will create a column for each item of the array. Configures the Kendo UI TreeList search bar settings. The template which renders the alternating table rows. By default the treelist renders a table row (<tr>) for every data source item. The id for the AltRowTemplate The handler for the AltRowTemplate If set to false, the TreeList will not bind to the specified DataSource during initialization. In this case, data binding will occur when the change event of the DataSource fires. By default, the TreeList will bind to the DataSource that is specified in the configuration. If set to true, the user can resize columns by dragging their header borders. By default, resizing is disabled. If set to true, the user can reorder the columns by dragging their header cells. By default, reordering is disabled. If set to true, the TreeList displays the column menu when the user clicks the Chevron icon in the column headers. The column menu allows the user to show and hide columns, and, if filtering and sorting are enabled, filter and sort the data. By default, the column menu is disabled. Can be set to a JavaScript object which represents the column menu configuration. If set to true, the user will be able to edit the data to which the TreeList is bound. By default, editing is disabled. can be set to a JavaScript object (which represents the editing configuration) or to a string (which specifies the edit mode).The supported string values are: (Default) inline; popup or incell. Configures the Excel export settings of the TreeList. If set to true, the user can filter the data source by using the TreeList filter menu. By default, filtering is disabled. Can be set to a JavaScript object which represents the filter menu configuration. The height of the TreeList. Numeric values are treated as pixels. Defines the text of the command buttons that are shown within the TreeList. Used primarily for localization. If set to true, the user can navigate the widget with the keyboard. By default, keyboard navigation is disabled. For a runnable example, refer to the demo on keyboard navigation in the TreeList. If set to true, the TreeList displays a pager. By default, paging is disabled. Only client-side paging is supported which means that all data items are expected to be available when the TreeList is initialized. Can be set to a JavaScript object which represents the pager configuration. Configures the PDF export settings of the TreeList. The template which renders rows. By default renders a table row (<tr>) for every data source item. The id for the RowTemplate The handler for the RowTemplate If set to true, the TreeList will display a scrollbar when the total row height or width exceeds the TreeList height or width. By default, scrolling is enabled. Scrolling renders separate tables for the header and data area. For accessibility-conscious applications, disable scrolling. If set to true, the user is able to sort the TreeList by clicking the column header cells. By default, sorting is disabled. Can be set to a JavaScript object which represents the sorting configuration. If a String value is assigned to the toolbar configuration option, it will be treated as a single string template for the whole TreeList toolbar and the string value will be passed as an argument to a kendo.template() function.; If a Function value is assigned (it may be a kendo.template() function call or a generic function reference), then the return value of the function will be used to render the contents of the TreeList toolbar. or If an Array value is assigned, it will be treated as the list of commands which are displayed in the TreeList toolbar. Commands can be custom or built-in. The supported built-in commands are:create - Adds an empty data item to the treelist.excel - Exports the TreeList data in MS Excel format.pdf - Exports the TreeList data in PDF format.search - built-in search panel for the TreeList.. Enables the drag-and-drop UI of rows between parents. The template which renders the popup editor.The template has to contain elements whose name HTML attribute is set to the name of the editable field. In this way, the TreeList recognizes the field to which it has to bind the each editor. Alternatively, use MVVM bindings for binding HTML elements to data item fields. The id for the Template The handler for the Template The editing mode to use. The supported editing modes are "inline", "popup" and "incell". If set to true, the filter menu will allow the user to input a second criteria. If set to row the user would be able to filter via extra row added below the headers. By default filtering is using the menu mode.Can also be set to the following string values: "row" - the user can filter via extra row within the header.; "menu" - the user can filter via the menu after clicking the filter icon. or "menu, row" - the user can filter with both modes above enabled.. If set to true, the user can get the TreeList in its unsorted state by clicking the sorted column header. The sort mode. If set to single, the user can sort by one column at a time. If set to multiple, the user can sort by multiple columns. Initializes a new instance of the class. The TreeList component. Builds the TreeList markup. The HTML attributes of the table cell (<td>) that is rendered for the column. The configuration of the column commands. If set, the column will display a button for every command. Commands can be custom or built-inThe built-in commands are: edit - Switches the current table row to edit mode. Supports the inline and popup edit modes.; createChild- Adds a new child item to the current table row and switches to edit mode. or destroy - Removes the data item to which the current table row is bound.. Custom commands are supported by specifying the click option. The JavaScript function that is executed when the cell or row is about to be opened for editing. The returned result will determine whether an editor for the column will be created. If set to true, the column value will be HTML-encoded before it is displayed. If set to false, the column value will be displayed as is. By default, the column value is HTML-encoded. If set to true, the column will show the icons that are used for expanding and collapsing child rows. By default, the first column of the TreeList is expandable. The field to which the column is bound. The value of this field is displayed by the column during data binding. If set to true and if filtering is enabled, a filter menu will be displayed for this column. If set to false, the filter menu will not be displayed. By default, a filter menu is displayed for all columns when filtering is enabled through the filterable option. Can be set to a JavaScript object which represents the filter menu configuration. The template which renders the footer table cell for the column.The following fields can be used in the template: average - The value of the average aggregate (if specified).; count - The value of the count aggregate (if specified).; max - The value of the max aggregate (if specified).; min - The value of the min aggregate (if specified). or sum - The value of the sum aggregate (if specified).. The id for the FooterTemplate The format that is applied to the value before it is displayed. Takes the {0:format} form where format is a standard number format, custom number format, standard date format or a custom date format. The HTML attributes of the table header cell (<th>) that is rendered for the column. The template which renders the column header content. By default, the value of the title column option is displayed in the column header cell. The id for the HeaderTemplate The pixel screen width below which the column will be hidden. The setting takes precedence over the hidden setting and the two cannot not be used at the same time. If set to true the treelist will render a select column with checkboxes in each cell, thus enabling multi-row selection. The header checkbox allows users to select/deselect all the rows on the current page. If set to true and sorting is enabled, the user can click the column header and sort the TreeList by the column field. If set to false, sorting will be disabled for this column. By default, all columns are sortable if sorting is enabled though the sortable option. The template which renders the column content. The TreeList renders table rows (<tr>) which represent the data source items. Each table row consists of table cells (<td>) which represent the TreeList columns. By default, the HTML-encoded value of the field is displayed in the column. The id for the Template The text that is displayed in the column header cell. If not set, the TreeList uses field. The width of the column. Numeric values are treated as pixels. If set to true, the TreeList will not display the column. By default, all columns are displayed. If set to true, the TreeList will select all child rows upon parent row selection when checkbox selection is used. If set to true, the TreeList will display the column in the column menu. By default, the column menu includes all data-bound columns, that is, the ones with a set field option. If set to true, the TreeList will display the column as locked (frozen). If set to false, the column will remain in that side of the TreeList where its own locked configuration placed it. The role data attribute of the widget that is used in the filter menu, or a JavaScript function which initializes that widget. Specifies options for the filter header cell when filter mode is set to 'row'.Can be set to a JavaScript object which represents the filter cell configuration. A JavaScript function for comparing the values. If the first argument is less than the second one, returns -1.; If both arguments are the same, returns 0. or If the first argument is greater than the second one, returns +1.. The CSS class that is applied to the command button. The CSS class that is applied to the icon span of the command button. The JavaScript function that is executed when the user clicks the command button. The function receives a jQuery event as an argument. The function context that is available through the this keyword will be set to the TreeList instance. The name of the command. Commands can be built-in ("edit", "createChild" and "destroy") or custom. When set to a custom value, the name is rendered as a data-command attribute. For more information, refer to the columns.command section. The text that is displayed by the command button. If not set, the name option is used as the button text. The click handler of the toolbar command. Used for custom toolbar commands. A class name that will be rendered inside the toolbar button. When you set this option, the TreeList renders an additional span element inside the toolbar button which has a class name set to the option value. This approach allows you to display an icon inside your custom toolbar commands. The name of the toolbar command. Can be either a built-in ("create", "excel", or "pdf") or a custom string. The name is output in the HTML as a value of the data-command attribute of the button. The text that is displayed by the command button. If not set, the TreeList will use the name` option as the button text instead. The name of the toolbar command. Either a built-in ("append" and "pdf") or custom. The name is reflected in one of the CSS classes, which is applied to the button - k-gantt-name. This class can be used to obtain reference to the button after Gantt initialization and attach click handlers. The template which renders the command. By default renders a button. The id for the Template The handler for the Template The text displayed by the command button. If not set the name` option would be used as the button text instead. The author of the PDF document. Specifies if the Print dialog should be opened immediately after loading the document. A flag indicating whether to produce actual hyperlinks in the exported PDF file.It's also possible to pass a CSS selector as argument. All matching links will be ignored. The creator of the PDF document. The date when the PDF document is created. Defaults to new Date(). Specifies the file name of the exported PDF file. If set to true, the content will be forwarded to proxyURL even if the browser supports saving files locally. Specifies the quality of the images within the exported file, from 0 to 1. If set to true all PNG images contained in the exported file will be kept in PNG format. Specifies the keywords of the exported PDF file. Set to true to reverse the paper dimensions if needed such that width is the larger edge. Specifies the margins of the page (numbers or strings with units). Supported units are "mm", "cm", "in" and "pt" (default). Specifies the paper size of the PDF document. The default "auto" means paper size is determined by content.Supported values: A predefined size: "A4", "A3" etc; An array of two numbers specifying the width and height in points (1pt = 1/72in) or An array of two strings specifying the width and height in units. Supported units are "mm", "cm", "in" and "pt".. The URL of the server side proxy which will stream the file to the end user.A proxy will be used when the browser isn't capable of saving files locally. Such browsers are IE version 9 and lower and Safari.The developer is responsible for implementing the server-side proxy.The proxy will receive a POST request with the following parameters in the request body: contentType: The MIME type of the file; base64: The base-64 encoded file content or fileName: The file name, as requested by the caller.. The proxy should return the decoded file with set "Content-Disposition" header. A name or keyword indicating where to display the document returned from the proxy.If you want to display the document in a new window or iframe, the proxy should set the "Content-Disposition" header to inline; filename="<fileName.pdf>". Sets the subject of the PDF file. Sets the title of the PDF file. The bottom margin. Numbers are considered as "pt" units. The left margin. Numbers are considered as "pt" units. The right margin. Numbers are considered as "pt" units. The top margin. Numbers are considered as "pt" units. DiagramPannableKey DiagramSelectableKey If set to true the TreeList will export all pages of data. By default the TreeList exports only the current page. Specifies the file name of the exported Excel file. Enables or disables column filtering in the Excel file. Not to be mistaken with the filtering feature of the TreeList. If set to true, the content will be forwarded to proxyURL even if the browser supports local file saving. The URL of the server-side proxy which will stream the file to the end user. A proxy will be used when the browser is not capable of saving files locally. Such browsers are IE version 9 and earlier and Safari. The developer is responsible for implementing the server-side proxy. The proxy will return the decoded file with the Content-Disposition header set to attachment; filename="<fileName.xslx>".The proxy will receive a POST request with the following parameters in the request body: contentType - The MIME type of the file.; base64 - The base-64 encoded file content. or fileName - The file name as requested by the caller.. Defines the text for the command buttons that are used across the widget. Defines the text of the Loading... message when the widget loads its root-level items. Defines the text of No records to display message when the widget does not show any items. Defines the text of Request failed message when the widget fails to load its root-level items. Defines the text of Retry message for the button which triggers the reloading of the TreeList root-level items. Defines the text of the Cancel button that discards the changes during editing. Defines the text of the Add new record button that adds new data rows. Defines the text of the Add child record button that adds new child data rows. Defines the text of the Delete button that deletes a data row. Defines the text of the Edit button that shows the editable fields for the row. Defines the text of the Save Changes button that saves modifed data rows. Allows the customization of the placeholder text in the treelist search panel. Defines the text of the Cancel Changes button that cancels all data modifications. Defines the text of the Export to Excel button that exports the widget data in spreadsheet format. Defines the text of the Export to PDF button that exports the widget data in PDF format. Defines the text of the Update button that applies the changes during editing. Exports all TreeList pages, starting from the first one. The author of the PDF document. Specifies if the Print dialog should be opened immediately after loading the document. (Available as of the 2015.3.1020 release) A flag which indicates whether to produce actual hyperlinks in the exported PDF file. You can also pass a CSS selector as an argument. All matching links will be ignored. The creator of the PDF document. The date when the PDF document is created. Defaults to new Date(). Specifies the file name of the exported PDF file. If set to true, the content will be forwarded to proxyURL even if the browser supports the local saving of files. Specifies the quality of the images within the exported file, from 0 to 1. If set to true all PNG images contained in the exported file will be kept in PNG format. Specifies the keywords of the exported PDF file. If set to true, reverses the paper dimensions in such a way that the width becomes the larger edge. Specifies the margins of the page and accepts numbers or strings with units.The supported units are: mm; cm; in or (Default) pt. Specifies the paper size of the PDF document. The default auto setting means that the paper size is determined by the content.The supported values are: A predefined size such as A4, A3, and so on.; An array of two numbers which specify the width and height in points (1pt = 1/72in). or An array of two strings which specify the width and height in units. The supported units are:mmcminpt. The URL of the server side proxy which will stream the file to the end user. A proxy will be used when the browser is not capable of saving files locally. Such browsers are IE version 9 and earlier, and Safari. The developer is responsible for implementing the server-side proxy. The proxy will return the decoded file with the Content-Disposition header set to attachment; filename="<fileName.pdf>".The proxy will receive a POST request with the following parameters in the request body: contentType - The MIME type of the file.; base64 - The base-64 encoded file content. or fileName - The file name, as requested by the caller.. A name or keyword whcih indicates where to display the document that was returned by the proxy. To display the document in a new window or iframe, the proxy will set the Content-Disposition header to inline; filename="<fileName.pdf>". Sets the subject of the PDF file. Sets the title of the PDF file. The bottom margin. Numbers are considered as pt units. The left margin. Numbers are considered as pt units. The right margin. Numbers are considered as pt units. The top margin. Numbers are considered as pt units. The text similar to "Assign" displayed in Gantt task editor. The text similar to "Task" displayed in Gantt task editor. The text similar to "End" displayed in Gantt task editor. The text similar to "Complete" displayed in Gantt task editor. The text similar to "Planned End" displayed in Gantt task editor. The text similar to "Planned Start" displayed in Gantt task editor. The text similar to "Resources" displayed in Gantt task editor. The text similar to "Resources" displayed in Gantt task editor. The text similar to "Resources" displayed in Gantt task editor. The text similar to "Start" displayed in Gantt task editor. The text similar to "Title" displayed in Gantt task editor. The text similar to "Units" displayed in Gantt task editor. The text that will be rendered in the Create button of the Dependencies and Assignments edit tables. The text that will be rendered as a title of the Predecessor and Successor columns in the Dependencies edit tables, and the Dependency column in the Assignments edit table. The hint text that will be rendered for the percentCompleted NumericTextBox on the popup edit Form. The text that will be rendered in the Remove button of the Dependencies and Assignments edit tables. The label text of the start DateTimePicker editor when the planned editors are also present on the form. The label text of the end DateTimePicker editor when the planned editors are also present on the form. The optionLabel of the parent DropDownList editor. The text used for the main (general) tab on the edit popup TabStrip. The text used for the predecessors tab on the edit popup TabStrip. The text used for the successors tab on the edit popup TabStrip. The text used for the other tab on the edit popup TabStrip. The text that will be rendered as a title of the Type column in the Dependencies edit tables. The template which renders the tooltip.The fields which can be used in the template are: task - the gantt task, for which the template is shown. The id for the Template The handler for the Template If set to false the gantt will not display the task tooltip. By default the task tooltip is displayed. If set to true, the column menu allows the user to select (show and hide) TreeList columns. By default, the column menu allows column selection. If set to true, the column menu will allow the user to filter the TreeList. By default, if filtering is enabled through filterable, the column menu allows the user to filter. If set to true, the column menu will allow the user to sort the TreeList by the column field. By default, if sorting is enabled through sortable, the column menu allows the user to sort the data. The text messages that is played in the column menu. Use it to customize or localize the column menu messages. The text message that is displayed for the column selection menu item. The text message that is displayed for the filter menu item. The text message that is displayed for the menu item which performs the ascending sort mode. The text message that is displayed for the menu item which performs the descending sort mode. The text message that is displayed in the menu header. The text message that is displayed in the column menu when locking a column. The text message that is displayed in the column menu for unlocking a column. If enabled, the editor renders a resize handle to allow users to resize it. The minimum height that the editor can be resized to. The maximum height that the editor can be resized to. If resizable is set to true the widget will detect changes in the viewport width and will hide the overflowing controls in the tool overflow popup. If set to false the widget will not close when the page content is touched, after it was opened on a mobile device. You will need to call the close method when the panel needs to close. Specifies the page width at which the widget will be hidden and its toggle button will become visible. Specifies the selector for the toggle button that will show and hide the responsive panel. Specifies the direction from which the hidden element will open up, once the toggle button has been activated Initializes a new instance of the class. The ResponsivePanel component. Builds the ResponsivePanel markup. The name of the currently active sheet. Must exactly match one of the (sheet names)[#configuration-sheets.name]. The default column width in pixels. The number of columns in the document. The default cell styles that will be applied to the sheet cells. The height of the header row in pixels. The width of the header column in pixels. Configures the Excel export settings of the Spreadsheet. Configures the PDF export settings of the Spreadsheet. The default row height in pixels. The number of rows in the document. An array which defins the document sheets and their content. A Boolean value which indicates if the sheets-bar will be displayed. If set to true, the Spreadsheet formula parser will obey the decimal separator of the current culture. If set to false (default), the decimal separator in formulas will always be the dot.This flag has implications on how formulas are entered. When it is set to true, in cultures where the decimal separator is the comma (,), similar to Excel, the following additional changes upon entering a formula will occur: The semicolon will become a function argument separator. For example, =SUM(A1;A2) instead of =SUM(A1,A2). or The backslash will become an element separator in an array formula. For example, ={1;3} instead of ={1,2;3,4}.. This flag only affects the presentation - the way formulas are entered by the end user or displayed on screen. Serialization to JSON or XLSX as well as the public API functions will continue to use the dot as decimal separator and the comma as an argument separator (canonical form). For example, to apply a formula by using the API, even if useCultureDecimals is in effect, you still need to use the canonical form.To make the API functions obey useCultureDecimals, wrap your code in a call to sheet.withCultureDecimals. Assuming a culture where the comma is used for decimals, compare the previous example with the following one. A Boolean value which indicates if the toolbar will be displayed. An object containing any images used in the Spreadsheet. The keys should be image ID-s (they are referenced by this ID in (sheets.drawings)[#configuration-sheets.drawings]) and the values should be image URLs.The image URLs can be eitherdata URLs, in which case the images are fully contained by the JSON, or can be external URLs.Note that when external URLs are used, they should reside on the same domain, or the server must be configured with the properCORS headers, for the Spreadsheet to be able to fetch binary image data using a XMLHttpRequest. If it cannot fetch the image, export to Excel or PDF might not work. The active cell in the sheet, for example, A1. The name of the sheet. An array which defines the columns in this sheet and their content. An array which contains the drawings used in this sheet. Defines the filtering criteria for this sheet, if any. The number of frozen columns in this sheet. The number of frozen rows in this sheet. An array of merged cell ranges, for example, B1:D2. The row data for this sheet. The selected range in the sheet, for example, A1:B10. A Boolean value which indicates if the grid lines of the sheet will be displayed. Defines the sort criteria for the sheet. The zero-based index of the column. Required to ensure correct positioning. The width of the column in pixels. Defaults to columnWidth. The active range for the filter, for example, B1:D8. The cells for this row. The row height in pixels. Defaults to rowHeight. The absolute row index. Required to ensure correct positioning. The table row element role in the context of the Grid table structure. The background color of the cell. Many standard CSS formats are supported. However, the canonical form is #ccff00. The font color of the cell. Many standard CSS formats are supported. However, the canonical form is #ccff00. The comment of the cell - a tooltip that appears when the cell is hovered. The font family of the cell. The font size of the cell in pixels. If set to true, sets the cell font to italic. If set to true, sets the cell font to bold. If set to false, disables the cell. The format of the cell text. For more information, refer to the article on creating or deleting a custom number format on MS Office. The cell formula without the leading equals sign, for example, A1 * 10. If set to true, renders the cell value as HTML. It is important to sanitize the value of the cell on the server for passing safe html because there is no client-side sanitizing. When editing a cell the new value can be checked and prevented in the client changing event. The zero-based index of the cell. Required to ensure correct positioning. The hyperlink (URL) of the cell. If set to true, sets the cell font to underline. The validation rule that is applied to the cell. If set to true, wraps the cell content. Specifies the text alignment in the cell Specifies the text vertical alignment in the cell Specifies the sort options for individual columns. The sorted range, for example, A1:D5. Indicates if the data in the cell will be sorted in ascending (true) or descending order (false). The index of the column within the sheet. For example, column C will have an index of 2. Specifies the text alignment in the cell Specifies the text vertical alignment in the cell Specifies the file name of the exported Excel file. If set to true, the content will be forwarded to proxyURL even if the browser supports the saving of files locally. The URL of the server side proxy which will stream the file to the end user. A proxy will be used when the browser is not capable of saving files locally. Such browsers are IE version 9 and lower and Safari. The developer is responsible for implementing the server-side proxy. The proxy will return the decoded file with the Content-Disposition header set to attachment; filename="<fileName.xslx>".The proxy will receive a POST request with the following parameters in the request body: * contentType - The MIME type of the file. * base64 - The base-64 encoded file content. * fileName - The file name as requested by the caller. Defines the validation type.The supported options are: reject or warning (default). Defines the comparer type that is used to validate the cell value.The supported values are: greaterThan; lessThan; between; equalTo; notEqualTo; greaterThanOrEqualTo; lessThanOrEqualTo; notBetween or custom. Defines the data type of the cell value.The supported values are: date; text; number; list or custom. Defines a formula or a value that is used for the comparison process. Used as the only compare value if the comparer type does not require a second argument. Mandatory for validation to work. A Boolean value which indicates if a button for selecting list items will be displayed (dataType set to list). Defines a formula or a value that is used for the comparison process. Will be used if the comparer type requires a second argument. Specifies whether to allow null values. Defines the hint message that will be displayed if the value is invalid.The template provides access to the following variables: from{0}; to{1}; fromFormula{2}; toFormula{3}; dataType{4}; type{5} or comparerType{6}. The id for the MessageTemplate The handler for the MessageTemplate Defines the hint title that will be displayed if the value is invalid. The id for the TitleTemplate The handler for the TitleTemplate The area that will be exported.The supported values are: * workbook - Exports the full workbook, including all sheets. * sheet - Exports the active sheet. * selection - Exports the selected area on the active sheet. The author of the PDF document. Specifies if the Print dialog should be opened immediately after loading the document. The creator of the PDF document. The date when the PDF document is created. Defaults to new Date(). Specifies the file name of the exported PDF file. Indicates whether to fit the content of the Spreadsheet to the width of the page. If set to true, the content will be forwarded to proxyURL even if the browser supports the saving of files locally. Indicates whether to export the cell guidelines. Indicates whether to center the content horizontally. For more information, refer to vCenter. Specifies the quality of the images within the exported file, from 0 to 1. If set to true all PNG images contained in the exported file will be kept in PNG format. Specifies the keywords of the exported PDF file. If set to true, reverses the paper dimensions if that width is needed as the larger edge. Specifies the margins of the page (numbers or strings with units).The supported values are: mm; cm; in or pt (default). Specifies the paper size of the PDF document. The default auto setting means that the paper size is determined by the content.The supported values are: * A predefined size - A4, A3, and so on. * An array of two numbers which specify the width and height in points (1pt = 1/72in). * An array of two strings which specify the width and height in units. The supported values are mm, cm, in, and pt. The URL of the server side proxy which will stream the file to the end user. A proxy will be used when the browser is not capable of saving files locally, for example, Internet Explorer 9 and Safari. The developer is responsible for implementing the server-side proxy. The proxy will return the decoded file with the Content-Disposition header set to attachment; filename="<fileName.pdf>".The proxy will receive a POST request with the following parameters in the request body: contentType - The MIME type of the file.; base64 - The base-64 encoded file content. or fileName - The file name as requested by the caller.. A name or keyword which indicates where to display the document that is returned from the proxy. To display the document in a new window or iframe, set the proxy Content-Disposition header to inline; filename="<fileName.pdf>". Sets the subject of the PDF file. Sets the title of the PDF file. Indicates whether to center the content vertically. For more information, refer to hCenter. The bottom margin. Numbers are considered as pt units. The left margin. Numbers are considered as pt units. The right margin. Numbers are considered as pt units. The top margin. Numbers are considered as pt units. A boolean or an array containing a collection of tools (strings) that will be shown in the Home tab. The following list indicates the available tools: bold, italic, underline, open, exportAs, cut, copy, paste, bold, italic, underline, backgroundColor, textColor borders, fontSize, fontFamily, alignment, textWrap, formatDecreaseDecimal, formatIncreaseDecimal, format, merge, freeze, filter. A boolean or an array containing a collection of tools (strings) that will be shown in the Insert tab. The following list indicates the available tools: deleteColumn, deleteRow, addColumnLeft, addColumnRight, addRowBelow, addRowAbove, deleteColumn, deleteRow. A boolean or an array containing a collection of tools (strings) that will be shown in the Data tab. The available tools are: sort, filter, validation. All HTML tags are stripped leaving only the text in the content. Remove style and class attributes from the pasting content. Use a callback function to integrate a custom implementation for cleaning up the paste content. Make sure the callback function always returns the result. Strip all HTML tags but keep new lines in the pasted content. Remove all special formatting from MS Word content like font-name, font-size and MS Word specific tags. Converts MS Word pasted content into HTML lists. Removes all MS Word specific tags and cleans up the extra metadata. Prevent any cleaning up of the content. Remove all span elements from the content, ensuring much of the inline formatting is removed. Callback that allows custom deserialization to be plugged in. The method accepts string as the only parameter and is expected to return the modified content as string as well. If set to some date the timeline of all views will start from this date. If set to some date the timeline of all views will end to this date. If set to some date the timeline of the view will start from this date.Overrides the range.start option of the gantt. If set to some date the timeline of the view will end to this date.Overrides the range.end option of the gantt. Kendo template or a callback that allows custom serialization of an immutable element. The callback accepts DOM element as only parameter and is expected to return the HTML source of a DOM element. A collection of objects containing text, action and primary attributes used to specify the dialog buttons. #### Example Specifies the possible layout of the action buttons in the Dialog.Note: Stretched layout has no effect in browsers, like IE9, that do not support flexbox.Possible values are: normal or stretched. Specifies whether a close button should be rendered at the top corner of the dialog. Defines the text of the labels that are shown within the dialog. Used primarily for localization. Specifies whether the dialog should show a modal overlay over the page. Specifies whether the dialog will be initially visible. Set predefined size to the dialog. The width and height configuration options override the predefined size.Possible values are: auto; small; medium or large. The content of the dialog Specifies height of the dialog. The maximum height (in pixels) that may be achieved by resizing the dialog. The maximum width (in pixels) that may be achieved by resizing the dialog. The minimum height (in pixels) that may be achieved by resizing the dialog. The minimum width (in pixels) that may be achieved by resizing the dialog. Specifies width of the dialog. The text to be shown in the action's button. The callback function to be called after pressing the action button. A boolean property indicating whether the action button will be decorated as primary button or not. Adds a custom class to the action button. The title of the close button. The title of the prompt input. Initializes a new instance of the class. The Dialog component. Builds the Dialog markup. Defines the handler of the Complete client-side event Defines the handler of the Error client-side event Defines the handler of the Progress client-side event Defines the handler of the Select client-side event Defines the handler of the Success client-side event Defines the import action Lists which file extensions are allowed to be uploaded Defines the maximum file size that can be uploaded in bytes The background CSS color of the cell. The text CSS color of the cell. The font family of the cell. The font size of the cell in pixels. If set to true, sets the cell font to italic. If set to true, sets the cell font to bold. If set to true, sets the cell font to underline. If set to true, sets the cell wrap. Specifies the format, which is used to format the value of the DateInput displayed in the input. The format also will be used to parse the input. Adds a label before the dateinput. If the dateinput has no id attribute, a generated id will be assigned. The string and the function parameters are setting the inner HTML of the label. Specifies the maximum date which can be entered in the input. Specifies the minimum date that which be entered in the input. Specifies the selected date. The messages that DateInput uses. Use it to customize or localize the placeholders of each date/time part. Sets the size of the component. Sets a value controlling the border radius. Sets a value controlling how the color is applied. Initializes a new instance of the class. The DateInput component. Builds the DateInput markup. The placeholder for the years part. The placeholder for the months part. The placeholder for the day of the month part. The placeholder for the day of the week part. The placeholder for the hours part. The placeholder for the minutes part. The placeholder for the seconds part. The placeholder for the AM/PM part. If set to false, the widget will not bind to the data source during initialization. In this case, the data binding will occur when the change event of the data source is fired. By default, the ListBox will bind to the data source that is specified in the configuration. The id of the target ListBox to which items from the source ListBox will be transferred and vice versa. If you have to transfer items from the target ListBox over its toolbar, then you also need to set its connectWith option. The field of the data item that provides the text content of the list items. Based on this field, the widget filters the data source. The field of the data item that provides the value of the widget. Array of id strings which determines the ListBoxes that can drag and drop their items to the current ListBox. The dropSources option describes a one way relationship. If you want a two-way connection, then set the dropSources option on both widgets. Indicates whether the keyboard navigation is enabled or disabled. Defines the localization texts for the ListBox. Used primarily for localization. Specifies the item template of the ListBox. The id for the Template The handler for the Template Defines the settings for displaying the toolbar of the ListBox. The toolbar allows you to execute a set of predefined actions.By default, the toolbar is not displayed. If the tools array is populated, then the toolbar and the corresponding tools are displayed. Initializes a new instance of the class. The ListBox component. Builds the ListBox markup. Defines the localization texts for tools in the ListBox. Texts are used when you configure the tooltip and accessibility support. Defines the text of the Move Down button that is located in the toolbar of the ListBox. Defines the text of the Move Up button that is located in the toolbar of the ListBox. Defines the text of the Delete button that is located in the toolbar of the ListBox. Defines the text of the Transfer All From button that is located in the toolbar of the ListBox. Defines the text of the Transfer All To button that is located in the toolbar of the ListBox. Defines the text of the Transfer From button that is located in the toolbar of the ListBox. Defines the text of the Transfer To button that is located in the toolbar of the ListBox. The editing mode to use. The supported editing modes are "inline", "popup" and "incell". The label template. Template variables: * value - the value The id for the CenterTemplate The handler for the CenterTemplate The color of the value pointer. Accepts a valid CSS color string, including hex and rgb. The color ranges of the value pointer. The pointer color will be set to the color from the range that contains the current value. The gauge area configuration options. This is the entire visible area of the gauge. The opacity of the value pointer. Configures the scale. The gauge theme. This can be either a built-in theme or "sass". When set to "sass" the gauge will read the variables from the Sass-based themes.The supported values are: "sass" - special value, see notes; "black"; "blueopal"; "bootstrap"; "default"; "highcontrast"; "metro"; "metroblack"; "moonlight"; "silver" or "uniform". A value indicating if transition animations should be played. The gauge value. Specifies the preferred widget rendering mode. The color of the pointer in the specified range. The lower range value of the applied color. The upper range value of the applied color. The background of the gauge area. Any valid CSS color string will work here, including hex and rgb. The border of the gauge area. The height of the gauge area. The margin of the gauge area. The width of the gauge area. Kendo UI ArcGaugeGaugeAreaBorderSettings class The color of the border. Any valid CSS color string will work here, including hex and rgb. The opacity of the border. By default the border is opaque. The width of the border. Specifies the line dash type. The top margin of the gauge area. The bottom margin of the gauge area. The left margin of the gauge area. The right margin of the gauge area. The end angle of the gauge. The gauge is rendered clockwise(0 degrees are the 180 degrees in the polar coordinate system) Configures the scale labels. Configures the scale major ticks. The interval between major divisions. The maximum value of the scale. The minimum value of the scale. Configures the scale minor ticks. The interval between minor divisions. The lineCap style of the ranges.The supported values are: "butt"; "round" or "square". The default color for the ranges. The width of the range indicators. The distance from the range indicators to the ticks. Reverses the scale direction - values are increase anticlockwise. The start angle of the gauge. The gauge is rendered clockwise(0 degrees are the 180 degrees in the polar coordinate system) The background color of the labels. Any valid CSS color string will work here, including hex and rgb The border of the labels. The text color of the labels. Any valid CSS color string will work here, including hex and rgb. The font style of the labels. The format of the labels. The margin of the labels. The padding of the labels. The label template. Template variables: * value - the value The id for the Template The handler for the Template The visibility of the labels. Sets the labels position The color of the border. Any valid CSS color string will work here, including hex and rgb. The opacity of the border. By default the border is opaque. The width of the border. Specifies the line dash type. The top margin of the labels. The bottom margin of the labels. The left margin of the labels. The right margin of the labels. The top padding of the labels. The bottom padding of the labels. The left padding of the labels. The right padding of the labels. The color of the major ticks. The major tick size. This is the length of the line in pixels that is drawn to indicate the tick on the scale. The visibility of the major ticks. The width of the major ticks. The color of the minor ticks. Any valid CSS color string will work here, including hex and rgb. The minor tick size. This is the length of the line in pixels that is drawn to indicate the tick on the scale. The visibility of the minor ticks. The width of the minor ticks. Initializes a new instance of the class. The ArcGauge component. Builds the ArcGauge markup. Sets the labels position (Available as of the Kendo UI 2017 R3 release) By default, the TreeList will render a pager even when total number of items in the DataSource is less than the pageSize value.If set to false the TreeList will toggle the pager visibility as follows: When the total amount of items initially set in the DataSource is less than the pageSize number, the pager will be hidden.; When the total amount of items initially set in the DataSource is greater than or equal to the pageSize number, the pager will be shown.; When the total amount of items in the DataSource becomes less than the pageSize number (after a delete or filter operation, or upon changing the pageSize), the pager will be hidden. or When the total amount of items in the DataSource becomes greater than or equal to the pageSize number (after an insert or filter operation, or upon changing the pageSize), the pager will be shown.. The number of data items which will be displayed in the TreeList. If set to true, the pager will display buttons for going to the first, previous, next, and last pages. By default, these buttons are displayed. If set to true, the pager will display buttons for navigating to specific pages. By default, these buttons are displayed. The maximum number of buttons that are displayed in the numeric pager. If more pages than the specified number are rendered, the pager will display ellipsis (...). If set to true, the pager will display an input element which allows the user to type a specific page number. By default, the page input is not displayed. If set to true, the pager will display the Refresh button. Clicking the Refresh button will refresh the TreeList. By default, the Refresh button is not displayed. If set to false, the pager will not be responsive. By default, the pager is responsive. If set to true, the pager will display information about the current page and the total number of data items. By default, the paging information is displayed. The text messages that are displayed in the pager. Use this option to customize or localize the pager messages. The text with the pager information. Uses kendo.format.Contains the following placeholders: - {0} - The first data item index. - {1} - The last data item index. - {2} - The total number of data items. The text that is displayed when the TreeList is empty. The label that is displayed before the pager input. The label that is displayed before the pager input. Uses kendo.format. Contains one optional {0} placeholder which represents the total number of pages. The label that is displayed after the drop-down list for the page size. The tooltip of the button which goes to the first page. The tooltip of the button which goes to the last page. The tooltip of the button which goes to the next page. The tooltip of the button which goes to the previous page. The tooltip of the Refresh button. The tooltip of the ... (ellipsis) button which appears when the number of pages is greater than the buttonCount. Defines the fluent API for configuring the DialogModalSettings settings. Initialization for the Specifies whether the dialog should show a modal overlay over the page. Specifies whether the document should stop scrolling when modal dialog is opened. Closing it should restore the initial document overflow. Note that it's not supported to have multiple dialogs with different preventScroll setting. Serialize current instance to Dictionary Kendo UI PDFViewer component The URL generator. Initializes a new instance of the class. The view context The JavaScriptInitializer The URL generator. Specifies the PDF.JS configuration options. Including pdfjs is mandatory. Specifies the DPL configuration options. The width of the PDFViewer. The height of the PDFViewer. Specifies the default page size if no PDF is displayed in the PDFViewer. The page size will shrink to fit the viewer dimensions. The selected page number in the viewer. Specifies the default scale of the pages. Specifies the minimum zoom that could be applied to the pages. Specifies the maximum zoom that could be applied to the pages. Specifies the zoom rate that could be applied to the pages. Used when zooming on mousewheel and for the zoomIn and zoomOut tools. Defines the page surface options. This setting is available only for DPL Processing. The page render a drawing Surface and all of its configuration options could be defined. Toolbar option accepts a Boolean value which indicates if the toolbar will be displayed or an Object with items. Inherits Kendo UI Toolbar. Specifies the localization messages of the PDFViewer. The client-side global variable or function to provide the JSON data for the PDF document. Writes the initialization script. The . Writes the HTML. The . Defines the fluent API for configuring the PDFViewerDplProcessingSettings settings. Initialization for the Specifies the configuration of the jQuery.ajax to make an HTTP request to the remote service. Specifies the configuration of the jQuery.ajax to make an HTTP POST request to the remote service. Specifies the download configuration. Specifies whether read requests should be sent for each page. Note that on the server the pageField should be nullable. Serialize current instance to Dictionary Defines the fluent API for configuring the PDFViewerDplProcessingDownloadSettings settings. Initialization for the Specifies the download action url that will be navigated to. Serialize current instance to Dictionary Defines the fluent API for configuring the PDFViewerDplProcessingReadSettings settings. Initialization for the Specifies the url to which the request is sent. Specifies the page field parameter submitted to the read url. It is used in scenario with loadOnDemand when requests are sent for each page. Specifies the type of the request. The type of result expected from the server. Used values are "json" and "jsonp". The PDFViewer expects a json to render the geometries. Serialize current instance to Dictionary Defines the fluent API for configuring the PDFViewerDplProcessingUploadSettings settings. Initialization for the Specifies the url that will receive the submitted file. The handler must accept POST requests. Specifies the name of the form field which is submitted to saveUrl. Serialize current instance to Dictionary Defines the fluent API for configuring the PDFViewerMessagesSettings settings. Initialization for the Specifies the default file name used for Download. Specifies the localization messages of the toolbar. Serialize current instance to Dictionary Defines the fluent API for configuring the PDFViewerMessagesToolbarSettings settings. Initialization for the Serialize current instance to Dictionary Defines the fluent API for configuring the PDFViewerPdfjsProcessingSettings settings. Initialization for the Specifies the default file to be displayed. Serialize current instance to Dictionary Defines the fluent API for configuring the PDFViewerToolbarSettings settings. Initialization for the Toolbar option accepts a Boolean value which indicates if the toolbar will be displayed or an Object with items. Inherits Kendo UI Toolbar. The following list indicates the default tools: pager; zoomInOut; zoom; toggleSelection; search; open; download or print. For DPL Processing exportAs tool could be configured to export a single page to .png or .svg. Serialize current instance to Dictionary Defines the fluent API for configuring the PDFViewerToolbarSettingsItem settings. Initialization for the Default commands in the PDF Viewer are: OpenCommand; PageChangeCommand; DownloadCommand; EnableSelectionCommand; EnablePanCommand; ExportCommand; PrintCommand; OpenSearchCommand or ZoomCommand. Specifies the tool's name. Tool definition will be taken from the default collection - kendo.pdfviewer.DefaultTools Specifies the click event handler of the button. Specifies the toggle event handler of the button. Applicable only for commands of type button and togglable: true. Specifies if the button is togglable, e.g. has a selected and unselected state. Sets the text of the button. Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type. The id for the Template The handler for the Template Specifies where the text will be displayed. Possible values are: "toolbar", "overflow" or "both" (default). Specifies whether the button is primary. Primary buttons receive different styling. Specifies the HTML attributes of a ToolBar button. Specifies whether the control is initially enabled or disabled. Default value is "true". Determines if a button is visible or hidden. By default buttons are visible. Defines a CSS class (or multiple classes separated by spaces) which will be used for button icon. If set, the ToolBar will render an image with the specified URL in the button. Specifies where the button icon will be displayed. Possible values are: "toolbar", "overflow" or "both" (default). Sets icon for the item. The icon should be one of the existing in the Kendo UI theme sprite. Specifies the ID of the button. Serialize current instance to Dictionary Defines the fluent API for configuring the PDFViewerViewSettings settings. Initialization for the Defines the surface type. It accepts canvas or svg. This option is supported only for DPL. Serialize current instance to Dictionary HtmlBuilder for the PDFViewer component Initializes a new instance of the class. The PDFViewer component. Builds the PDFViewer markup. Create the HTML element for the component Adds attributes for event handlers The of the component of events Defines the fluent API for configuring the PDFViewerDefaultPageSizeSettings settings. Initialization for the Serialize current instance to Dictionary Kendo UI Drawer component The URL generator. Initializes a new instance of the class. The view context The JavaScriptInitializer The URL generator. Specifies if the Drawer will be automatically collapsed when an item is clicked. The position of the drawer. Can be left (default) or right. Determines how the Kendo UI Drawer will interact with the associated content. The default one (overlay) will simply overlap the associated content with overlay effect. On the other hand "push" mode will show the drawer next to associated cotent. The associated content will shrink its content. If set to true the use could navigate the widget using the keyboard navigation. By default keyboard navigation is disabled. Specifies the drawer's content. The id for the Template The handler for the Template Specifies the minimum height for the drawer in push mode. The overlay mode takes 100% of the page height. Enables or configures the mini mode for the Kendo UI Drawer. This is a compact view that is displayed when the Kendo UI Drawer is collapsed. Usually it used to show only the icons when the drawer content contains icon and text for an item. When set to true it uses the main template. If set to false, swiping the associated content will not activate the drawer. In this case, the drawer will only be open by calling the show method. should be disabled for browsers, which use side swiping gestures for back/forward navigation, such as iOS Safari. Otherwise, users should swipe from an inner part of the view, and not from the view edge. Defines a specific width for the Kendo UI Drawer when expanded. The HTML string representing the associated content for the Drawer widget Writes the initialization script. The . Writes the HTML. The . Defines the fluent API for configuring the DrawerMiniSettings settings. Initialization for the Enables or configures the mini mode for the Kendo UI Drawer. This is a compact view that is displayed when the Kendo UI Drawer is collapsed. Usually it used to show only the icons when the drawer content contains icon and text for an item. When set to true it uses the main template. Defines a specific width for the Kendo UI Drawer when in mini mode. Defines a specific template for the Kendo UI Drawer when in mini mode. The id for the Template The handler for the Template Serialize current instance to Dictionary HtmlBuilder for the Drawer component Initializes a new instance of the class. The Drawer component. Builds the Drawer markup. Create the HTML element for the component Adds attributes for event handlers The of the component of events Defines the fluent API for configuring the SpreadsheetSheetDrawing settings. Initialization for the A cell to which the drawing's top-left corner is anchored. The horizontal offset from the anchor cell's top-left corner, in pixels. The vertical offset from the anchor cell's top-left corner, in pixels. The drawing's width in pixels. The drawing's height in pixels. The ID of the image to display. Serialize current instance to Dictionary Defines the fluent API for configuring the PDFViewerMessagesDialogsSettings settings. Initialization for the Serialize current instance to Dictionary Defines the fluent API for configuring the PDFViewerMessagesDialogsExportAsDialogSettings settings. Initialization for the Serialize current instance to Dictionary Defines the fluent API for configuring the PDFViewerMessagesDialogsExportAsDialogLabelsSettings settings. Initialization for the Serialize current instance to Dictionary Defines the fluent API for configuring the PDFViewerMessagesErrorMessagesSettings settings. Initialization for the Serialize current instance to Dictionary Defines the fluent API for configuring the PDFViewerMessagesToolbarPagerSettings settings. Initialization for the Serialize current instance to Dictionary Kendo UI Rating component The URL generator. Initializes a new instance of the class. The view context The JavaScriptInitializer The URL generator. The value from which the Rating items will be rendered. The value to which the Rating items will be rendered. Specifies the selection behavior. The available options are:*continuous - all items, starting from the first one, are marked as selected. *single - a single item is marked as selected. Specifies the precision with which an item is selected. The available options are:*item - rate by selecting the whole item. *half - rate by selecting half of the item or the whole item. The Rating displays the value of the item through the title attribute when it is hovered.If tooltip is set to false, the widget will not display the value of the items when hovering over them.The tooltips are not visible when the Rating is disabled. The Rating displays a label by default that shows the current value out of the max value 3 / 5. If the widget does not have a selected value, the label will not be displayed initially and will be toggled after an item is selected.If label is set to false, the widget will not display the label. If the option is set, the widget will automatically select the specified item when the Rating receives focus and no previous value has been set. Specifies the template which is used for rendering the items of the Rating. The id for the ItemTemplate The handler for the ItemTemplate Specifies the template which is used for rendering the selected state of the items. The id for the SelectedTemplate The handler for the SelectedTemplate Specifies the template which is used for rendering the hovered state of the items. The id for the HoveredTemplate The handler for the HoveredTemplate If set to false, the Rating will be: disabled and will not allow the user to change its state.; excluded from the tab order and not receiving focus. or will not submit its value if part of a form.. If set to true, the Rating will: be in readonly state and will not allow the user to change its state.; be included in the tab order and able to receive focus. or submit data if part of a form.. Specifies the initial value of the Rating.If a greater value than the max option is used, then the max value will be set.If a value less than the min option is used, then the min value will be set. Writes the initialization script. The . Writes the HTML. The . Defines the fluent API for configuring the RatingLabelSettings settings. Initialization for the The Rating displays a label by default that shows the current value out of the max value 3 / 5. If the widget does not have a selected value, the label will not be displayed initially and will be toggled after an item is selected.If label is set to false, the widget will not display the label. The id for the Template The handler for the Template Serialize current instance to Dictionary HtmlBuilder for the Rating component Initializes a new instance of the class. The Rating component. Builds the Rating markup. Create the HTML element for the component Adds attributes for event handlers The of the component of events Kendo UI Timeline component The URL generator. Initializes a new instance of the class. The view context The JavaScriptInitializer The URL generator. If set to false, the Timeline will not bind to the data source during initialization, i.e. it will not call the fetch method of the dataSource instance. In such scenarios data binding will occur when the change event of the dataSource instance is fired. By default, autoBind is set to true and the widget will bind to the data source specified in the configuration. Indicates whether events should be positioned on both sides of the timeline axis. By default all events are displayed on the right side of the timeline axis. Enables the events in the Kendo UI Timeline to be expandable or collapsible. When enabled initially all events are collapsed. Sets the field of the data item that provides the actions information for the event. Sets the field of the data item that provides the description information for the event. Sets the field of the data item that provides information when the given event happened in time. Sets the field of the data item that provides the value for the alt attribute of the images. Sets the field of the data item that provides the images information for the event. Sets the field of the data item that provides the subtitle information for the event. Sets the field of the data item that provides the title information for the event. Specifies the template used to render the event details. The id for the EventTemplate The handler for the EventTemplate Sets the date format used to display the date in the event's label Sets specific height for the event in horizontal mode. Sets specific width for the event in vertical mode. If set to true, will enable the keyboard navigation for the component. If set to false, the event's date label will be hidden. Defines the orientation of the Timeline widget Writes the initialization script. The . Writes the HTML. The . HtmlBuilder for the Timeline component Initializes a new instance of the class. The Timeline component. Builds the Timeline markup. Create the HTML element for the component Adds attributes for event handlers The of the component of events Defines the orientation of the Timeline widget Kendo UI Filter component The URL generator. Initializes a new instance of the class. The view context The JavaScriptInitializer The URL generator. If set to true the filter will display a button which when clicked will apply filtering over the datasource. If set to true the filter will visualize the filter expression that will be applied to the datasource. Defines the value of the logical operator at the root level of the filter expression. The configuration of the filter fields. An array of JavaScript objects that hold information regarding the filter field, it's editor, default values used for filter and etc. The data source to which the widget will apply a filter. Should be an existing kendo.data.DataSource instance. An object which represents a filter expression which the kendo.data.DataSource can use to filter the data. The text of the filter operators displayed in the filter. The text messages displayed in the filter. Use it to customize or localize the filter messages. Writes the initialization script. The . Writes the HTML. The . Defines the fluent API for configuring the FilterField settings. Initialization for the The template which the widget will use to create the field editor. The id for the EditorTemplate Defines a value which will be visualized instead of the data feild name. A value matching a field name from the datasource model. Defines the value type of the field. A value which will be initially set as a filter value when an expression item for the specific field is created. The text of the filter operators displayed in the filter. The format of the displayed in the preview value. Serialize current instance to Dictionary Defines the fluent API for configuring the FilterMessagesSettings settings. Initialization for the The title of the add expression button. The title of the add group button. The text of the option which represents the "and" logical operation. The text inside the apply button. The title of the close button. The title of the fields drop down. The title of the operators drop down. The text of the option which represents the "or" logical operation. Serialize current instance to Dictionary Defines the fluent API for configuring the FilterOperatorsSettings settings. Initialization for the The texts of the filter operators displayed for string fields. The texts of the filter operators displayed for number fields. The texts of the filter operators displayed for date fields. The texts of the filter operators displayed for boolean fields Serialize current instance to Dictionary Defines the fluent API for configuring the FilterOperatorsBooleanSettings settings. Initialization for the Specifies a custom operator Serialize current instance to Dictionary Defines the fluent API for configuring the FilterOperatorsDateSettings settings. Initialization for the Specifies a custom operator Serialize current instance to Dictionary Defines the fluent API for configuring the FilterOperatorsNumberSettings settings. Initialization for the Specifies a custom operator Serialize current instance to Dictionary Defines the fluent API for configuring the FilterOperatorsStringSettings settings. Initialization for the Specifies a custom operator Serialize current instance to Dictionary HtmlBuilder for the Filter component Initializes a new instance of the class. The Filter component. Builds the Filter markup. Create the HTML element for the component Adds attributes for event handlers The of the component of events Kendo UI Badge component The URL generator. Initializes a new instance of the class. The view context The JavaScriptInitializer The URL generator. Specifies wether or not to render additional "cutout" border around the badge. Defines the name for an existing icon in a Kendo UI theme or SVG content. The icon is rendered inside the badge by a span.k-icon or span.k-svg-icon element.See web font icons help article for more details on Kendo UI icons. If text is a number, it will cap that number. The template which renders the content of the badge. The id for the Template The handler for the Template The text of the badge. Valid input includes string, number or object with toString method. Default is empty string. If set to false the badge will not be displayed. Defines the size of the badge Defines the alignment of the badge Defines the position of the badge Sets a value controlling the border radius. Defines the color of the badge Defines how theme colors are applied to a badge Writes the initialization script. The . Writes the HTML. The . HtmlBuilder for the Badge component Initializes a new instance of the class. The Badge component. Builds the Badge markup. Create the HTML element for the component Adds attributes for event handlers The of the component of events Kendo UI Breadcrumb component The URL generator. Initializes a new instance of the class. The view context The JavaScriptInitializer The URL generator. Indicates whether the Breadcrumb will enable/disable the binding to the location object of the browser on initialization. Defines a name of an existing icon in the Kendo UI Web Font Icons. The icon will be applied as separator between the segments of the Breadcrumb path. Indicates whether the editing functionality of the Breadcrumb will be enabled/disabled.If the option is enabled the path will be editable. Clicking in an empty area of the component will trigger editing mode. Editing mode shows an input showing the value of the component enabling the end user to type a new path. Array of items to be rendered in Breadcrumb. Defines the space in pixels after the last item to stay empty.The gap value is taken into account when items overflow and continues to remain empty. Defines the text of the root icon title that is displayed within the Breadcrumb. Indicates whether the navigation functionality of the Breadcrumb will be enabled/disabled.When navigational is set to false, automatic navigation (changing url location) is disabled by default. In this state, the click event will be prevented and navigation will occur only if programmatic navigation is implemented.When navigational is set to true, the url (path) will be automatically added to the href attribute of the rendered links. In this state, the click event will trigger navigation. Defines a name of an existing icon in the Kendo UI Web Font Icons. The icon will be applied as the first item(root) of Breadcrumb path.The root icon is clickable and resets the value of the component. Defines the value/path of the component. Each segments is separated by a slash. Defines the tag from which the component is initialized. Could be "input" or "nav". Writes the initialization script. The . Writes the HTML. The . Defines the fluent API for configuring the BreadcrumbMessagesSettings settings. Initialization for the The label for the root icon of the Breadcrumb. Serialize current instance to Dictionary HtmlBuilder for the Breadcrumb component Initializes a new instance of the class. The Breadcrumb component. Builds the Breadcrumb markup. Create the HTML element for the component Adds attributes for event handlers The of the component of events The item type. Defines the fluent API for configuring the BreadcrumbItem settings. Initialization for the Defines the navigation link's url of the item (rendered if navigation is true). Defines the text of the item. Defines the icon to be rendered. Defines the item classes (the li element). Defines the link classes (the a element). Defines the icon classes (the span element). Defines whether to show the icon. Default value is true for rootItem and false for item. Defines whether to show the text. Default value is false for rootItem and true for item. The item type. Serialize current instance to Dictionary Kendo UI FileManager component Initializes a new instance of the class. The view context The JavaScriptInitializer The URL generator. Configures the width of the FileManager. Configures the height of the FileManager. Configures the initial view of the FileManager. Configures the resizable features of the FileManager. Enables or disables the drag and drop features of the FileManager. Sets the upload url for the Upload widget. Configures the composite Upload widget of the FileManager. Accepts the same options as the kendoUpload widget. Configures the Toolbar of the FileManager Specifies the composite Dialog widgets of the FileManager. Configures the ContextMenu of the FileManager. Configures every view registered for the FileManager. Configures the Preview Pane of the FileManager. Configures or disables the Breadcrumb component. Defines the text of the localizable UI parts of the FileManager. Writes the initialization script. The . Writes the HTML. The . Defines the fluent API for configuring the FileManagerDialogsSettings settings. Initialization for the Configures the Upload dialog - kendoDialog Configures the Move (when drag/drop action is performed) dialog - kendoConfirm Configures the Delete dialog - kendoConfirm Configures the Rename dialog - kendoPrompt Serialize current instance to Dictionary Defines the fluent API for configuring the FileManagerDialogsDeleteConfirmSettings settings. Initialization for the Specifies width of the dialog. The text in the dialog title bar. Specifies whether a close button should be rendered at the top corner of the dialog. Specifies the content of a Dialog. A collection of objects containing text, action and primary attributes used to specify the dialog buttons. Serialize current instance to Dictionary Defines the fluent API for configuring the FileManagerDialogsDeleteConfirmSettingsAction settings. Initialization for the The text to be shown in the action's button. The callback function to be called after pressing the action button. A boolean property indicating whether the action button will be decorated as primary button or not. Serialize current instance to Dictionary Defines the fluent API for configuring the FileManagerDialogsMoveConfirmSettings settings. Initialization for the Specifies width of the dialog. The text in the dialog title bar. Specifies whether a close button should be rendered at the top corner of the dialog. Specifies the content of a Dialog. A collection of objects containing text, action and primary attributes used to specify the dialog buttons. Serialize current instance to Dictionary Defines the fluent API for configuring the FileManagerDialogsMoveConfirmSettingsAction settings. Initialization for the The text to be shown in the action's button. The callback function to be called after pressing the action button. A boolean property indicating whether the action button will be decorated as primary button or not. Serialize current instance to Dictionary Defines the fluent API for configuring the FileManagerDialogsRenamePromptSettings settings. Initialization for the Specifies width of the dialog. The text in the dialog title bar. Specifies whether a close button should be rendered at the top corner of the dialog. Specifies the content of a Dialog. A collection of objects containing text, action and primary attributes used to specify the dialog buttons. Serialize current instance to Dictionary Defines the fluent API for configuring the FileManagerDialogsRenamePromptSettingsAction settings. Initialization for the The text to be shown in the action's button. The callback function to be called after pressing the action button. A boolean property indicating whether the action button will be decorated as primary button or not. Serialize current instance to Dictionary Defines the fluent API for configuring the FileManagerDialogsUploadSettings settings. Initialization for the Specifies width of the dialog. The text in the dialog title bar. Specifies whether a close button should be rendered at the top corner of the dialog. Specifies the content of a Dialog. A collection of objects containing text, action and primary attributes used to specify the dialog buttons. Serialize current instance to Dictionary Defines the fluent API for configuring the FileManagerDialogsUploadSettingsAction settings. Initialization for the The text to be shown in the action's button. The callback function to be called after pressing the action button. A boolean property indicating whether the action button will be decorated as primary button or not. Serialize current instance to Dictionary Defines the fluent API for configuring the FileManagerToolbarSettings settings. Initialization for the Configures the items collection of the toolbar. Fires when the user clicks a command button. Toolbar Events. Fires when the SplitButton's popup closes. Toolbar Events. Fires when the Split Button's popup opens. Toolbar Events. Fires when the user changes the checked state of a toggle button. Toolbar Events. Fires when the overflow popup container is about to close. Toolbar Events. Fires when the overflow popup container is about to open. Toolbar Events. Serialize current instance to Dictionary Defines the fluent API for configuring the FileManagerToolbarSettingsItem settings. Initialization for the Specifies the type of the button. Specifies the overflow of the button. Specifies the click handler of the button. Specifies the command of the button. Specifies the command options of the button. Specifies the name of the button. Specifies if the button is togglable, e.g. has a selected and unselected state. Sets the text of the button. Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type. The id for the Template The handler for the Template Specifies where the text will be displayed. Possible values are: "toolbar", "overflow" or "both" (default). Specifies whether the button is primary. Primary buttons receive different styling. Specifies the HTML attributes of a ToolBar button. Specifies whether the control is initially enabled or disabled. Default value is "true". Determines if a button is visible or hidden. By default buttons are visible. Defines a CSS class (or multiple classes separated by spaces) which will be used for button icon. If set, the ToolBar will render an image with the specified URL in the button. Specifies where the button icon will be displayed. Possible values are: "toolbar", "overflow" or "both" (default). Sets icon for the item. The icon should be one of the existing in the Kendo UI theme sprite. Specifies the ID of the button. Serialize current instance to Dictionary Defines the fluent API for configuring the FileManagerViewsSettings settings. Initialization for the Configures the built-in grid view - accepts kendoGrid options Configures the built-in tree view - accepts kendoTreeView options Configures the built-in list view (thumbnails) - accepts kendoListView options Serialize current instance to Dictionary Defines the fluent API for configuring the FileManagerViewsGridSettings settings. Initialization for the The configuration of the grid columns. An array of JavaScript objects or strings. JavaScript objects are interpreted as column configurations. Strings are interpreted as the field to which the column is bound. The grid will create a column for every item of the array. Serialize current instance to Dictionary Defines the fluent API for configuring the FileManagerViewsGridSettingsColumn settings. Initialization for the If set to true the column value will be HTML-encoded before it is displayed. If set to false the column value will be displayed as is. By default the column value is HTML-encoded. The template which renders the column header content. By default the value of the title column option is displayed in the column header cell. The id for the HeaderTemplate The handler for the HeaderTemplate If set to true the user can click the column header and sort the grid by the column field when sorting is enabled. If set to false sorting will be disabled for this column. If set to true the user can click the column header and sort the grid by the column field when sorting is enabled. If set to false sorting will be disabled for this column. The id for the Template The handler for the Template The text that is displayed in the column header cell. If not set the field is used. The text that is displayed in the column header cell. If not set the field is used. Serialize current instance to Dictionary HtmlBuilder for the FileManager component Initializes a new instance of the class. The FileManager component. Builds the FileManager markup. Create the HTML element for the component Adds attributes for event handlers The of the component of events Defines the fluent API for configuring the FileManagerViewsListSettings settings. Initialization for the Specifies the template for items during edit mode. The id for the EditTemplate The handler for the EditTemplate Specifies item template. The id for the Template The handler for the Template Template to be used for rendering the alternate items. The id for the AltTemplate The handler for the AltTemplate Serialize current instance to Dictionary Defines the fluent API for configuring the FileManagerViewsTreeSettings settings. Initialization for the Template for rendering each node. The id for the Template The handler for the Template Serialize current instance to Dictionary Defines the fluent API for configuring the FileManagerBreadcrumbSettings settings. Initialization for the Defines a new root icon for the breadcrumb. Defines a new delimiter icon for the breadcrumb. Serialize current instance to Dictionary Defines the fluent API for configuring the FileManagerMessagesSettings settings. Initialization for the Defines the localization messages for the toolbar. Defines the localization messages for the views. Defines the localization messages for the dialogs. Defines the localization messages for the preview pane. Serialize current instance to Dictionary Defines the fluent API for configuring the FileManagerMessagesDialogsSettings settings. Initialization for the Serialize current instance to Dictionary Defines the fluent API for configuring the FileManagerMessagesDialogsDeleteConfirmSettings settings. Initialization for the Serialize current instance to Dictionary Defines the fluent API for configuring the FileManagerMessagesDialogsMoveConfirmSettings settings. Initialization for the Serialize current instance to Dictionary Defines the fluent API for configuring the FileManagerMessagesDialogsRenamePromptSettings settings. Initialization for the Serialize current instance to Dictionary Defines the fluent API for configuring the FileManagerMessagesDialogsUploadSettings settings. Initialization for the Serialize current instance to Dictionary Defines the fluent API for configuring the FileManagerMessagesPreviewPaneSettings settings. Initialization for the Serialize current instance to Dictionary Defines the fluent API for configuring the FileManagerMessagesToolbarSettings settings. Initialization for the Serialize current instance to Dictionary Defines the fluent API for configuring the FileManagerMessagesViewsSettings settings. Initialization for the Serialize current instance to Dictionary Defines the fluent API for configuring the FileManagerPreviewPaneSettings settings. Initialization for the Configures the meta fields to be showed in the preview pane. Defines a new template for the preview pane when no file/folder is selected. The id for the NoFileTemplate The handler for the NoFileTemplate Defines a new template for the preview pane when a single file/folder is selected. The id for the SingleFileTemplate The handler for the SingleFileTemplate Defines a new template for the preview pane when multiple files/folders are selected. The id for the MultipleFilesTemplate The handler for the MultipleFilesTemplate Serialize current instance to Dictionary Defines the fluent API for configuring the FileManagerUploadSettings settings. Initialization for the Fires when the upload was cancelled while in progress. Upload Events. Fires when the files are cleared by clicking on the Clear button. Upload Events. Fires when all active uploads complete—either successfully or with errors. Upload Events. Fires when an upload or remove operation fails. Upload Events. Fires when the files are cleared by clicking the Pause button. The button is visible if chunksize is set. Upload Events. Fires when the data about the progress of the upload is available. Upload Events. Fires when the files are resumed through clicking the Resume button. The button is visible if chunksize is set and the file upload is paused. Upload Events. Fires when an uploaded file is about to be removed. If the event is canceled, the remove operation is prevented. Upload Events. Fires when a file is selected. Upload Events. Fires when an upload or remove operation is completed successfully. Upload Events. Fires when one or more files are about to be uploaded. The canceling of the event prevents the upload. Upload Events. Configures the asynchronous upload of files. For more details, refer to the article on the [async mode](/web/upload/modes#asynchronous-mode) of the Upload. Enables the selection of folders instead of files. Sets the strings rendered by the Upload. Enables (if set to `true`) or disables (if set to `false`) the selection of multiple files. If set to `false`, the user can select only one file at a time. Enables (if set to `true`) or disables (if set to `false`) the display of a file listing for the file upload. The disabling of a file listing might be useful if you want to customize the UI. To build your own UI, use the client-side events. Configures the validation options for uploaded files. Serialize current instance to Dictionary Defines the fluent API for configuring the FileManagerUploadAsyncSettings settings. Initialization for the By default, the selected files are uploaded immediately. To change this behavior, set `autoUpload` to `false`. All selected files are uploaded in one request. When `async.chunkSize` is set, the selected files are uploaded chunk by chunk with the declared size. By default, the selected files are uploaded one after the other. When `async.concurrent` is set to `true`, all selected files start to upload simultaneously. If `async.autoRetryAfter` is set, the failed upload request is repeated after the declared amount of time in miliseconds. Sets the maximum number of attempts that are performed if an upload fails. The name of the form field which is submitted to `saveUrl`. The default value is the input name. The URL of the handler that will receive the submitted files. The handler must accept `POST` requests which contain one or more fields with the same name as the original input name. By default, the files are uploaded as file data. When set to `true`, the files are read as a file buffer by using [`FileReader`](https://developer.mozilla.org/en-US/docs/Web/API/FileReader). Controls whether to send credentials (cookies, headers) for cross-site requests. Serialize current instance to Dictionary Defines the fluent API for configuring the FileManagerUploadLocalizationSettings settings. Initialization for the Sets the text of the **Cancel** button. Sets the text of the **Clear** button. Sets the hint of the drop-zone. Sets the status message of the header for the uploaded files. Sets the status message of the header for the files that are in the process of upload. Sets the text of the validation message for an invalid file extension. Sets the text of the validation messages for invalid files when the `batch` property is set to `true` and two or more files fail the validation. Sets the text of the validation message for an invalid maximum file size. Sets the text of the validation message for an invalid minimum file size. Sets the text of the **Remove** button. Sets the text of the **Retry** button. Sets the text of the **Select...** button. Sets the status message for failed uploads. Sets the status message for successful uploads. Sets the status message for files that are in the process of upload. Sets the text of the **Upload files** button. Serialize current instance to Dictionary Defines the fluent API for configuring the FileManagerUploadValidationSettings settings. Initialization for the A list of the file extensions which are allowed for upload. Recognizes entries of both `.type` and `type` values. Defines the maximum file size in bytes allowed for upload. Defines the minimum file size in bytes allowed for upload. Serialize current instance to Dictionary Defines the fluent API for configuring the TreeListSearchSettings settings. Serialize current instance to Dictionary The fields by which the grid will search Kendo UI Stepper component The URL generator. Initializes a new instance of the class. The view context The JavaScriptInitializer The URL generator. Indicates whether the Steps in the Stepper will render their indicator element (the icon or number placed in a circle above the Step label). Indicates whether the Steps in the Stepper will render their label element (the text placed below the Step indicator circle). Indicates whether the Stepper will force the user to follow the Steps sequence or not. If set to "false" it will allow the user to select any step. If in its default state ("true") the user will be able to select the step immediately after the currently selected step or any previous step. Applicable for scenarios when keyboard is used for navigation. Indicates whether the selection will change upon focus change or it will require additional action (Enter or Spacebar key press) in order to select the focused step. Array of steps to be rendered in the Stepper. If the array contains objects, their fields will be used for each Step. If the array contains strings, those will be used as Step labels. The type of the Stepper orientation (horizontal or vertical). Writes the initialization script. The . Writes the HTML. The . Defines the fluent API for configuring the StepperStep settings. Initialization for the Defines whether the Step is enabled or not. By default all steps are enabled. Defines whether the Step is in error state (is invalid). By default all steps are valid. Defines a name of an existing icon in the Kendo UI theme sprite. The icon will be displayed in the indicator element of that Step. For a list of available icon names, please refer to the Web Font Icons article. The template used to render the icon in the indicator of the step.The fields which can be used in the template are: label String - the label set on the step; icon String - the icon specified for this step (if any); successIcon String - the successIcon specified for this step (if any); enabled Boolean - indicates whether the step is enabled (true) or disabled (false); error Boolean - indicates whether the step has error (true) or not (false); selected Boolean - indicates whether the step is selected; previous Boolean - indicates whether the step is before the currently selected or not; index Number - a zero-based index of the current step; isFirstStep Boolean - indicates whether the step is the initial one in the Stepper; isLastStep Boolean - indicates whether the step is the last one in the Stepper; indicatorVisible Boolean - indicates whether the indicator, which holds the icon should be displayed or not or labelVisible Boolean - indicates whether the label section of the step should be displayed or not. The id for the IconTemplate The handler for the IconTemplate Defines the label (text) of the Step. Defines whether the Step is selected. Defines a name of an existing icon in the Kendo UI theme sprite. The icon will be displayed in the indicator element of that Step, when the step is a previous one and it does not have an error. For a list of available icon names, please refer to the Web Font Icons article. Serialize current instance to Dictionary HtmlBuilder for the Stepper component Initializes a new instance of the class. The Stepper component. Builds the Stepper markup. Create the HTML element for the component Adds attributes for event handlers The of the component of events The type of the Stepper orientation (horizontal or vertical). Defines the fluent API for configuring the TextBoxLabelSettings settings. Initialization for the Sets the inner HTML of the label. If set to true, the widget will be wrapped in a container that will allow the floating label functionality. Sets the inner HTML of the label. Serialize current instance to Dictionary Kendo UI Form component The URL generator. Initializes a new instance of the class. The view context The JavaScriptInitializer The URL generator. Specifies the template which is used for rendering the From buttons. The id for the ButtonsTemplate The handler for the ButtonsTemplate Specifies if the first editor of the form will be focused on initialization. Callback function that could be used to change the default format of the automatically generated labels. Configures the Form orientation. Available options are "horizontal" and "vertical".By default, the Form is rendered with vertical orientation. Configures text messages displayed in the Form. Use it to customize or localize the Form messages. Specify the layout of Form content. Valid options are: grid: This is equivalent to display: grid. It defines the form element as a grid container and establishes a new grid formatting context for its contents.. Grid layout settings. Configures the built-in Validator options. A JavaScript array that contains the Form's items configuration. Writes the initialization script. The . Writes the HTML. The . Defines the fluent API for configuring the FormValidatableSettings settings. Initialization for the Configures the built-in Validator options. Configures the Form Validator validateOnBlur option. Configures the Form Validator errorTemplate option. The id for the ErrorTemplate Serialize current instance to Dictionary HtmlBuilder for the Form component Initializes a new instance of the class. The Form component. Builds the Form markup. Create the HTML element for the component Adds attributes for event handlers The of the component of events Defines the fluent API for configuring the FormItem settings. Initialization for the Defines the type of the item - "fieldset" or "group". Maps to the model field which will be configured and sets the name of the input. Defines the editor widget type. Available options are: DropDown widgets - "AutoComplete", "DropDownList", "ComboBox", "MultiSelect", "DropDownTree", "MultiColumnComboBox"; DatePicker widgets - "DateInput", "DatePicker", "DateTimePicker", "TimePicker"; Input widgets - "NumericTextBox", "MaskedTextBox", "Switch", "Rating", "Slider", "ColorPicker" or Editor widget - "Editor". Defines the field id. Defines the field title. Defines the field name. Gets the nested items collection of the item. The template which the widget will use to create the field editor. The id for the EditorTemplate Configures the field label. Defines the hint text that will be shown underneath the form editor. Specify the layout of Form content. Valid options are: grid: This is equivalent to display: grid. It defines the form element as a grid container and establishes a new grid formatting context for its contents.. Grid layout settings. Defines the field size when grid layout is used. Defines the attributes that are applied to the input element. The HTML attributes. Serialize current instance to Dictionary Defines the fluent API for configuring the FormGridSettings settings. Initialization for the Defines the columns of the grid. Defines the width of the gutters between the columns / rows. Serialize current instance to Dictionary Kendo UI TileLayout component The URL generator. Initializes a new instance of the class. The view context The JavaScriptInitializer The URL generator. Defines the number of columns. Determines the width of the columns. Numeric values are treated as pixels. An array with objects representing the settings of the layout items. An object holding values that determine the spacing between the layout items horizontally and vertically. Determines the height of the layout. Numeric values are treated as pixels. A value indicating whether keyboard navigation will be enabled. Determines whether the reordering functionality will be enabled. Determines whether the resizing functionality will be enabled. Determines the height of the rows. Numeric values are treated as pixels. Determines the width of the layout. Numeric values are treated as pixels. Writes the initialization script. The . Writes the HTML. The . Defines the fluent API for configuring the TileLayoutContainer settings. Initialization for the The template which renders as content for the tile item. The id for the BodyTemplate The handler for the BodyTemplate A value that determines how many columns will the tile item span. Holds the configuration settings for the header. A value that determines how many rows will the tile item span. Serialize current instance to Dictionary Defines the fluent API for configuring the TileLayoutContainerHeaderSettings settings. Initialization for the The template that will be rendered as a header. The id for the Template The handler for the Template The text that will be rendered as a header. Serialize current instance to Dictionary Defines the fluent API for configuring the TileLayoutGapSettings settings. Initialization for the A value in pixels determining the space between horizontal spacing between the layout items. A value in pixels determining the space between vertical spacing between the layout items. Serialize current instance to Dictionary HtmlBuilder for the TileLayout component Initializes a new instance of the class. The TileLayout component. Builds the TileLayout markup. Create the HTML element for the component Adds attributes for event handlers The of the component of events Defines the fluent API for configuring the ListViewFlexSettings settings. Initialization for the Defines the direction flex items are placed in the flex container. Think of flex items as primarily laying out either in horizontal rows or vertical columns. Valid values are: row: This is equivalent to flex-direction: row. This establishes the main-axis to be horizontal, thus defining the direction flex items are placed in the flex container: left to right in ltr; right to left in rtl.; row-reverse: This is equivalent to flex-direction: row-reverse. This establishes the main-axis to be horizontal, thus defining the direction flex items are placed in the flex container: right to left in ltr; left to right in rtl.; column: This is equivalent to flex-direction: column. This establishes the main-axis to be vertical, thus defining the direction flex items are placed in the flex container: top to bottom. or column-reverse: This is equivalent to flex-direction: column-reverse. This establishes the main-axis to be vertical, thus defining the direction flex items are placed in the flex container: bottom to top.. By default, flex items will all try to fit onto one line. Customizing the property defines how items wrap or not within flex continer. Valid values are: wrap: This is equivalent to flex-wrap: wrap. It allows flex items to wrap as needed onto multiple lines, from top to bottom.; nowrap: This is equivalent to flex-wrap: nowrap. All flex items will be on one line. or wrap-reverse:This is equivalent to flex-wrap: wrap-reverse. It allows flex items to wrap as needed onto multiple lines, from bottom to top.. Serialize current instance to Dictionary Defines the fluent API for configuring the ListViewGridSettings settings. Initialization for the Defines the columns of the grid. Defines the rows of the grid. Defines the width of the gutters between the columns / rows. Serialize current instance to Dictionary Kendo UI Wizard component The URL generator. Initializes a new instance of the class. The view context The JavaScriptInitializer The URL generator. Indicates whether the Steps in the Wizard will render their Buttons and Pager element. Indicates whether the step content will be loaded on demand when a given step is selected. Applicable when the step configuration has "contentUrl" set. Provides configuration options for the messages present in the Wizard widget. Indicates whether the Steps in the Wizard will render their Pager element. Indicates whether the step content will be reloaded on each navigation to given step. Applicable when the step configuration has "contentUrl" set. Provides configuration options for the Stepper instance of the Wizard widget. Indicates whether the Wizard will automatically validate any Kendo Form configured for a Step. Validation will be executed upon Step navigation. The position of the Wizard step content according to the embedded Stepper widget. Array of steps to be rendered in the Wizard. Writes the initialization script. The . Writes the HTML. The . The position of the Wizard step content according to the embedded Stepper widget. Defines the fluent API for configuring the WizardMessagesSettings settings. Initialization for the Specifies text to be rendered in the "Done" button on the final step. Specifies text to be rendered in the "Next" button on each step. Specifies text to be rendered in the Pager element. Specifies text to be rendered in the "Previous" button on each step. Specifies text to be rendered in the "Reset" button on each step. Specifies text to be rendered in the Pager element. Serialize current instance to Dictionary Defines the fluent API for configuring the WizardStepperSettings settings. Initialization for the Specifies whether the Stepper instance will display the indicators of its steps. Specifies whether the Stepper instance will display the labels of its steps. Specifies whether the Stepper will allow non-linear navigation (selection of steps which are not immediately next to the current step). Serialize current instance to Dictionary Defines the fluent API for configuring the WizardStep settings. Initialization for the Allows configuration of the buttons to be rendered on each step. If the array contains strings, those values will be taken as Buttons names. If the array contains objects, those will be used when initializing the actual Button instances on each step. Specifies the HTML string content to be rendered in the step. Specifies the id of a DOM element, which content to be used as a content of the current step. Specifies an endpoint which the step content should be loaded from. Specifies a custom class that will be set on the step container element. Specifies whether the step is enabled or not. Specifies whether the pager will be rendered on the current step or not. Specifies a title of the current step. Defines a name of an existing icon in the Kendo UI theme sprite. The icon will be displayed in the Stepper step element. For a list of available icon names, please refer to the Web Font Icons article. The template used to render the icon in the Stepper step.The fields which can be used in the template are: label String - the label set on the step; icon String - the icon specified for this step (if any); enabled Boolean - indicates whether the step is enabled (true) or disabled (false); error Boolean - indicates whether the step has error (true) or not (false); selected Boolean - indicates whether the step is selected; previous Boolean - indicates whether the step is before the currently selected or not; index Number - a zero-based index of the current step; isFirstStep Boolean - indicates whether the step is the initial one in the Stepper; isLastStep Boolean - indicates whether the step is the last one in the Stepper; indicatorVisible Boolean - indicates whether the indicator, which holds the icon should be displayed or not or labelVisible Boolean - indicates whether the label section of the step should be displayed or not. The template used to render the icon in the Stepper step.The fields which can be used in the template are: label String - the label set on the step; icon String - the icon specified for this step (if any); enabled Boolean - indicates whether the step is enabled (true) or disabled (false); error Boolean - indicates whether the step has error (true) or not (false); selected Boolean - indicates whether the step is selected; previous Boolean - indicates whether the step is before the currently selected or not; index Number - a zero-based index of the current step; isFirstStep Boolean - indicates whether the step is the initial one in the Stepper; isLastStep Boolean - indicates whether the step is the last one in the Stepper; indicatorVisible Boolean - indicates whether the indicator, which holds the icon should be displayed or not or labelVisible Boolean - indicates whether the label section of the step should be displayed or not. The ID of the template element for IconTemplate Serialize current instance to Dictionary Defines the fluent API for configuring the WizardStepButton settings. Initialization for the Specifies whether the Button in question is enabled or not. Specifies the name of the Button. The default buttons have "reserved" names. That would allow additional customization of that Buttons' text and behavior. Specifies whether the Button will have the "k-primary" class assigned or not. Specifies the text to be displayed in the Button. A click handler that defines the logic to be executed upon button click. Serialize current instance to Dictionary HtmlBuilder for the Wizard component Initializes a new instance of the class. The Wizard component. Builds the Wizard markup. Create the HTML element for the component Adds attributes for event handlers The of the component of events Kendo UI Pager component The URL generator. Initializes a new instance of the class. The view context The JavaScriptInitializer The URL generator. Specifies a template used to populate the value of the aria-label attribute of the pager element.The parameters available for the template are: page - The current page. or totalPages - The total number of pages.. The id for the ARIATemplate The handler for the ARIATemplate Indicates whether the pager refresh method will be called within its initialization. Defines the number of buttons displayed in the numeric pager. The template for selected page number link. The id for the SelectTemplate The handler for the SelectTemplate The template for page number links. The id for the LinkTemplate The handler for the LinkTemplate Defines if a label showing current paging information will be displayed. Defines if an input element which allows the user to navigate to given page will be displayed. Defines if numeric portion of the pager will be shown. Defines if buttons for navigating to the first, last, previous and next pages will be shown. Defines if a refresh button will be displayed. Click on that button will call DataSource read() method to get actual data. Defines if the pager will be responsive. Defines texts shown within the pager. Use this option to customize or localize the pager messages. If set to true the user could navigate the widget using the keyboard navigation. By default keyboard navigation is disabled. Writes the initialization script. The . Writes the HTML. The . Defines the fluent API for configuring the PagerMessagesSettings settings. Initialization for the The pager info text. Uses kendo.format.Contains three placeholders: - {0} - the first data item index - {1} - the last data item index - {2} - the total number of data items The text displayed when the DataSource view does no contain items. The text displayed for the item that represents the allPages option when allPages is enabled. The label applied to the Pager select element (when visible). The label displayed before the pager input. The title of the numeric link page buttons of the Pager. The parameters available for the template are: page - The page that will becomes selected when clicking the button.. The label applied to the page size DropDOwnList. The label displayed before the pager input. Uses kendo.format. Contains one optional placeholder {0} which represents the total number of pages. The label displayed after the page size DropDownList. The tooltip of the button which navigates to the first page. The tooltip of the button which navigates to the previous page. The tooltip of the button which navigates to the next page. The tooltip of the button which navigates to the last page. The tooltip of the refresh button. Serialize current instance to Dictionary HtmlBuilder for the Pager component Initializes a new instance of the class. The Pager component. Builds the Pager markup. Create the HTML element for the component Adds attributes for event handlers The of the component of events Kendo UI TextArea component The URL generator. Initializes a new instance of the class. The view context The JavaScriptInitializer The URL generator. The visible width of the text control, in average character widths. If set to false, the widget will be disabled and will not allow user input. The widget is enabled by default and allows user input. Adds a label before the textarea. If the textarea has no id attribute, a generated id will be assigned. The string and the function parameters are setting the inner HTML of the label. The maximum number of characters that the user can enter. The hint displayed by the widget when it is empty. Not set by default. If set to true, the widget will be readonly and will not allow user input. The widget is not readonly by default and allows user input. Defines if (and how) the widget is resizable by the user.Can also be set to the following string values: "none" - default value. The user cannot resize the widget.; "both" - the user can resize both the height and width of the widget.; "horizontal" - the user can resize the width of the widget. or "vertical" - the user can resize the height of the widget.. The number of visible text lines for the control. The value of the widget. Sets the size of the component. Sets a value controlling the border radius. Sets a value controlling how the color is applied. Defines how the content overflow should be handled Defines how the widget should be resized Writes the initialization script. The . Writes the HTML. The . Defines the fluent API for configuring the TextAreaLabelSettings settings. Initialization for the Sets the inner HTML of the label. If set to true, the widget will be wrapped in a container that will allow the floating label functionality. Serialize current instance to Dictionary HtmlBuilder for the TextArea component Initializes a new instance of the class. The TextArea component. Builds the TextArea markup. Create the HTML element for the component Adds attributes for event handlers The of the component of events Defines the fluent API for configuring the TreeListEditableMoveSettings settings. Initialization for the Enables the drag-and-drop UI of rows between parents. Enables reordering of rows via a drag-and-drop UI. Serialize current instance to Dictionary Defines the fluent API for configuring the GanttColumnFilterableSettings settings. Initialization for the If set to true and if filtering is enabled for the entire Gantt, a filter menu will be displayed for this column. If set to false, the filter menu will not be displayed. By default, a filter menu is displayed for all columns when filtering is enabled through the filterable option. Can be set to a JavaScript object which represents the filter menu configuration. The role data attribute of the widget that is used in the filter menu, or a JavaScript function which initializes that widget. Serialize current instance to Dictionary Defines the fluent API for configuring the GanttMessagesPlannedTasksSettings settings. Initialization for the The text that would be displayed on the switch allowing the user to turn on and off the PlannedTasks view in the Gantt Timeline. The text rendered in the Tooltip that would be displayed for tasks which have finished in advance compared to their plannedEnd. The text rendered in the Tooltip that would be displayed for tasks which have finished with delay compared to their plannedEnd. The text for "seconds" displayed in the Advanced/Delayed Tooltip (see above). The text for "minutes" displayed in the Advanced/Delayed Tooltip (see above). The text for "hours" displayed in the Advanced/Delayed Tooltip (see above). The text for "days" displayed in the Advanced/Delayed Tooltip (see above). Serialize current instance to Dictionary Kendo UI Loader component The URL generator. Initializes a new instance of the class. The view context The JavaScriptInitializer The URL generator. Allows localization of the strings that are used in the widget. If set to false the loader will not be displayed. Defines the size of the loader Defines the theme color of the loader Defines the type of the loader Writes the initialization script. The . Writes the HTML. The . HtmlBuilder for the Loader component Initializes a new instance of the class. The Loader component. Builds the Loader markup. Create the HTML element for the component Defines the fluent API for configuring the LoaderMessagesSettings settings. Initialization for the The aria label text for the loader. Serialize current instance to Dictionary Kendo UI AppBar component The URL generator. Initializes a new instance of the class. The view context The JavaScriptInitializer The URL generator. An array with objects representing the appbar items. Defines where in the page the AppBar will be positioned Defines the type of positioning Specifies the color of the component Writes the initialization script. The . Writes the HTML. The . Defines the fluent API for configuring the AppBarItem settings. Initialization for the Defines a set CSS classes for the item. The template which renders as content for the appbar item. Valid only for the contentItem type The id for the Template The handler for the Template Determines the width of the item. Valid only for the spacer items. Numeric values are treated as pixels. Defines the type of item Serialize current instance to Dictionary HtmlBuilder for the AppBar component Initializes a new instance of the class. The AppBar component. Builds the AppBar markup. Create the HTML element for the component Adds attributes for event handlers The of the component of events Defines where in the page the AppBar will be positioned Defines the type of positioning Specifies the color of the component Defines the type of positioning Kendo UI ImageEditor component The URL generator. Initializes a new instance of the class. The view context The JavaScriptInitializer The URL generator. Configures the width of the ImageEditor. Configures the width of the ImageEditor. Sets the url (or base64 string) for the image to open. Sets the saveAs options for the save command. Utilizes the kendo.saveAs method. Configures the Toolbar of the ImageEditor Defines the text of the localizable UI parts of the FileManager. Writes the initialization script. The . Writes the HTML. The . Defines the fluent API for configuring the ImageEditorMessagesSettings settings. Initialization for the Defines the localization messages for the toolbar. Defines the localization Pane tools. Defines the localization for the common fields. Serialize current instance to Dictionary Defines the fluent API for configuring the ImageEditorMessagesCommonSettings settings. Initialization for the Defines the localization for the common field. Defines the localization for the common field. Defines the localization for the common field. Defines the localization for the common field. Defines the localization for the common field. Serialize current instance to Dictionary Defines the fluent API for configuring the ImageEditorMessagesPanesSettings settings. Initialization for the Defines the localization for the crop pane. Defines the localization for the resize pane. Serialize current instance to Dictionary Defines the fluent API for configuring the ImageEditorMessagesPanesCropSettings settings. Initialization for the Defines the localization for the crop pane field. Defines the localization for the crop pane field. Defines the localization for the crop pane field. Defines the localization for the crop pane field. Defines the localization for the crop pane field. Serialize current instance to Dictionary Defines the fluent API for configuring the ImageEditorMessagesPanesResizeSettings settings. Initialization for the Defines the localization for the resize pane field. Defines the localization for the resize pane field. Defines the localization for the resize pane field. Serialize current instance to Dictionary Defines the fluent API for configuring the ImageEditorMessagesToolbarSettings settings. Initialization for the Defines the localization tool. Defines the localization tool. Defines the localization tool. Defines the localization tool. Defines the localization tool. Defines the localization tool. Defines the localization tool. Defines the localization tool. Defines the localization tool. Defines the localization tool. Defines the localization tool. Serialize current instance to Dictionary Defines the fluent API for configuring the ImageEditorSaveAsSettings settings. Initialization for the Sets the filename of the saved file. If set to true, the content will be forwarded to proxyURL even if the browser supports saving files locally. The URL of the server side proxy which will stream the file to the end user. A proxy will be used when the browser isn't capable of saving files locally. Such browsers are IE version 9 and lower and Safari. A name or keyword indicating where to display the document returned from the proxy. Serialize current instance to Dictionary Defines the fluent API for configuring the ImageEditorToolbarSettings settings. Initialization for the Configures the Toolbar of the ImageEditor Configures the items collection of the toolbar. Fires when the user clicks a command button. Toolbar Events. Fires when the SplitButton's popup closes. Toolbar Events. Fires when the Split Button's popup opens. Toolbar Events. Fires when the user changes the checked state of a toggle button. Toolbar Events. Fires when the overflow popup container is about to close. Toolbar Events. Fires when the overflow popup container is about to open. Toolbar Events. Serialize current instance to Dictionary Defines the fluent API for configuring the ImageEditorToolbarSettingsItem settings. Initialization for the Specifies the type of the button. Specifies the overflow of the button. Specifies the click handler of the button. Specifies the command of the button. Specifies the command options of the button. Specifies the name of the button. Specifies if the button is togglable, e.g. has a selected and unselected state. Sets the text of the button. Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type. The id for the Template The handler for the Template Specifies where the text will be displayed. Possible values are: "toolbar", "overflow" or "both" (default). Specifies whether the button is primary. Primary buttons receive different styling. Specifies the HTML attributes of a ToolBar button. Specifies whether the control is initially enabled or disabled. Default value is "true". Determines if a button is visible or hidden. By default buttons are visible. Defines a CSS class (or multiple classes separated by spaces) which will be used for button icon. If set, the ToolBar will render an image with the specified URL in the button. Specifies where the button icon will be displayed. Possible values are: "toolbar", "overflow" or "both" (default). Sets icon for the item. The icon should be one of the existing in the Kendo UI theme sprite. Specifies the ID of the button. Serialize current instance to Dictionary HtmlBuilder for the ImageEditor component Initializes a new instance of the class. The ImageEditor component. Builds the ImageEditor markup. Create the HTML element for the component Adds attributes for event handlers The of the component of events Defines the fluent API for configuring the FormMessagesSettings settings. Initialization for the The text message displayed for the Form submit button. The text message displayed for the Form clear button. The text message displayed next to a field label when the items.label.optional option is set to true. Serialize current instance to Dictionary Kendo UI ExpansionPanel component The URL generator. Initializes a new instance of the class. The view context The JavaScriptInitializer The URL generator. The class of the collapse icon. If set to true the widget will be disabled. If set to true the widget will be expanded by default. The class of the collapse icon. The height of the widget. Numeric values are treated as pixels. The subtitle of the widget. The title of the widget. If set to false the user will not be able to expand/collapse the widget. The HTML string representing the associated content for the Drawer widget A collection of visual animations used when ExpansionPanel is expand or collapsed through user interactions. Setting this option to false will disable all animations. is not a valid configuration. Writes the initialization script. The . Writes the HTML. The . Defines the fluent API for configuring the ExpansionPanelAnimationSettings settings. Initialization for the A collection of visual animations used when ExpansionPanel is expand or collapsed through user interactions. Setting this option to false will disable all animations. is not a valid configuration. The visual animation(s) that will be used when ExpansionPanel items are closed. The visual animation(s) that will be used when opening items. Serialize current instance to Dictionary Defines the fluent API for configuring the ExpansionPanelAnimationCollapseSettings settings. Initialization for the The number of milliseconds used for the visual animation when a ExpansionPanel item is closed. A whitespace-delimited string of animation effects that are utilized when a ExpansionPanel item is closed. Options include "fadeOut". Serialize current instance to Dictionary Defines the fluent API for configuring the ExpansionPanelAnimationExpandSettings settings. Initialization for the The number of milliseconds used for the visual animation when an item is opened. A whitespace-delimited string of animation effects that are used when an item is expanded. Options include"expandVertical" and "fadeIn". Serialize current instance to Dictionary HtmlBuilder for the ExpansionPanel component Initializes a new instance of the class. The ExpansionPanel component. Builds the ExpansionPanel markup. Create the HTML element for the component Adds attributes for event handlers The of the component of events Kendo UI FloatingActionButton component The URL generator. Initializes a new instance of the class. The view context The JavaScriptInitializer The URL generator. Specifies whether the FloatingActionButton is enabled (true) or disabled (false). Specifies the name for an existing icon in a Kendo UI theme that is rendered in the FloatingActionButton.See the Web Font Icons help article for more details on Kendo UI icons. Specifies the speed-dial items that will be rendered in a popup container anchored to the FloatingActionButton.**Note: when using the items configuration, clicking on the FloatingActionButton will open the popup containing the speed-dial list. Specifies the text of the FloatingActionButton. Default is empty string. Specifies if the FloatingActionButton is visible initially. Defines the type of positioning Specifies the color of the component Specifies the size of the component Specifies the shape of the component Sets a value controlling the border radius. Sets a value controlling how the color is applied. Defines the alignment of the badge Defines the type of positioning Writes the initialization script. The . Writes the HTML. The . Defines the type of positioning Specifies the shape of the component Specifies the size of the component Specifies the color of the component Defines the fluent API for configuring the FloatingActionButtonItem settings. Initialization for the Specifies whether the Item is enabled or not. By default all items are enabled. Specifies the click event handler of the speed-dial item. Specifies a set of CSS classes for the speed-dial item. Specifies the name for an existing icon in a Kendo UI theme that is rendered in the speed-dial item.See the Web Font Icons help article for more details on Kendo UI icons. Specifies the label for the speed-dial item. Specifies the template used to render the contents of the speed-dial item.The fields which can be used inside the template are: text String - the label of the item (if configured). or icon String - the icon specified for this step (if configured).. The id for the Template The handler for the Template Specifies the label for the speed-dial item that will be read by assistive technologies. Serialize current instance to Dictionary HtmlBuilder for the FloatingActionButton component Initializes a new instance of the class. The FloatingActionButton component. Builds the FloatingActionButton markup. Create the HTML element for the component Adds attributes for event handlers The of the component of events Defines the fluent API for configuring the ScrollViewMessagesSettings settings. Initialization for the Defines the aria-label for the next button. Defines the aria-label for the previous button. Serialize current instance to Dictionary Defines the fluent API for configuring the ScrollViewPageableSettings settings. Initialization for the If set to true the grid will display a pager. By default paging is disabled.Can be set to a JavaScript object which represents the pager configuration. Specifies a template is used to populate the aria-label for each pager element. The id for the ARIATemplate The handler for the ARIATemplate Serialize current instance to Dictionary Kendo UI RadioGroup component The URL generator. Initializes a new instance of the class. The view context The JavaScriptInitializer The URL generator. Sets the enabled state of all radio buttons in the RadioGroup. The name attribute to be used for the radio inputs. If omitted, the id of the wrapper element will be used. Array of items to be rendered as radio buttons in the RadioGroup. If the array contains objects, their fields will be used for each radio button. If the array contains strings, those will be used as both value and label of the respective radio button. The selected (checked) radio button value. Will also be used as a RadioGroup widget value. Specifies whether the radio buttons will be rendered one below the other ("vertical") or on the same line ("horizontal"). Specifies the label position according to its radio button for all items in the widget. Accepts "before" and "after". Writes the HTML. The . Specifies the label position according to its radio button for all items in the widget. Accepts "before" and "after". Specifies whether the radio buttons will be rendered one below the other ("vertical") or on the same line ("horizontal"). Defines the fluent API for configuring the RadioGroupItem settings. Initialization for the Custom class that would be set on the respective k-radio-item element. Defines whether the radio button is enabled or not. By default all radio buttons are enabled. Determines whether the radio button label content should be rendered as an HTML string or it should be encoded. Specifies the label content for the radio button. Specifies the value for the radio button. Collection of key-value pairs that would be used to generate the attributes attached to each k-radio-item element. Serialize current instance to Dictionary HtmlBuilder for the RadioGroup component Initializes a new instance of the class. The RadioGroup component. Builds the RadioGroup markup. Create the HTML element for the component Adds attributes for event handlers The of the component of events Kendo UI CheckBoxGroup component The URL generator. Initializes a new instance of the class. The view context The JavaScriptInitializer The URL generator. Sets the enabled state of all checkboxes in the CheckBoxGroup. The name attribute to be used for the checkbox inputs. If omitted, the id of the wrapper element will be used. Array of items to be rendered as checkboxes in the CheckBoxGroup. If the array contains objects, their fields will be used for each checkbox configuration. If the array contains strings, those will be used as both value and label of the respective checkbox. Specifies whether the checkbox inputs will be rendered one below the other ("vertical") or on the same line ("horizontal"). Specifies the label position according to its input for all items in the widget. Accepts "before" and "after". The selected (checked) inputs values. Will also be used as a CheckBoxGroup widget value. Writes the initialization script. The . Writes the HTML. The . Specifies the label position according to its input for all items in the widget. Accepts "before" and "after". Specifies whether the checkbox inputs will be rendered one below the other ("vertical") or on the same line ("horizontal"). Defines the fluent API for configuring the CheckBoxGroupItem settings. Initialization for the Any custom classes that should be attached to the k-checkbox-item element. Defines whether the checkbox is enabled or not. By default all checkboxes are enabled. Determines whether the checkbox label content should be rendered as an HTML string or it should be encoded. Specifies the label content for the checkbox. Specifies the value for the checkbox. Collection of key-value pairs that would be used to generate the attributes attached to each k-radio-item element. Serialize current instance to Dictionary HtmlBuilder for the CheckBoxGroup component Initializes a new instance of the class. The CheckBoxGroup component. Builds the CheckBoxGroup markup. Create the HTML element for the component Adds attributes for event handlers The of the component of events Kendo UI BottomNavigation component The URL generator. Initializes a new instance of the class. The view context The JavaScriptInitializer The URL generator. Toggles the border of the widget. Toggles the shadow of the widget. Specifies the items of the BottomNavigation component. Sets a custom template for the items. The id for the Template The handler for the Template Defines the fill of the component Specifies the color of the component Specifies the iteFLow of the component Specifies the positionMode of the component Writes the initialization script. The . Writes the HTML. The . Defines the fill of the component Specifies the iteFLow of the component Specifies the positionMode of the component Specifies the color of the component Defines the fluent API for configuring the BottomNavigationItem settings. Initialization for the The URL (href) to which the item will navigate to. Contextual data to be used for events within the component. Defines the name for an existing icon in a Kendo UI theme.See web font icons help article for more details on Kendo UI icons. The text of the item. It is optional - if not set, no text will be rendered. If false, the text will be able to render HTML. Defines the class name added to the icon element. Defines the class names of the item's element. Defines custom attributes of the item's element. Toggles the enabled state of the item. Toggles the selected state of the item. Sets a custom template for the item (overrides the template option). The id for the Template The handler for the Template Serialize current instance to Dictionary HtmlBuilder for the BottomNavigation component Initializes a new instance of the class. The BottomNavigation component. Builds the BottomNavigation markup. Create the HTML element for the component Adds attributes for event handlers The of the component of events Defines the fluent API for configuring the WizardValidateFormsSettings settings. Initialization for the Indicates whether the Wizard will automatically validate any Kendo Form configured for a Step. Validation will be executed upon Step navigation. Indicates whether navigation to previous Step will trigger current Step Form validation. By default, Form validation is enabled for any step navigation. Serialize current instance to Dictionary Defines the fluent API for configuring the TreeListColumnFilterableCellSettings settings. Initialization for the Specifies the name of the field which will provide the text representation for the AutoComplete suggestion (when using String type column) when CustomDataSource is provided. By default the name of the field bound to the column will be used. Specifies the delay of the AutoComplete widget which will provide the suggest functionality (when using String type column). Specifies the width of the input before it is initialized or turned into a widget. Provides convenient way to set the width according to the column width. Specifies the AutoComplete filter option. The possible values are the same as the ones for the AutoComplete filter option - "startswith", "endswith", "contains". The "contains" operator performs a case-insensitive search. To perform a case-sensitive filtering, set a custom filtering function through the dataSource.filter.operator option. Specifies the minLength option of the AutoComplete widget when column is of type string. When set to false the TreeList will not render the cell filtering widget for that specific column. Specifies the default operator that will be used for the cell filtering. Specifies whether to show or hide the DropDownList with the operators. JavaScript function which will customize how the input for the filter value is rendered. The function receives an object argument with two fields: element - the default input inside the filter cell; or dataSource - a Kendo UI DataSource instance, which has the same settings as the TreeList dataSource, but will only contain data items with unique values for the current column. This instance is also used by the default AutoComplete widget, which is used inside the filter cell if no template is set. Keep in mind that the passed dataSource instance may still not be populated at the time the template function is called, if the TreeList uses remote binding.. Specifies a custom dataSource for the AutoComplete when the type of the column is string. Can be a JavaScript object which represents a valid data source configuration, a JavaScript array, or an existing kendo.data.DataSource instance.It is not recommended that you use the same dataSource instance for the TreeList and the AutoComplete because it causes negative side effects.If the dataSource options is missing, a new cloned instance of the TreeList's dataSource will be used.If the dataSource option is an existing kendo.data.DataSource instance, the widget will use that instance and will not initialize a new one. Serialize current instance to Dictionary Kendo UI ActionSheet component The URL generator. Initializes a new instance of the class. The view context The JavaScriptInitializer The URL generator. A JavaScript array that contains the ActionSheet's items configuration. Specifies the title of the component Writes the initialization script. The . Writes the HTML. The . Defines the fluent API for configuring the ActionSheetItem settings. Initialization for the Specifies the click event handler of the item. Specifies the description of the item. If set to true, the item will be disabled. Specifies the group of the item. Items can be segregated in two groups - top and bottom. Specifies the icon's class of the item. The icon color. Available options are inherit, default, primary, secondary, tertiary, info, success, warning, error, dark, light, inverted or any hexadecimal value. The icon size in pixels. Specifies the main text of the item Serialize current instance to Dictionary HtmlBuilder for the ActionSheet component Initializes a new instance of the class. The ActionSheet component. Builds the ActionSheet markup. Create the HTML element for the component Kendo UI SkeletonContainer component The URL generator. Initializes a new instance of the class. The view context The JavaScriptInitializer The URL generator. Defines the settings for the CSS Grid used for layouting the skeleton shapes. Determines the height of the component. Numeric values are treated as pixels. Defines a template that will be used to visualize the skeleton shapes. If both grid and template are defined the grid takes precedence. The id for the Template The handler for the Template Determines the width of the component. Numeric values are treated as pixels. Determines whether the items will be animated Writes the initialization script. The . Writes the HTML. The . Defines the fluent API for configuring the SkeletonContainerGridSettings settings. Initialization for the Defines the number of columns. An object holding values that determine the spacing between the skeleton items horizontally and vertically. An array with objects representing the settings of the component items. Defines the number of rows. Serialize current instance to Dictionary Defines the fluent API for configuring the SkeletonContainerGridGapSettings settings. Initialization for the A value in pixels determining the space between horizontal spacing between the items. A value in pixels determining the space between vertical spacing between the items. Serialize current instance to Dictionary Defines the fluent API for configuring the SkeletonContainerGridSettingsItem settings. Initialization for the A value that determines the start position of the item on the column axis. A value that determines how many columns will the item span. A value that determines the start position of the item on the row axis. A value that determines how many rows will the item span. Determines the shape of the item Serialize current instance to Dictionary HtmlBuilder for the SkeletonContainer component Initializes a new instance of the class. The SkeletonContainer component. Builds the SkeletonContainer markup. Create the HTML element for the component Determines whether the items will be animated Determines the shape of the item Kendo UI CircularGauge component The URL generator. Initializes a new instance of the class. The view context The JavaScriptInitializer The URL generator. The label template. Template variables: * value - the value The id for the CenterTemplate The handler for the CenterTemplate The color of the value pointer. Accepts a valid CSS color string, including hex and rgb. The color ranges of the value pointer. The pointer color will be set to the color from the range that contains the current value. The gauge area configuration options. This is the entire visible area of the gauge. The opacity of the value pointer. Sets the preferred rendering engine. If it is not supported by the browser, the Gauge will switch to the first available mode.The supported values are: "svg" - renders the widget as inline SVG document, if available or "canvas" - renders the widget as a Canvas element, if available.. Configures the scale. The gauge theme. This can be either a built-in theme or "sass". When set to "sass" the gauge will read the variables from the Sass-based themes.The supported values are: "sass" - special value, see notes; "black"; "blueopal"; "bootstrap"; "default"; "highcontrast"; "metro"; "metroblack"; "moonlight"; "silver" or "uniform". A value indicating if transition animations should be played. The gauge value. Writes the initialization script. The . Writes the HTML. The . Defines the fluent API for configuring the CircularGaugeColor settings. Initialization for the The color of the pointer in the specified range. The lower range value of the applied color. The upper range value of the applied color. Serialize current instance to Dictionary Defines the fluent API for configuring the CircularGaugeGaugeAreaSettings settings. Initialization for the The background of the gauge area. Any valid CSS color string will work here, including hex and rgb. The border of the gauge area. The height of the gauge area. The margin of the gauge area. The width of the gauge area. Serialize current instance to Dictionary Defines the fluent API for configuring the CircularGaugeGaugeAreaBorderSettings settings. Initialization for the The color of the border. Any valid CSS color string will work here, including hex and rgb. The dash type of the border. The opacity of the border. By default the border is opaque. The width of the border. Serialize current instance to Dictionary Defines the fluent API for configuring the CircularGaugeGaugeAreaMarginSettings settings. Initialization for the The top margin of the gauge area. The bottom margin of the gauge area. The left margin of the gauge area. The right margin of the gauge area. Serialize current instance to Dictionary Defines the fluent API for configuring the CircularGaugeScaleSettings settings. Initialization for the Configures the scale labels. Configures the scale major ticks. The interval between major divisions. The maximum value of the scale. The minimum value of the scale. Configures the scale minor ticks. The interval between minor divisions. The default color for the ranges. The width of the range indicators. The distance from the range indicators to the ticks. Reverses the scale direction - values are increase anticlockwise. The start angle of the gauge. The gauge is rendered clockwise(0 degrees are the 180 degrees in the polar coordinate system) Serialize current instance to Dictionary Defines the fluent API for configuring the CircularGaugeScaleLabelsSettings settings. Initialization for the The background color of the labels. Any valid CSS color string will work here, including hex and rgb The border of the labels. The text color of the labels. Any valid CSS color string will work here, including hex and rgb. The font style of the labels. The format of the labels. The margin of the labels. The padding of the labels. The labels positions. The label template. Template variables: * value - the value The id for the Template The handler for the Template The visibility of the labels. Serialize current instance to Dictionary Defines the fluent API for configuring the CircularGaugeScaleLabelsBorderSettings settings. Initialization for the The color of the border. Any valid CSS color string will work here, including hex and rgb. The dash type of the border. The opacity of the border. By default the border is opaque. The width of the border. Serialize current instance to Dictionary Defines the fluent API for configuring the CircularGaugeScaleLabelsMarginSettings settings. Initialization for the The top margin of the labels. The bottom margin of the labels. The left margin of the labels. The right margin of the labels. Serialize current instance to Dictionary Defines the fluent API for configuring the CircularGaugeScaleLabelsPaddingSettings settings. Initialization for the The top padding of the labels. The bottom padding of the labels. The left padding of the labels. The right padding of the labels. Serialize current instance to Dictionary Defines the fluent API for configuring the CircularGaugeScaleMajorTicksSettings settings. Initialization for the The color of the major ticks. The major tick size. This is the length of the line in pixels that is drawn to indicate the tick on the scale. The visibility of the major ticks. The width of the major ticks. Serialize current instance to Dictionary Defines the fluent API for configuring the CircularGaugeScaleMinorTicksSettings settings. Initialization for the The color of the minor ticks. Any valid CSS color string will work here, including hex and rgb. The minor tick size. This is the length of the line in pixels that is drawn to indicate the tick on the scale. The visibility of the minor ticks. The width of the minor ticks. Serialize current instance to Dictionary HtmlBuilder for the CircularGauge component Initializes a new instance of the class. The CircularGauge component. Builds the CircularGauge markup. Create the HTML element for the component Kendo UI TaskBoard component The URL generator. Initializes a new instance of the class. The view context The JavaScriptInitializer The URL generator. Toggles the editing in the TaskBoard. Both for columns and cards. Controls whether to bind the TaskBoard to the data source on initialization. Defines the list of buttons rendered in the card. Defines the settings for the columns. The field used to order cards (number based). If not set, cards will be rendered in the order they are fetched. And ordering will not be applied to the DataSource and respectively, not synced with the remote data source. The category field of the card. The description field of the card. The field of the data item that provides the status of the card. Mapped with the status of the columns. The title field of the card. Toggles the editing in the TaskBoard. Both for columns and cards. Configures the height of the TaskBoard wrapper. Toggles the previewPane in the TaskBoard. Toggles the reordering of cards in the TaskBoard. The configuration of the TaskBoard resource(s). A TaskBoard resource is optional metadata that can be associated with a TaskBoard event. Toggles the selection of the TaskBoard. Controls the rendering of the card. The id for the Template The handler for the Template Configures the Tools of the TaskBoard Configures the width of the TaskBoard wrapper. Provides configuration options for the messages present in the TaskBoard widget. Writes the initialization script. The . Writes the HTML. The . Defines the fluent API for configuring the TaskBoardCardMenu settings. Initialization for the The name of the button. The text of the button. The icon of the button. The class name of the icon element. The command of the button. The command options of the button. Serialize current instance to Dictionary Defines the fluent API for configuring the TaskBoardColumnSettingsSettings settings. Initialization for the Defines the list of buttons rendered in the column. The field of the data item that provides the status of the column. Mapped with the status of the cards. The text field of the column. The field used to order columns (number based). Automatically adds sorting to the columns DataSource instance.If not set, columns will be rendered in the order they are fetched. And ordering will not be applied to the DataSource and respectively, not synced with the remote data source. Configures the width of the columns Controls the rendering of the column header. In the template context the buttons field provides the HTML for the buttons of the column. The id for the Template The handler for the Template Serialize current instance to Dictionary Defines the fluent API for configuring the TaskBoardColumnSettingsSettingsButton settings. Initialization for the The name of the button. The text of the button. The icon of the button. The class name of the icon element. The command of the button. The command options of the button. Serialize current instance to Dictionary Defines the fluent API for configuring the TaskBoardEditableSettings settings. Initialization for the Toggles the editing in the TaskBoard. Both for columns and cards. Defines a list of buttons rendering in the footer pane Controls the rendering of the header The id for the HeaderTemplate The handler for the HeaderTemplate Serialize current instance to Dictionary Defines the fluent API for configuring the TaskBoardEditableSettingsButton settings. Initialization for the The name of the button. The text of the button. The icon of the button. The class name of the icon element. The command of the button. The command options of the button. Toggles whether the color of the button to be primary or not. Serialize current instance to Dictionary Defines the fluent API for configuring the TaskBoardMessagesSettings settings. Initialization for the Specifies text to be rendered for the "Edit" message. Specifies text to be rendered for the "Create new card" message. Specifies text to be rendered for the "Create" message. Specifies text to be rendered for the "Search" message. Specifies text to be rendered for the "Preview card" message. Specifies text to be rendered for the "Add card" message. Specifies text to be rendered for the "Edit card" message. Specifies text to be rendered for the "Delete Card" message. Specifies text to be rendered for the "Add column" message. Specifies text to be rendered for the "Edit column" message. Specifies text to be rendered for the "Delete column" message. Specifies text to be rendered for the "Close" message. Specifies text to be rendered for the "Cancel" message. Specifies text to be rendered for the "Delete" message. Specifies text to be rendered for the "Save changes" message. Specifies text to be rendered for the "Title:" message. Specifies text to be rendered for the "Description:" message. Specifies text to be rendered for the "New column" message. Specifies text to be rendered for the "Are you sure you want to delete this column?" message. Specifies text to be rendered for the "Are you sure you want to delete this card?" message. Serialize current instance to Dictionary Defines the fluent API for configuring the TaskBoardPreviewPaneSettings settings. Initialization for the Toggles the previewPane in the TaskBoard. Defines a list of buttons rendering in the footer pane. The template rendering of the preview pane. The id for the Template The handler for the Template The template rendering of the header for the preview pane. The id for the HeaderTemplate The handler for the HeaderTemplate Serialize current instance to Dictionary Defines the fluent API for configuring the TaskBoardPreviewPaneSettingsButton settings. Initialization for the The name of the button. The text of the button. The icon of the button. The class name of the icon element. The command of the button. The command options of the button. Toggles whether the color of the button to be primary or not. Serialize current instance to Dictionary Defines the fluent API for configuring the TaskBoardResource settings. Initialization for the The field of the resource data item which contains the resource color. The field of the resource data item which represents the resource text. The field of the resource data item which represents the resource value. The resource value is used to link a TaskBoard event with a resource. The field of the TaskBoard event which contains the resource id. If set to true the TaskBoard event can be assigned multiple instances of the resource. The TaskBoard event field specified via the field option will contain an array of resources. By default only one resource instance can be assigned to an event. The name of the resource used to distinguish resource. If not set the value of the field option is used. The user friendly title of the resource displayed in the TaskBoard edit form. If not set the value of the field option is used. Set to false if the TaskBoard event field specified via the field option contains a resource data item. By default the TaskBoard expects that field to contain a primitive value (string, number) which corresponds to the "value" of the resource (specified via dataValueField). Serialize current instance to Dictionary Defines the fluent API for configuring the TaskBoardToolbarSettings settings. Initialization for the Configures the Tools of the TaskBoard Configures the items collection of the toolbar. Serialize current instance to Dictionary Defines the fluent API for configuring the TaskBoardToolbarSettingsItem settings. Initialization for the Specifies the type of the button. Specifies the overflow of the button. Specifies the click handler of the button. Specifies the command of the button. Specifies the command options of the button. Specifies the name of the button. Specifies if the button is togglable, e.g. has a selected and unselected state. Sets the text of the button. Specifies what element will be added in the ToolBar wrapper. Items with template does not have a type. The id for the Template The handler for the Template Specifies where the text will be displayed. Possible values are: "toolbar", "overflow" or "both" (default). Specifies whether the button is primary. Primary buttons receive different styling. Specifies the HTML attributes of a ToolBar button. Specifies whether the control is initially enabled or disabled. Default value is "true". Determines if a button is visible or hidden. By default buttons are visible. Defines a CSS class (or multiple classes separated by spaces) which will be used for button icon. If set, the ToolBar will render an image with the specified URL in the button. Specifies where the button icon will be displayed. Possible values are: "toolbar", "overflow" or "both" (default). Sets icon for the item. The icon should be one of the existing in the Kendo UI theme sprite. Specifies the ID of the button. Serialize current instance to Dictionary HtmlBuilder for the TaskBoard component Initializes a new instance of the class. The TaskBoard component. Builds the TaskBoard markup. Create the HTML element for the component Adds attributes for event handlers The of the component of events Kendo UI Captcha component The URL generator. Initializes a new instance of the class. The view context The JavaScriptInitializer The URL generator. Toggles the audio button. The ID of the captcha to be added to the hidden input initially. If not set the handler to reset the ID will be called. The field that returns the captcha's image source. Used in the handler function/response that resets the captcha's image and id. The field that returns the captcha's id. Used in the handler function/response that resets the captcha's image and id. Provides configuration options for the messages present in the Captcha widget. Toggles the reset button. Whether to trigger validation when input is blurred. This option is useful if you are not using the Kendo Validator or the Kendo Form widgets as it enables to automatically trigger remote validation and use the widet's API in custom validation scenario. Whether to show a volume control when audio is played. The source of an image to be rendered as captcha initially. If not set the `handler` to reset the image will be called. The URL, AJAX settings or function that fetches the audio of the captcha. When used with function, call the `args.success` method with the source of the audio. The URL, AJAX settings or function that fetches the audio of the captcha. When used with function, call the `args.success` method with the source of the audio. The URL, AJAX settings or function that fetches the audio of the captcha. When used with function, call the `args.success` method with the source of the audio. The URL, AJAX settings or function that fetches the audio of the captcha. When used with function, call the `args.success` method with the source of the audio. The URL, AJAX settings or function that fetches the audio of the captcha. When used with function, call the `args.success` method with the source of the audio. The URL, AJAX settings or function that fetches the audio of the captcha. When used with function, call the `args.success` method with the source of the audio. Writes the initialization script. The . Writes the HTML. The . Defines the fluent API for configuring the CaptchaMessagesSettings settings. Initialization for the The title message of the audio button. The alt value of the captcha's image tag. The title message of the reset button. The message rendered when validation is successful. Serialize current instance to Dictionary HtmlBuilder for the Captcha component Initializes a new instance of the class. The Captcha component. Builds the Captcha markup. Adds attributes for event handlers The of the component of events Kendo UI OrgChart component The URL generator. Initializes a new instance of the class. The view context The JavaScriptInitializer The URL generator. If set to false, the user will not be able to edit the data to which the OrgChart is bound. By default, editing is enabled.The editable option can also be set to a JavaScript object (which represents the editing configuration). Specifies the field the nodes should be grouped by. If any value is passed, the OrgChart uses its grouping rendering mode. Provides an option to customize the default template for the group label (using the field value and name by default). The id for the GroupHeaderTemplate The handler for the GroupHeaderTemplate Provides configuration options for the messages present in the OrgChart widget. Defines a node card template. The id for the Template The handler for the Template The data source of the widget which is used to render the OrgChart items. Can be a JavaScript object which represents a valid kendo.data.OrgChartDataSource configuration, a JavaScript array, or an existing kendo.data.OrgChartDataSource instance. If the dataSource option is set to a JavaScript object or an array, the widget will initialize a new kendo.data.OrgChartDataSource instance and will use that value as the DataSource configuration. or If the dataSource option is an existing kendo.data.OrgChartDataSource instance, the widget will use that instance and will not initialize a new one.. Writes the initialization script. The . Writes the HTML. The . Defines the fluent API for configuring the OrgChartEditableSettings settings. Initialization for the If set to false, the user will not be able to edit the data to which the OrgChart is bound. By default, editing is enabled.The editable option can also be set to a JavaScript object (which represents the editing configuration). Allows the user to create new items as children of existing ones. If set to false, creating new items will not be available in the item edit pop-up menu. Allows the user to delete items. If set to false, delete item will not be available in the item edit pop-up menu. Allows the user to edit the title, name, and avatar of the item. If set to false, editing those fields will not be available in the pop-up editor of the widget. Allows editing the structure (id/parentId relation). If the parentId has also configuration in the form configuration object, the editable.parent value will be taken into account. If set to false, editing the id/parentId relation will not be available. Serialize current instance to Dictionary Defines the fluent API for configuring the OrgChartMessagesSettings settings. Initialization for the The label that will be used for the aria-label value of the OrgChart widget. The message that will be used for the create action in the edit pop-up Menu. The message that will be used for the edit action in the edit pop-up Menu. The message that will be used for the destroy action in the edit pop-up Menu. The message that will be used for the destroy confirmation pop-up content. The message that will be used for the destroy confirmation pop-up title. The message that will be used for the cancel action button text. The message that will be used for save action button text. The message that will be used for the aria-label of the edit pop-up Menu. The message that will be used for the avatar Upload's label. The message that will be used for the "parent" text. The message that will be used for the "name" text. The message that will be used for the "title" text. The message that will be used in the Parent DropDownList editor to specify the null option (no parent). The message that will be used to label the Expand button. The message that will be used to label the Collapse button. Serialize current instance to Dictionary HtmlBuilder for the OrgChart component Initializes a new instance of the class. The OrgChart component. Builds the OrgChart markup. Create the HTML element for the component Adds attributes for event handlers The of the component of events Kendo UI Popover component The URL generator. Initializes a new instance of the class. The view context The JavaScriptInitializer The URL generator. An array of the action buttons Defines a kendo template that will be used as the card body inside the popover component. Defines a kendo template that will be used as the card header inside the popover component. The height (in pixels) of the Popover. Defines a value indicating whether the popover will show/hide only when clicking on the target element. The width (in pixels) of the Popover. Specifies the offset (in pixels) between the Popover and the anchor. ╨óhe offset is rendered from the callout arrow. Writes the initialization script. The . Writes the HTML. The . Defines how the actions buttons will be positioned Positions the action buttons from the start Positions the actions buttons around the center Action items are evenly distributed within the popover along the main axis. Distribute action buttons evenly. Action have a half-size space on either end. Sets the first item flush with the start and the last item flush with the end The position that is relative to the target element at which the Popover will be shown. Positions the Popover at the bottom of the target element Positions the Popover at the top of the target element Positions the Popover to the left of the target element Positions the Popover to the right of the target element Positions the Popover at the center of the target element Defines when the Popover will be shown. Shows the Popover on mouse enter. Shows the Popover on mouse click. Shows the Popover when it receives focus. Defines the fluent API for configuring the PopoverAction settings. Initialization for the A handler function to be called when the action button is clicked The CSS class that will be used to display the icon inside the button The text displayed in the action button Serialize current instance to Dictionary HtmlBuilder for the Popover component Initializes a new instance of the class. The Popover component. Builds the Popover markup. Create the HTML element for the component Adds attributes for event handlers The of the component of events Specifies the direction from which the hidden element will open up, once the toggle button has been activated Kendo UI PivotConfiguratorV2 component The URL generator. Initializes a new instance of the class. The view context The JavaScriptInitializer The URL generator. If set to true the user will be able to filter by using the field menu. If set to true the user could sort the widget by using the field menu. The height of the PivotConfiguratorV2. Numeric values are treated as pixels. The text messages displayed in the fields sections. Defines a value indicating the type of layout that the configurator has. Possible values are: "vertical" or "horizontal". Writes the initialization script. The . Writes the HTML. The . Defines the fluent API for configuring the PivotConfiguratorV2MessagesSettings settings. Initialization for the The text of the apply button. The text of the cancel button. The text messages displayed in the measure fields section when empty. The text messages displayed in the column fields section when empty. The text messages displayed in the row fields section when empty. The title message in the configurator. The text messages displayed in the field menu. Serialize current instance to Dictionary Defines the fluent API for configuring the PivotConfiguratorV2MessagesFieldMenuSettings settings. Initialization for the The text message displayed for the apply button in the includes menu item. The text message displayed for the menu item which performs ascending sort. The text message displayed for the menu item which performs descending sort. The text messages of the fields filter menu item. The text messages of the filter button. The text messages of the include menu item. The text of the clear filter expressions button. The text of the reset button in the filter includes menu item. The text of the filter operators displayed in the filter menu. Serialize current instance to Dictionary Defines the fluent API for configuring the PivotConfiguratorV2MessagesFieldMenuOperatorsSettings settings. Initialization for the The text of the "contains" filter operator. The text of the "Does not contain" filter operator. The text of the "Starts with" filter operator. The text of the "Ends with" filter operator. The text of the "equal" filter operator. The text of the "not equal" filter operator. Serialize current instance to Dictionary HtmlBuilder for the PivotConfiguratorV2 component Initializes a new instance of the class. The PivotConfiguratorV2 component. Builds the PivotConfiguratorV2 markup. Create the HTML element for the component Kendo UI PivotGridV2 component Initializes a new instance of the class. The view context The JavaScriptInitializer The URL generator. The data source of the widget which is used to display values. Can be a JavaScript object which represents a valid data source configuration or an existing kendo.data.PivotDataSourceV2 instance.If the dataSource option is set to a JavaScript object the widget will initialize a new kendo.data.PivotDataSourceV2 instance using that value as data source configuration.If the dataSource option is an existing kendo.data.PivotDataSourceV2 instance the widget will use that instance and will not initialize a new one. If set to false the widget will not bind to the data source during initialization. In this case data binding will occur when the change event of the data source is fired. By default the widget will bind to the data source specified in the configuration. Configures the Kendo UI PivotGridV2 PDF export settings. The width of the table columns. Value is treated as pixels. The height of the PivotGridV2. Numeric values are treated as pixels. The template which renders the content of the column header cell. By default it renders the caption of the tuple member.The fields which can be used in the template are: member - the member of the corresponding column header cell or tuple - the tuple of the corresponding column header cell. For information about the tuple structure check this link. The id for the ColumnHeaderTemplate The template which renders the content of the data cell. By default renders the formatted value (fmtValue) of the data item.The fields which can be used in the template are: columnTuple - the tuple of the corresponding column header cell; rowTuple - the tuple of the corresponding row header cell; measure - the value of the data cell measure or dataItem - the data item itself. For information about the tuple structure check this link. About the data item structure review this help topic. The id for the DataCellTemplate The template which renders the content of the row header cell. By default it renders the caption of the tuple member.The fields which can be used in the template are: member - the member of the corresponding row header cell or tuple - the tuple of the corresponding row header cell. For information about the tuple structure check this link. The id for the RowHeaderTemplate Writes the initialization script. The . Writes the HTML. The . Defines the fluent API for configuring the PivotGridV2PdfSettings settings. Initialization for the The author of the PDF document. Specifies if the Print dialog should be opened immediately after loading the document. A flag indicating whether to produce actual hyperlinks in the exported PDF file.It's also possible to pass a CSS selector as argument. All matching links will be ignored. The creator of the PDF document. The date when the PDF document is created. Defaults to new Date(). Specifies the file name of the exported PDF file. If set to true, the content will be forwarded to proxyURL even if the browser supports saving files locally. Specifies the quality of the images within the exported file, from 0 to 1. If set to true all PNG images contained in the exported file will be kept in PNG format. Specifies the keywords of the exported PDF file. Set to true to reverse the paper dimensions if needed such that width is the larger edge. Specifies the margins of the page (numbers or strings with units). Supported units are "mm", "cm", "in" and "pt" (default). Specifies the paper size of the PDF document. The default "auto" means paper size is determined by content.Supported values: A predefined size: "A4", "A3" etc; An array of two numbers specifying the width and height in points (1pt = 1/72in) or An array of two strings specifying the width and height in units. Supported units are "mm", "cm", "in" and "pt".. The URL of the server side proxy which will stream the file to the end user.A proxy will be used when the browser is not capable of saving files locally, for example, Internet Explorer 9 and Safari.The developer is responsible for implementing the server-side proxy.The proxy will receive a POST request with the following parameters in the request body: contentType: The MIME type of the file; base64: The base-64 encoded file content or fileName: The file name, as requested by the caller.. The proxy should return the decoded file with the "Content-Disposition" header set toattachment; filename="<fileName.pdf>". A name or keyword indicating where to display the document returned from the proxy.If you want to display the document in a new window or iframe, the proxy should set the "Content-Disposition" header to inline; filename="<fileName.pdf>". Sets the subject of the PDF file. Sets the title of the PDF file. Serialize current instance to Dictionary Defines the fluent API for configuring the PivotGridV2PdfMarginSettings settings. Initialization for the The bottom margin. Numbers are considered as "pt" units. The left margin. Numbers are considered as "pt" units. The right margin. Numbers are considered as "pt" units. The top margin. Numbers are considered as "pt" units. Serialize current instance to Dictionary HtmlBuilder for the PivotGridV2 component Initializes a new instance of the class. The PivotGridV2 component. Builds the PivotGridV2 markup. Create the HTML element for the component Adds attributes for event handlers The of the component of events Kendo UI PivotConfiguratorButton component The URL generator. Initializes a new instance of the class. The view context The JavaScriptInitializer The URL generator. Use it to set the Id of the configurator that will be shown/hidden when clicking the button. The text of the button. Writes the initialization script. The . Writes the HTML. The . HtmlBuilder for the PivotConfiguratorButton component Initializes a new instance of the class. The PivotConfiguratorButton component. Builds the PivotConfiguratorButton markup. Create the HTML element for the component Kendo UI PivotContainer component The URL generator. Initializes a new instance of the class. The view context The JavaScriptInitializer The URL generator. Sets the position of the configurator and button related to the pivot inside the container Sets the HTML content of the pivot container. The content wrapped in a regular HTML tag or text tag (Razor syntax). Writes the initialization script. The . Writes the HTML. The . HtmlBuilder for the PivotContainer component Initializes a new instance of the class. The PivotContainer component. Builds the PivotContainer markup. Create the HTML element for the component Kendo UI Avatar component The URL generator. Initializes a new instance of the class. The view context The JavaScriptInitializer The URL generator. A text description of the Avatar image. When type="image" is configured this value will be used to populate the alt attribute of the <img> element. Specifies whether the avatar should render border around its container element. Default is false. Adds additional custom classes to the Avatar container element. Specifies an icon name to be used if the avatar type is set to icon. For a list of available icon names, please refer to the Web Font Icons article. Specifies an image URL or dataURL that would be used to populate the src attribute of the avatar <img> element. Will be used to populated Avatar content when its type is set to text Sets additional CSS styles to the Avatar container element. Specifies the appearance fill style of the Avatar. The available values are "outline", "solid" (default), and null. Could be one of the predefined shapes available for the widget container: "circle" (default), "small", "medium", "large", or null. The Avatar allows you to set predefined sizes. The available size values are "small", "medium" (default), "large", or null. The Avatar allows you to specify predefined theme colors for background of its container. The available themeColor values are: - primary (Default) - Applies coloring based on primary theme color. - base - Applies base theme color. - secondary - Applies coloring based on secondary theme color. - tertiary - Applies coloring based on tertiary theme color. - inherit - Applies inherited coloring value. - info - Applies coloring based on info theme color. - success - Applies coloring based on success theme color. - warning - Applies coloring based on warning theme color. - error - Applies coloring based on error theme color. - dark - Applies coloring based on dark theme color. - light - Applies coloring based on light theme color. - inverse - Applies coloring based on inverted theme color. - null - Does not apply theme color class. Could be one of the three predefined types for the widget: icon, image, or text (default). Writes the initialization script. The . Writes the HTML. The . HtmlBuilder for the Avatar component Initializes a new instance of the class. The Avatar component. Builds the Avatar markup. Create the HTML element for the component HtmlBuilder for the RadioButton component Initializes a new instance of the class. The RadioButton component. Builds the RadioButton markup. Create the HTML element for the component Adds attributes for event handlers The of the component of events Sets a value controlling how the color is applied. Sets a value controlling the border radius. Defines how the content overflow should be handled Defines how the widget should be resized Kendo UI CircularProgressBar component The URL generator. Initializes a new instance of the class. The view context The JavaScriptInitializer The URL generator. If set to true the Circular ProgressBar will have its role attribute set to progressbar. It will also render its aria-valuemin, aria-valuemax, and aria-valuenow attributes. The template that will be displayed in the center of the progress bar. Template variables: * value - the value * color - the matching color for the value The id for the CenterTemplate The handler for the CenterTemplate The color of the value pointer. Accepts a valid CSS color string, including hex and rgb. The color ranges of the value pointer. The pointer color will be set to the color from the range that contains the current value. The label that would be used as a aria-label for the Circular ProgressBar element. Will be applied only if ariaRole is set to true. The ID of the element that will be used as a label of the Circular ProgressBar. Will be used as a value of the aria-labelledby attribute. Will be applied only if ariaRole is set to true. The opacity of the value pointer. The gauge theme. This can be either a built-in theme or "sass". When set to "sass" the gauge will read the variables from the Sass-based themes.The supported values are: "sass" - special value, see notes; "black"; "blueopal"; "bootstrap"; "default"; "highcontrast"; "metro"; "metroblack"; "moonlight"; "silver" or "uniform". A value indicating if transition animations should be played. A value indicating whether endloess loading is enabled A value indicating how wide will the pointer be The component value. Writes the initialization script. The . Writes the HTML. The . Defines the fluent API for configuring the CircularProgressBarColor settings. Initialization for the The color of the pointer in the specified range. The lower range value of the applied color. The upper range value of the applied color. Serialize current instance to Dictionary HtmlBuilder for the CircularProgressBar component Initializes a new instance of the class. The CircularProgressBar component. Builds the CircularProgressBar markup. Create the HTML element for the component Kendo UI ColorGradient component The URL generator. Initializes a new instance of the class. The view context The JavaScriptInitializer The URL generator. Specifies whether we should display the opacity slider to allow selection of transparency. Enables the contrast tool in the ColorGradient. Whether to render the input. Specifies the initially selected color. Allows customization labels and messages in the ColorGradient. Defines the format of the gradient input editor Writes the initialization script. The . Writes the HTML. The . Defines the format of the gradient input editor Defines the fluent API for configuring the ColorGradientContrastToolSettings settings. Initialization for the Enables the contrast tool in the ColorGradient. Sets the background color for the contrast tool in the ColorGradient. Serialize current instance to Dictionary Defines the fluent API for configuring the ColorGradientMessagesSettings settings. Initialization for the Allows customization of the "Contrast ratio" text in the contrast tool. Allows customization of the "Fail" text in the contrast tool. Allows customization of the "Pass" text in the contrast tool. Allows customization of the toggle format button's title in the Gradient's input editor. Allows customization of the rgb's red input's aria-label in the Gradient's input editor. Allows customization of the rgb's green input's aria-label in the Gradient's input editor. Allows customization of the rgb's blue input's aria-label in the Gradient's input editor. Allows customization of the rgb's alpha input's aria-label in the Gradient's input editor. Allows customization of the hex input's aria-label in the Gradient's input editor. Serialize current instance to Dictionary HtmlBuilder for the ColorGradient component Initializes a new instance of the class. The ColorGradient component. Builds the ColorGradient markup. Create the HTML element for the component Adds attributes for event handlers The of the component of events Kendo UI SplitButton component The URL generator. Initializes a new instance of the class. The view context The JavaScriptInitializer The URL generator. The icon rendered for the arrow button of the SplitButton. Indicates whether the SplitButton should be enabled or disabled. By default, it is enabled, unless a disabled="disabled" attribute is detected. Defines a name of an existing icon in the Kendo UI theme sprite. The icon will be applied as background image of a span element inside the SplitButton. The span element can be added automatically by the widget, or an existing element can be used, if it has a k-icon CSS class applied. For a list of available icon names, please refer to the Icons demo. Defines a CSS class - or multiple classes separated by spaced - which are applied to a span element inside the SplitButton. Allows the usage of custom icons. Defines a URL, which will be used for an img element inside the SplitButton. The URL can be relative or absolute. In case it is relative, it will be evaluated with relation to the web page URL.The img element can be added automatically by the widget, or an existing element can be used, if it has a k-image CSS class applied. Specifies the menu buttons of the SplitButton. Specifies a custom template for the menu items. The id for the ItemTemplate The handler for the ItemTemplate The options that will be used for the popup initialization. For more details about the available options refer to Popup documentation. Defines a CSS class (or multiple classes separated by spaces), which will be used for applying a background image to a span element inside the SplitButton. In case you want to use an icon from the Kendo UI theme sprite background image, it is easier to use the icon property.The span element can be added automatically by the widget, or an existing element can be used, if it has a k-sprite CSS class applied. Allows localization of the strings that are used in the widget. Sets the size of the component. Sets a value controlling the border radius. Sets a value controlling how the color is applied. Sets the color of the component according to the applied theme. Writes the initialization script. The . Writes the HTML. The . Defines the fluent API for configuring the SplitButtonItem settings. Initialization for the Adds custom attributes to the LI element of the menu button. Adds unique click callback for the menu item. Adds a custom data callback to be added to the context of menu item - useful to attach context dynamically. Toggles the enabled state of the item. Indicates wether the item should hidden. Specifies the icon of the item. Specifies the id of the item. Specifies the image of the item. Specifies the custom CSS class that is added to the sprite icon element of the item. Specifies the text of the item. ### items.url StringSpecifies the url of the item - it will render a element and will navigate the browser on click. Serialize current instance to Dictionary Defines the fluent API for configuring the SplitButtonMessagesSettings settings. Initialization for the Controls the label suffix that will be concatenated to the button's text and used for the aria-label attribute. Serialize current instance to Dictionary Defines the fluent API for configuring the SplitButtonPopupSettings settings. Initialization for the Defines a jQuery selector that will be used to find a container element, where the popup will be appended to. Serialize current instance to Dictionary HtmlBuilder for the SplitButton component Initializes a new instance of the class. The SplitButton component. Builds the SplitButton markup. Create the HTML element for the component Adds attributes for event handlers The of the component of events Kendo UI DropDownButton component The URL generator. Initializes a new instance of the class. The view context The JavaScriptInitializer The URL generator. Indicates whether the DropDownButton should be enabled or disabled. By default, it is enabled, unless a disabled="disabled" attribute is detected. Defines a name of an existing icon in the Kendo UI theme sprite. The icon will be applied as background image of a span element inside the DropDownButton. The span element can be added automatically by the widget, or an existing element can be used, if it has a k-icon CSS class applied. For a list of available icon names, please refer to the Icons demo. Defines a CSS class - or multiple classes separated by spaced - which are applied to a span element inside the DropDownButton. Allows the usage of custom icons. Defines a URL, which will be used for an img element inside the DropDownButton. The URL can be relative or absolute. In case it is relative, it will be evaluated with relation to the web page URL.The img element can be added automatically by the widget, or an existing element can be used, if it has a k-image CSS class applied. Specifies the menu buttons of the DropDownButton. Specifies a custom template for the menu items. The id for the ItemTemplate The handler for the ItemTemplate The options that will be used for the popup initialization. For more details about the available options refer to Popup documentation. Defines a CSS class (or multiple classes separated by spaces), which will be used for applying a background image to a span element inside the DropDownButton. In case you want to use an icon from the Kendo UI theme sprite background image, it is easier to use the icon property.The span element can be added automatically by the widget, or an existing element can be used, if it has a k-sprite CSS class applied. Allows localization of the strings that are used in the widget. Sets the size of the component. Sets a value controlling the border radius. Sets a value controlling how the color is applied. Sets the color of the component according to the applied theme. Writes the initialization script. The . Writes the HTML. The . Defines the fluent API for configuring the DropDownButtonItem settings. Initialization for the Adds custom attributes to the LI element of the menu button. Adds unique click callback for the menu item. Adds a custom data callback to be added to the context of menu item - useful to attach context dynamically. Toggles the enabled state of the item. Indicates wether the item should hidden. Specifies the icon of the item. Specifies the id of the item. Specifies the image of the item. Specifies custom css class added to the srite icon element of the item. Specifies the text of the item. ### items.url StringSpecifies the url of the item - it will render a element and will navigate the browser on click. Serialize current instance to Dictionary Defines the fluent API for configuring the DropDownButtonMessagesSettings settings. Initialization for the Controls the label suffix that will be concatenated to the button's text and used for the aria-label attribute. Serialize current instance to Dictionary Defines the fluent API for configuring the DropDownButtonPopupSettings settings. Initialization for the Defines a jQuery selector that will be used to find a container element, where the popup will be appended to. Serialize current instance to Dictionary HtmlBuilder for the DropDownButton component Initializes a new instance of the class. The DropDownButton component. Builds the DropDownButton markup. Create the HTML element for the component Adds attributes for event handlers The of the component of events Kendo UI Signature component The URL generator. Initializes a new instance of the class. The view context The JavaScriptInitializer The URL generator. Gets or sets the background color of the signature. The stroke color of the signature. If set to false, the widget will be disabled and will not allow user input. The widget is enabled by default and allows user input. Determines the height of the signature in pixels. A value indicating whether the dotted line should be displayed in the background. Specifies the label that will be rendered on the k-signature-canvas element of the component with the aria-label attribute. A value indicating whether the component can be maximized Defines a value indicating the scaling size of the popup signature pad If set to true, the widget will be readonly and will not allow user input. The widget is not readonly by default and allows user input. A value indicating whether to smoothen out the signature lines. Defines how wide will the stroke be. A string value representing a Base64-encoded PNG image Determines the width of the signature in pixels. Sets a value controlling how the color is applied. Can also be set to the following string values: "solid"; "flat"; "outline" or "none". Sets a value controlling the border radius. Can also be set to the following string values: "small"; "medium"; "large"; "full" or "none". Sets a value controlling size of the component. Can also be set to the following string values: "small"; "medium"; "large" or "none". Writes the initialization script. The . Writes the HTML. The . HtmlBuilder for the Signature component Initializes a new instance of the class. The Signature component. Builds the Signature markup. Create the HTML element for the component Adds attributes for event handlers The of the component of events Kendo UI TimeDurationPicker component The URL generator. Initializes a new instance of the class. The view context The JavaScriptInitializer The URL generator. The configuration of the picker columns. An array of JavaScript objects or strings. JavaScript objects are interpreted as column configurations. Strings are interpreted as the a predifined column with defaulted values for the particular time unit. If set to false, the widget will be disabled and will not allow user input. The widget is enabled by default and allows user input. Allows localization of the strings that are used in the widget. If set to true, the widget will be readonly and will not allow user input. The widget is not readonly by default and allows user input. Sets a string value that is used to devide the different column values inside the input. The value must be a single character, you cannot use more than one character as a separator. An array of buttons that hold certain timeframe values and will be displayed in the popup The value of the widget in milliseconds Sets a value controlling the size of the component. Sets a value controlling the border radius. Sets a value controlling how the color is applied. Writes the initialization script. The . Writes the HTML. The . Defines the fluent API for configuring the TimeDurationPickerColumn settings. Initialization for the The format that will be used to display the column value in the input. The amount of # symbols should be equal to the largest amount of digits that the time unit can hold. Sets the maximum time unit value. Sets the minimum time unit value. Specifies the name of the time unit the column will hold. Can be set to the following values: "days"; "hours"; "minutes"; "seconds" or "milliseconds". Specifies the value used to increment or decrement the column value Serialize current instance to Dictionary Defines the fluent API for configuring the TimeDurationPickerMessagesSettings settings. Initialization for the Allows customization of the cancel button inside the popup. Sets the title of the days column in the popup Sets the title of the hours column in the popup Sets the title of the milliseconds column in the popup Sets the title of the minutes column in the popup Sets the title of the seconds column in the popup Sets the title of the set button in the popup Serialize current instance to Dictionary Defines the fluent API for configuring the TimeDurationPickerShortcut settings. Initialization for the The text that will be displayed in the button The value of the timeframe in milliseconds Serialize current instance to Dictionary HtmlBuilder for the TimeDurationPicker component Initializes a new instance of the class. The TimeDurationPicker component. Builds the TimeDurationPicker markup. Create the HTML element for the component Adds attributes for event handlers The of the component of events Defines the fluent API for configuring the DateInputLabelSettings settings. Initialization for the Sets the inner HTML of the label. If set to true, the widget will be wrapped in a container that will allow the floating label functionality. Serialize current instance to Dictionary Kendo UI Chip component The URL generator. Initializes a new instance of the class. The view context The JavaScriptInitializer The URL generator. Defines the name for an existing icon in a Kendo UI theme or SVG content. The icon is rendered inside the chip by a span.k-icon or span.k-svg-icon element.See web font icons help article for more details on Kendo UI icons. If set, value will be appended to the icon's element class attribute. If set, value will be appended to the icon's element class attribute. It also appends "k-chip avatar" and "k-avatar" classes to the icon's element. Defines the name for an existing icon in a Kendo UI theme or SVG content for the remove button when removable=true. The icon is rendered inside the chip by a span.k-icon or span.k-svg-icon element.See web font icons help article for more details on Kendo UI icons. If set, value will be appended to the remove icon's element class attribute. The label text of the chip. Default is empty string. Specifies if the Chip will be removable or not. If the property is set to true, the Chip renders a remove icon. Sets whether the Chip can be selected. Toggles the selected state of the Chip. Toggles the enabled state of the Chip. Sets the size of the component. Sets a value controlling the border radius. Sets a value controlling how the color is applied. Sets the color of the component according to the applied theme. Writes the initialization script. The . Writes the HTML. The . HtmlBuilder for the Chip component Initializes a new instance of the class. The Chip component. Builds the Chip markup. Create the HTML element for the component Adds attributes for event handlers The of the component of events Sets a value controlling how the color is applied. Sets the color of the component according to the applied theme. Kendo UI ChipList component The URL generator. Initializes a new instance of the class. The view context The JavaScriptInitializer The URL generator. Specifies if the Chip items will be removable or not. If the property is set to true, the Chip renders a remove icon. The configurations of the different chips inside the chiplist. Specifies the gap between the Chips in the ChipList. Specifies the size of the chip. Sets a value controlling the border radius. Sets a value controlling how the color is applied. Sets the selection mode of the ChipList. Writes the initialization script. The . Writes the HTML. The . Defines the fluent API for configuring the ChipListItem settings. Initialization for the Defines the name for an existing icon in a Kendo UI theme or SVG content. The icon is rendered inside the chip by a span.k-icon or span.k-svg-icon element.See web font icons help article for more details on Kendo UI icons. If set, value will be appended to the icon's element class attribute. If set, value will be appended to the icon's element class attribute. It also appends "k-chip avatar" and "k-avatar" classes to the icon's element. The label text of the chip. Default is empty string. Toggles the selected state of the Chip. Toggles the enabled state of the Chip item. Defines custom attributes of the Chip's element. Sets the color of the component according to the applied theme. Serialize current instance to Dictionary HtmlBuilder for the ChipList component Initializes a new instance of the class. The ChipList component. Builds the ChipList markup. Create the HTML element for the component Adds attributes for event handlers The of the component of events Sets the selection mode of the ChipList. Defines the fluent API for configuring the PDFViewerMessagesDialogsSearchSettings settings. Initialization for the Serialize current instance to Dictionary Defines the fluent API for configuring the PDFViewerMessagesToolbarZoomSettings settings. Initialization for the Serialize current instance to Dictionary Represents a client-side event handler of a Kendo UI widget A Razor template delegate. The name of the JavaScript function which will be called as a handler. Represents a filtering descriptor which serves as a container for one or more child filtering descriptors. Gets or sets the logical operator used for composing of . The logical operator used for composition. Gets or sets the filter descriptors that will be used for composition. The filter descriptors used for composition. Creates a predicate filter expression combining expressions with . The parameter expression, which will be used for filtering. A predicate filter expression. Logical operator used for filter descriptor composition. Combines filters with logical AND. Combines filters with logical OR. Represents declarative filtering. Initializes a new instance of the class. Initializes a new instance of the class. The member. The filter operator. The filter value. Gets or sets the member name which will be used for filtering. The member that will be used for filtering. Gets or sets the type of the member that is used for filtering. Set this property if the member type cannot be resolved automatically. Such cases are: items with ICustomTypeDescriptor, XmlNode or DataRow. Changing this property did not raise The type of the member used for filtering. Gets or sets the filter operator. The filter operator. Gets or sets the target filter value. The filter value. Creates a predicate filter expression. The parameter expression, which will be used for filtering. A predicate filter expression. Determines whether the specified descriptor is equal to the current one. The other filter descriptor. True if all members of the current descriptor are equal to the ones of , otherwise false. Determines whether the specified is equal to the current descriptor. Serves as a hash function for a particular type. A hash code for the current filter descriptor. Base class for all used for handling the logic for property changed notifications. Creates a filter expression by delegating its creation to , if is , otherwise throws The instance expression, which will be used for filtering. A predicate filter expression. Parameter should be of type Creates a predicate filter expression used for collection filtering. The parameter expression, which will be used for filtering. A predicate filter expression. Operator used in Left operand must be smaller than the right one. Left operand must be smaller than or equal to the right one. Left operand must be equal to the right one. Left operand must be different from the right one. Left operand must be larger than the right one. Left operand must be larger than or equal to the right one. Left operand must start with the right one. Left operand must end with the right one. Left operand must contain the right one. Left operand must be contained in the right one. Left operand must not contain the right one. Operand is null. Operand is not null. Operand is empty. Operand is not empty. Operand is null or empty. Operand is not null or empty. Represents a filtering abstraction that knows how to create predicate filtering expression. Creates a predicate filter expression used for collection filtering. The instance expression, which will be used for filtering. A predicate filter expression. Represents an aggregate function. Gets or sets the informative message to display as an illustration of the aggregate function. The caption to display as an illustration of the aggregate function. Gets or sets the name of the field, of the item from the set of items, which value is used as the argument of the aggregate function. The name of the field to get the argument value from. Gets or sets the name of the aggregate function, which appears as a property of the group record on which records the function works. The name of the function as visible from the group record. Gets or sets a string that is used to format the result value. The format string. Creates the aggregate expression that is used for constructing expression tree that will calculate the aggregate result. The grouping expression. Generates default name for this function using this type's name. Function name generated with the following pattern: {.}_{} Initializes a new instance of the class. Gets the the Average method name. Average. Initializes a new instance of the class. Gets the the Count method name. Count. Creates the aggregate expression using . The grouping expression. Creates the aggregate expression using . The grouping expression. Gets the the First method name. First. Initializes a new instance of the class. Gets the the Last method name. Last. Initializes a new instance of the class. Gets the the Max method name. Max. Initializes a new instance of the class. Gets the the Min method name. Min. Initializes a new instance of the class. Gets the the Min method name. Min. Represents grouping criteria. Gets or sets the type of the member that is used for grouping. Set this property if the member type cannot be resolved automatically. Such cases are: items with ICustomTypeDescriptor, XmlNode or DataRow. The type of the member used for grouping. Gets or sets the content which will be used from UI. The content that will be used from UI. Gets or sets the aggregate functions used when grouping is executed. The aggregate functions that will be used in grouping. Changes the to the next logical value. Represents declarative sorting. Gets or sets the member name which will be used for sorting. The member that will be used for sorting. Gets or sets the sort direction for this sort descriptor. If the value is null no sorting will be applied. The sort direction. The default value is null. Gets or sets the sort compare for this sort descriptor. Initializes a new instance of the class. The site maps. Initializes a new instance of the class. Gets or sets the default view data key. The default view data key. Gets or sets the name of the site map. The name of the site map. Gets or sets the view data key. The view data key. Gets or sets the site maps. The site maps. Called before an action result executes. The filter context. Called after an action result executes. The filter context. Initializes a new instance of the class. Gets or sets the default cache duration in minutes. The default cache duration in minutes. Gets or sets a value indicating whether [default compress]. true if [default compress]; otherwise, false. Gets or sets a value indicating whether [default generate search engine map]. true if [default generate search engine map]; otherwise, false. Gets or sets the root node. The root node. Gets or sets the cache duration in minutes. The cache duration in minutes. Gets or sets a value indicating whether this is compress. true if compress; otherwise, false. Gets or sets a value indicating whether [generate search engine map]. true if [generate search engine map]; otherwise, false. Performs an implicit conversion from to . The site map. The result of the conversion. Returns a new builder. Resets this instance. Initializes a new instance of the class. The site map. Gets the root node. The root node. Performs an implicit conversion from to . The builder. The result of the conversion. Returns the internal sitemap. Caches the duration in minutes. The value. Compresses the specified value. if set to true [value]. Generates the search engine map. if set to true [value]. Gets or sets the default site map factory. The default site map factory. Gets or sets the default site map. The default site map. Gets the number of elements contained in the . The number of elements contained in the . Gets a value indicating whether the is read-only. true if the is read-only; otherwise, false. Gets an containing the keys of the . An containing the keys of the object that implements . Gets an containing the values in the . An containing the values in the object that implements . Gets or sets the with the specified key. Registers the specified name. The type of the site map. The name. The configure. Adds an item to the . The object to add to the . The is read-only. Adds an element with the provided key and value to the . The object to use as the key of the element to add. The object to use as the value of the element to add. is null. An element with the same key already exists in the . The is read-only. Removes all items from the . The is read-only. Determines whether the contains a specific value. The object to locate in the . true if is found in the ; otherwise, false. Determines whether the contains an element with the specified key. The key to locate in the . true if the contains an element with the key; otherwise, false. is null. Copies the elements of the to an , starting at a particular index. The one-dimensional that is the destination of the elements copied from . The must have zero-based indexing. The zero-based index in at which copying begins. is null. is less than 0. is multidimensional. -or- is equal to or greater than the length of . -or- The number of elements in the source is greater than the available space from to the end of the destination . -or- Type cannot be cast automatically to the type of the destination Returns an enumerator that iterates through the collection. A that can be used to iterate through the collection. Removes the first occurrence of a specific object from the . The object to remove from the . true if was successfully removed from the ; otherwise, false. This method also returns false if is not found in the original . The is read-only. Removes the element with the specified key from the . The key of the element to remove. true if the element is successfully removed; otherwise, false. This method also returns false if was not found in the original . is null. The is read-only. Gets the value associated with the specified key. The key whose value to get. When this method returns, the value associated with the specified key, if the key is found; otherwise, the default value for the type of the parameter. This parameter is passed uninitialized. true if the object that implements contains an element with the specified key; otherwise, false. is null. Returns an enumerator that iterates through a collection. An object that can be used to iterate through the collection. Gets the site maps. The site maps. Initializes a new instance of the class. Gets or sets the title. The title. Gets or sets a value indicating whether this is visible. true if visible; otherwise, false. Gets or sets the last modified at. The last modified at. Gets or sets the name of the route. The name of the route. Gets or sets the name of the controller. The name of the controller. Gets or sets the name of the action. The name of the action. Gets or sets the route values. The route values. Gets or sets the URL. The URL. Gets or sets a value indicating whether [include in search engine index]. true if [include in search engine index]; otherwise, false. Gets or sets the attributes. The attributes. Gets or sets the child nodes. The child nodes. Performs an implicit conversion from to . The node. The result of the conversion. Initializes a new instance of the class. The site map node. Performs an implicit conversion from to . The builder. The result of the conversion. Returns the internal node. Sets the title. The value. Sets the visibility. if set to true [value]. Sets the Lasts the modified date.. The value. Sets the route. Name of the route. The route values. Sets the route. Name of the route. The route values. Sets the route. Name of the route. Sets the action to which the date should navigate The route values of the Action method. Sets the action, controller and route values. Name of the action. Name of the controller. The route values. Sets the action, controller and route values. Name of the action. Name of the controller. The route values. Sets the action and controller. Name of the action. Name of the controller. Expression based controllerAction. The type of the controller. The action. Sets the url. The value. Marks an item that it would be included in the search engine index. if set to true [value]. Sets the attributes The value. Sets the attributes The value. Executes the provided delegate to configure the child node. The add actions. Initializes a new instance of the class. The parent. Adds this instance. Initializes a new instance of the class. Gets or sets the default path. The default path. Loads from the default path. Loads from the specified path. The relative virtual path. Gets or sets the name of the route. The name of the route. Gets or sets the name of the controller. The name of the controller. Gets or sets the name of the action. The name of the action. Gets the route values. The route values. Gets or sets the URL. The URL. Gets or sets the T object that is the parent of the current node. The parent. Gets the previous T object on the same level as the current one, relative to the T.ParentNode object (if one exists). The previous sibling. Gets the next T node on the same hierarchical level as the current one, relative to the T.ParentNode property (if one exists). The next sibling. Initializes a new instance of the class. The parent. Gets or sets the T object that is the parent of the current node. The parent. Adds an item to the . The object to add to the . The is read-only. Removes all items from the . The is read-only. Determines whether the contains a specific value. The object to locate in the . true if is found in the ; otherwise, false. Copies the elements of the to an , starting at a particular index. The one-dimensional that is the destination of the elements copied from . The must have zero-based indexing. The zero-based index in at which copying begins. is null. is less than 0. is multidimensional. -or- is equal to or greater than the length of . -or- The number of elements in the source is greater than the available space from to the end of the destination . -or- Type cannot be cast automatically to the type of the destination . Returns an enumerator that iterates through the collection. A that can be used to iterate through the collection. Determines the index of a specific item in the . The object to locate in the . The index of if found in the list; otherwise, -1. Inserts an item to the at the specified index. The zero-based index at which should be inserted. The object to insert into the . is not a valid index in the . The is read-only. Removes the first occurrence of a specific object from the . The object to remove from the . true if was successfully removed from the ; otherwise, false. This method also returns false if is not found in the original . The is read-only. Removes the item at the specified index. The zero-based index of the item to remove. is not a valid index in the . The is read-only.