Sync with Kendo UI Professional

Author: Kendo Bot

docs/knowledge-base/access-editor-control.md

@@ -1,13 +1,15 @@
 ---
-title: Access Editor Controls in Edit Events
-page_title:  jQuery Grid Documentation | Editor Controls in Edit Events | Kendo UI
-description: "Get started with the jQuery Grid by Kendo UI and learn how to access an editor control in the edit event handler of the widget."
+title: Access Editor Controls in edit Events
+page_title: Access Editor Controls in edit Events | Kendo UI Grid for jQuery
+description: "An example on how to access an editor control in the edit event handler of the Kendo UI Grid for jQuery."
 previous_url: /controls/data-management/grid/how-to/Editing/access-editor-control
 slug: howto_access_editor_controlsin_edit_events_grid
+tags: grid, editor, edit, events
+component: grid
+type: how-to
+res_type: kb
 ---
 
-# Access Editor Controls in Edit Events
-
 The following example demonstrates how to access an editor in the `edit` event handler of the Grid.
 
 The functionality relies on the following concepts:
@@ -16,8 +18,6 @@ The functionality relies on the following concepts:
 
 For brevity, the following demo does not include the configuration for the Data Source transport. However, for the [CRUD operations]({% slug cruddataoperations_kendoui_datasourcecomponent %}) to work properly, they require a transport configuration.
 
-###### Example
-
 ```dojo
 <script src="https://demos.telerik.com/kendo-ui/content/shared/js/products.js"></script>
 <div id="example">
@@ -97,20 +97,3 @@ For brevity, the following demo does not include the configuration for the Data
 ## See Also
 
 * [JavaScript API Reference of the Grid](/api/javascript/ui/grid)
-* [How to Add New Rows When Tabbing out of the Last One]({% slug howto_add_new_rows_when_tabbingoutof_thelast_one_grid %})
-* [How to Build Custom dataSource for Custom Editor]({% slug howto_build_custom_datasourcefor_custom_editor_grid %})
-* [How to Customize the Delete Confirmation Dialog]({% slug howto_customize_delete_confirmation_dialog_grid %})
-* [How to Delete Multiple Rows Selected with Checkboxes]({% slug howto_delete_rows_selectedwith_checkboxes_grid %})
-* [How to Edit Records in Child Grids]({% slug howto_edit_recordsin_children_grid %})
-* [How to Edit Records Using External Forms]({% slug howto_edit_records_using_external_forms_grid %})
-* [How to Increase Popup Edit Form and Textbox Width]({% slug howto_increase_popup_edit_formand_textbox_grid %})
-* [How to Preserve Dirty Indicator in Incell Editing and Client Operations]({% slug howto_preserve_dirty_indicator_incell_editing_client_operations_grid %})
-* [How to Render Grid Editor in Column Template]({% slug howto_render_editor_column_template_grid %})
-* [How to Show Custom Editor Using the Selected Item outside the Grid]({% slug howto_use_show_custom_editor_selected_item_outside_grid %})
-* [How to Skip Non-editable Cells When Tabbing]({% slug howto_skip_noneditable_cells_when_tabbing_grid %})
-* [How to Use AutoComplete as Custom Column Editor]({% slug howto_use_autocompleteas_custom_column_editor_grid %})
-* [How to Use CRUD Operations When Grid Is Bound through MVVM]({% slug howto_use_crud_operationswith_mvvmbound_grid %})
-* [How to Use Editors Based on Data Item Property]({% slug howto_use_editors_basedon_dataitem_property_grid %})
-* [How to Use TreeView as Custom Editor]({% slug howto_usethe_treeview_aseditor_grid %})
-
-For more runnable examples on the Kendo UI Grid, browse its [**How To** documentation folder]({% slug howto_adjust_row_heights_template_locked_columns_grid %}).

docs/knowledge-base/access-the-selected-data-value-field-on-the-listbox-change-event.md

@@ -1,11 +1,12 @@
 ---
 title: Access Selected DataValueField
+page_title: Access the Selected DataValueField on the ListBox change Event | Kendo UI ListBox for ASP.NET MVC
 description: An example on how to access the selected DataValueField on the Kendo UI ListBox change event.
-type: how-to
-page_title: Access the Selected DataValueField on the ListBox Change Event | UI for ASP.NET MVC
 slug: access-the-selected-data-value-field-on-the-listbox-change-event
 ticketid: 1118759
+type: how-to
 res_type: kb
+component: listbox
 ---
 
 ## Environment
@@ -57,7 +58,7 @@ How can I get the `DataValueField` from the selected item on the `change` event
 ## Solution
 
 1. Retrieve the selected element.
-1. Based on the selected element, retrieve the information for the `dataItem` that is associated with the following line:  
+1. Based on the selected element, retrieve the information for the `dataItem` that is associated with the following line:
 
     ```
     function onChange(e) {
@@ -68,5 +69,5 @@ How can I get the `DataValueField` from the selected item on the `change` event
     ```
 
 For more information, refer to the articles on:
-* The [`select`](http://docs.telerik.com/kendo-ui/api/javascript/ui/listbox/methods/select) event of the ListBox.
-* The [`dataItem`](http://docs.telerik.com/kendo-ui/api/javascript/ui/listbox/methods/dataitem) method of the ListBox.
+* The [`change`](/api/javascript/ui/listbox/events/change) event of the ListBox.
+* The [`dataItem`](/api/javascript/ui/listbox/methods/dataitem) method of the ListBox.

docs/knowledge-base/add-a-progressbar-in-a-grid-cell.md

@@ -1,8 +1,8 @@
 ---
 title: Add ProgressBars to Grid Cells
+page_title: Add a ProgressBar to Cells | Kendo UI Grid for jQuery
 description: An example on how to add a ProgressBar to a cell in the Kendo UI Grid.
 type: how-to
-page_title: Add a ProgressBar to Cells | Kendo UI Grid
 slug: add-a-progressbar-in-a-grid-cell
 previous_url: /knowledge-base/how-to-add-a-progressbar-in-a-grid-cell
 tags: grid, progressbar

docs/knowledge-base/add-background-sorted-columns-LESS-themes.md

@@ -1,39 +1,36 @@
 ---
 title: Add Background Color to Sorted Columns by Using LESS Themes
-page_title: jQuery Grid Documentation | Background Color with LESS Themes | Kendo UI
-description: "Get started with the jQuery Grid by Kendo UI and learn how to add a background color to the sorted columns using the LESS themes."
+page_title: Add Background Color with LESS Themes | Kendo UI Grid for jQuery
+description: "An example on how to add a background color to the sorted columns of the Kendo UI Grid for jQuery by using the LESS themes."
 previous_url: /controls/data-management/grid/how-to/Layout/add-background-sorted-columns-LESS-themes
 slug: howto_add_background_sorted_columns_LESS_themes_grid
+tags: backaground, color, less, themes, columns, grid
+component: grid
+type: how-to
+res_type: kb
 ---
 
-# Add Background Color to Sorted Columns by Using LESS Themes
-
 Your project might require you to add a background color to the sorted columns of the Grid by using the [LESS themes]({% slug themesandappearnce_kendoui_desktopwidgets %}).
 
 To achieve this behavior:
 
 1. Change the default background of the alternate row to an RGBA color format with a low opaque level.
 1. Add the background color to the `.k-sorted` class by using the RGBA color format.
 
-> **Important**
 > * The `.k-sorted` class is available as of the Kendo UI 2017 R2 SP1 release.
 > * If you do not override the `k-alt` class, the background color of the `.k-sorted` class will not apply.
 
-## Scenarios
-
 The following examples demonstrate how to change the background color of selected rows in a Grid when working with:
 
 * [Dark themes](#dark-themes)
 * [Light themes](#light-themes)
 
-### Dark Themes
+## Dark Themes
 
 When your project uses a dark theme, use light colors for the background of the selected rows.
 
 The following example demonstrates how to apply the suggested background colors to the selected Grid rows if your project uses the Black or Material Black theme.  
 
-###### Example
-
 ```tab-Black
     .k-grid .k-alt {
         background-color: rgba(255, 255, 255, 0.04);
@@ -51,14 +48,12 @@ The following example demonstrates how to apply the suggested background colors
     }
 ```
 
-### Light Themes
+## Light Themes
 
 When your project uses a light theme, use dark colors for the background of the selected rows.
 
 The following example demonstrates how to apply the suggested background colors to the selected Grid rows if your project uses the Default or Material theme.
 
-###### Example
-
 ```tab-Default
     .k-grid .k-alt {
         background-color: rgba(0, 0, 0, 0.06);
@@ -79,7 +74,3 @@ The following example demonstrates how to apply the suggested background colors
 ## See Also
 
 * [JavaScript API Reference of the Grid](/api/javascript/ui/grid)
-* [How to Implement Stable Sort in Chrome]({% slug howto_implement_stable_sortin_chrome_grid %})
-* [Grid Sorting Demo](http://demos.telerik.com/kendo-ui/grid/sorting)
-
-For more runnable examples on the Kendo UI Grid, browse its [**How To** documentation folder]({% slug howto_adjust_row_heights_template_locked_columns_grid %}).

docs/knowledge-base/add-custom-filters.md

@@ -1,8 +1,8 @@
 ---
 title: Combine Regular and Custom Filters in Grid for ASP.NET MVC
+page_title: Add Custom Filters to Grid | Kendo UI Grid for ASP.NET MVC
 description: An example on how to combine custom with build-in filters in a Kendo UI Grid for ASP.NET MVC.
 type: how-to
-page_title: Add Custom Filters in Grid | UI for ASP.NET MVC
 previous_url: /knowledge-base/how-to-add-custom-filters
 slug: add-custom-filters
 tags: grid, filter
@@ -55,7 +55,7 @@ component: grid
 
 ## Description
 
-I have an ASP.NET MVC Grid with regular filters and local filtering. How can I add custom filters and combine the regular filters with the custom ones?
+I have a Kendo UI Grid for ASP.NET MVC with regular filters and local filtering. How can I add custom filters and combine the regular filters with the custom ones?
 
 ## Solution
 

docs/knowledge-base/add-footer-to-month-and-agenda-views.md

@@ -1,8 +1,8 @@
 ---
 title: Add Footer to Month and Agenda Views in Scheduler
+page_title: Add Footer to Month and Agenda Views | Kendo UI Scheduler for jQuery 
 description: An example on how to add a footer to the month and agenda views of the Kendo UI Scheduler.
 type: how-to
-page_title: Add Footer to Month and Agenda Views | Kendo UI Scheduler
 slug: add-footer-to-month-and-agenda-views
 tags: add, footer, month, agenda, views, scheduler
 ticketid: 1116003

docs/knowledge-base/add-row-numbers.md

@@ -1,17 +1,17 @@
 ---
 title: Add Row Numbers
-page_title: jQuery Grid Documentation | Add Row Numbers | Kendo UI
-description: "Get started with the jQuery Grid by Kendo UI and learn how to implement row numbers to the widget."
+page_title: Add Row Numbers | Kendo UI Grid for jQuery
+description: "An example on how to implement row numbers in the Kendo UI Grid for jQuery."
 previous_url: /controls/data-management/grid/how-to/Templates/add-row-numbers
 slug: howto_addrownumbers_grid
+tags: grid, row, numbers
+component: grid
+type: how-to
+res_type: kb
 ---
 
-# Add Row Numbers
-
 The following example demonstrates how to implement row numbers in a Grid by using the [`page()`](/api/javascript/data/datasource/methods/page) and [`pageSize()`](/api/javascript/data/datasource/methods/pagesize) methods of the Data Source.
 
-###### Example
-
 ```dojo
   <div id="grid"></div>
     <script>
@@ -53,11 +53,3 @@ The following example demonstrates how to implement row numbers in a Grid by usi
 ## See Also
 
 * [JavaScript API Reference of the Grid](/api/javascript/ui/grid)
-* [How to Implement Stable Sort in Chrome]({% slug howto_implement_stable_sortin_chrome_grid %})
-* [How to Initialize Data Attribute with Detail Template]({% slug howto_initialize_data_attributewith_detail_template_grid %})
-* [How to Persist Expanded Rows after Refresh]({% slug howto_persist_expanded_rows_afetrrefresh_grid %})
-* [How to Set Cell Color Based on ForeignKey Values]({% slug howto_set_cell_color_basedon_foreignkey_values_grid %})
-* [How to Show Tooltip for Column Records]({% slug howto_show_tooltipfor_column_records_grid %})
-* [How to Update Toolbar Content Using MVVM Binding]({% slug howto_update_toolbar_content_using_mvvmbinding_grid %})
-
-For more runnable examples on the Kendo UI Grid, browse its [**How To** documentation folder]({% slug howto_adjust_row_heights_template_locked_columns_grid %}).

docs/knowledge-base/add-row-when-tabbed-out-of-last-row.md

@@ -1,17 +1,17 @@
 ---
 title: Add New Rows When Tabbing Out of the Last One
-page_title: jQuery Grid Documentation | Add Row When Tabbed Out | Kendo UI
-description: "Get started with the jQuery Grid by Kendo UI and learn how to add a new row to the widget when the user navigates out of the last one."
+page_title: Add New Rows When Tabbed Out | Kendo UI Grid for jQuery
+description: "An example on how to add a new row to the Kendo UI Grid for jQuery when the user navigates out of the last one."
 previous_url: /controls/data-management/grid/how-to/Editing/add-row-when-tabbed-out-of-last-row
 slug: howto_add_new_rows_when_tabbingoutof_thelast_one_grid
+tags: grid, rows, tabbing
+component: grid
+type: how-to
+res_type: kb
 ---
 
-# Add New Rows When Tabbing Out of the Last One
-
 The following example demonstrates how to add a new row when the user navigates out of the last row in the Grid.
 
-###### Example
-
 ```dojo
     <div id="grid"></div>
     <script>
@@ -73,19 +73,3 @@ The following example demonstrates how to add a new row when the user navigates
 ## See Also
 
 * [JavaScript API Reference of the Grid](/api/javascript/ui/grid)
-* [How to Build Custom dataSource for Custom Editor]({% slug howto_build_custom_datasourcefor_custom_editor_grid %})
-* [How to Customize the Delete Confirmation Dialog]({% slug howto_customize_delete_confirmation_dialog_grid %})
-* [How to Delete Multiple Rows Selected with Checkboxes]({% slug howto_delete_rows_selectedwith_checkboxes_grid %})
-* [How to Edit Records in Child Grids]({% slug howto_edit_recordsin_children_grid %})
-* [How to Edit Records Using External Forms]({% slug howto_edit_records_using_external_forms_grid %})
-* [How to Increase Popup Edit Form and Textbox Width]({% slug howto_increase_popup_edit_formand_textbox_grid %})
-* [How to Preserve Dirty Indicator in Incell Editing and Client Operations]({% slug howto_preserve_dirty_indicator_incell_editing_client_operations_grid %})
-* [How to Render Grid Editor in Column Template]({% slug howto_render_editor_column_template_grid %})
-* [How to Show Custom Editor Using the Selected Item outside the Grid]({% slug howto_use_show_custom_editor_selected_item_outside_grid %})
-* [How to Skip Non-editable Cells When Tabbing]({% slug howto_skip_noneditable_cells_when_tabbing_grid %})
-* [How to Use AutoComplete as Custom Column Editor]({% slug howto_use_autocompleteas_custom_column_editor_grid %})
-* [How to Use CRUD Operations When Grid Is Bound through MVVM]({% slug howto_use_crud_operationswith_mvvmbound_grid %})
-* [How to Use Editors Based on Data Item Property]({% slug howto_use_editors_basedon_dataitem_property_grid %})
-* [How to Use TreeView as Custom Editor]({% slug howto_usethe_treeview_aseditor_grid %})
-
-For more runnable examples on the Kendo UI Grid, browse its [**How To** documentation folder]({% slug howto_adjust_row_heights_template_locked_columns_grid %}).

docs/knowledge-base/adjust-bar-chart-height-by-number-of-bars.md

@@ -1,8 +1,8 @@
 ---
 title: Adjust the Chart Height Dynamically
+page_title: Dynamically Adjust the Height According to the Number of Bars | Kendo UI Chart for jQuery 
 description: An example on how to dynamically adjust the height of a Kendo UI Bar Chart depending on the number of the available bars.
 type: how-to
-page_title: Dynamically Adjust the Height According to the Number of Bars | Kendo UI Chart
 slug: adjust-bar-chart-height-by-number-of-bars
 tags: chart, bar chart, height, adjust, bars
 ticketid: 1097053

docs/knowledge-base/adjust-row-heights-for-grid-with-locked-columns.md

@@ -1,22 +1,21 @@
 ---
 title: Adjust Row Heights When Columns Are Locked
-page_title: jQuery Grid Documentation | Row Heights of Locked Columns | Kendo UI
-description: "Get started with the jQuery Grid by Kendo UI and learn how to adjust the height of its rows when columns are locked."
+page_title: Row Heights of Locked Columns | Kendo UI Grid for jQuery
+description: "An example on how to adjust the height of the Kendo UI Grid for jQuery rows when columns are locked."
 previous_url: /controls/data-management/grid/how-to/AngularJS/adjust-row-heights-for-grid-with-locked-columns
 slug: howto_adjust_row_heights_template_locked_columns_grid
-position: 1
+tags: grid, adjust, row, height, locked
+component: grid
+type: how-to
+res_type: kb
 ---
 
-# Adjust Row Heights When Columns Are Locked
-
 You might have to handle a scenario with locked columns where the content of the column template is initially hidden through the `ng-if` directive.
 
 In such cases, if you show the content later, you might cause issues related to the proper calculation of the row heights for the locked and unlocked parts of the Grid. To avoid such possible issues, conditionally call the [`resize()`](/api/javascript/kendo/methods/resize) and [`refresh()`](/api/javascript/ui/grid/methods/refresh) methods of the Grid in its [`dataBound`](/api/javascript/ui/grid/events/databound) event when the scope value that controls the visibility of the template content is changed.
 
 The following example demonstrates how to adjust the row heights in a Kendo UI Grid with locked columns and with a column template that uses the `ng-if` directive.
 
-###### Example
-
 ```dojo
     <div id="example" ng-app="KendoDemos">
       <div ng-controller="MyCtrl">
@@ -96,11 +95,3 @@ The following example demonstrates how to adjust the row heights in a Kendo UI G
 ## See Also
 
 * [JavaScript API Reference of the Grid](/api/javascript/ui/grid)
-* [How to Bind to Telerik Backend Services]({% slug howto_bindto_telerik_backend_services_grid %})
-* [How to Change Languages Dynamically]({% slug howto_dynamic_language_change %})
-* [How to Create Custom ToolBar Templates]({% slug howto_create_custom_toolbar_templates_grid %})
-* [How to Create Custom Edit Buttons]({% slug howto_create_custom_edit_buttons_grid %})
-* [How to Use Resize Columns from a Button]({% slug howto_resize_columnsfrom_abutton_grid %})
-* [How to Use AngularJS in Popup Editor Templates]({% slug howto_use_angularin_popup_editor_templates_grid %})
-
-For more runnable examples on the Kendo UI Grid, browse its **How To** documentation folder.