docs: Add the template images, remove client-side before API

docs/autocomplete/index.md

@@ -14,13 +14,11 @@ The Kendo UI AutoComplete for React is part of the DropDowns `npm` package of th
 
 **Figure 1: A template of the Kendo UI AutoComplete for React**
 
-//template screen to be added - Vasko
+![Template of the Kendo UI AutoComplete for React](images/autocomplete.png)
 
-1. Input area 
-2. Drop-down button
-3. Drop-down list
-4. Drop-down list item
-5. Current item
+1. AutoComplete interaction states
+2. Grouping header
+3. Drop-down list item
 
 ## Demos
 
@@ -39,7 +37,7 @@ The example below demonstrates the default setup of a Kendo UI AutoComplete for
 
 ### Features
 
-The AutoComplete allows you to disable it by setting the [`disabled`]({% slug api_autocomplete_kendouiforreact %}#disabled-booleandefault-false) configuration property to `true`. When disabled, the component is visible, but does not function. 
+The AutoComplete allows you to disable it by setting the [`disabled`]({% slug api_autocomplete_kendouiforreact %}#disabled-booleandefault-false) configuration property to `true`. When disabled, the component is visible, but does not function.
 
 By default, `disabled` is set to `false`.
 
@@ -170,4 +168,4 @@ The AutoComplete is WAI ARIA-accessible through the `Tab` key. The `aria-valuemi
 
 ## Suggested Links
 
-* [Client-Side API Reference for the Kendo UI AutoComplete Component]({% slug api_autocomplete_kendouiforreact %})
+* [API Reference of the AutoComplete Component]({% slug api_autocomplete_kendouiforreact %})

docs/combobox/index.md

@@ -14,13 +14,12 @@ The Kendo UI ComboBox for React is part of the DropDowns `npm` package of the Ke
 
 **Figure 1: A template of the Kendo UI ComboBox for React**
 
-//screen to be added - Vasko
+![Template of the Kendo UI ComboBox for React](images/combobox.png)
 
-1. Input area
-2. Drop-down button
-3. Drop-down list 
-4. Drop-down list item 
-5. Current item
+1. ComboBox interaction states
+2. Drop-down **Expand** / **Collapse** button
+3. Grouping header
+4. Drop-down list item
 
 ## Demos
 
@@ -48,7 +47,7 @@ show: React.PropTypes.bool
 
 ```
 
-The ComboBox allows you to disable it by setting the [`disabled`]() configuration property to `true`. When disabled, the component is visible, but does not function. 
+The ComboBox allows you to disable it by setting the [`disabled`]() configuration property to `true`. When disabled, the component is visible, but does not function.
 
 By default, `disabled` is set to `false`.
 
@@ -80,7 +79,7 @@ height: React.PropTypes.oneOfType([
 
 ```
 
-By configuring the [`minLength`]({% slug api_combobox_kendouiforreact %}#minlength-number) property, the ComboBox allows you to define a minimum number of characters the user should type in the input field before any suggestion is displayed. 
+By configuring the [`minLength`]({% slug api_combobox_kendouiforreact %}#minlength-number) property, the ComboBox allows you to define a minimum number of characters the user should type in the input field before any suggestion is displayed.
 
 ```html
 
@@ -90,7 +89,7 @@ By configuring the [`minLength`]({% slug api_combobox_kendouiforreact %}#minleng
 ```
 
 highlight: React.PropTypes.bool
- 
+
 ```html
 
 ```
@@ -295,4 +294,4 @@ The ComboBox is WAI ARIA-accessible through the `Tab` key. The `aria-valuemin`,
 
 ## Suggested Links
 
-* [Client-Side API Reference for the Kendo UI ComboBox Component]({% slug api_combobox_kendouiforreact %})
+* [API Reference of the ComboBox Component]({% slug api_combobox_kendouiforreact %})

docs/dropdownlist/index.md

@@ -14,13 +14,12 @@ The Kendo UI DropDownList for React is part of the DropDowns `npm` package of th
 
 **Figure 1: A template of the Kendo UI DropDownList for React**
 
-//screen to be added - Vasko
+![Template of the Kendo UI DropDownList for React](images/dropdownlist.png)
 
-1. Text area
-2. Drop-down button
-3. Drop-down list
+1. DropDownList interaction states
+2. Filter input field
+3. Grouping header
 4. Drop-down list item
-5. Current item
 
 ## Demos
 
@@ -44,13 +43,13 @@ data: PropTypes.arrayOf(PropTypes.oneOfType([
             PropTypes.string,
             PropTypes.number
         ]))
-        
+
 ```html
 
 ```
 ```jsx
 
-``` 
+```
 
 dataItem: PropTypes.oneOfType([
         PropTypes.object,
@@ -156,7 +155,7 @@ selected: PropTypes.number
 
 ```
 
-show: PropTypes.bool 
+show: PropTypes.bool
 
 ```html
 
@@ -165,7 +164,7 @@ show: PropTypes.bool
 
 ```
 
-style: PropTypes.object 
+style: PropTypes.object
 
 ```html
 

docs/index.md

@@ -21,8 +21,8 @@ The DropDownList displays a list of pre-defined options and allows the user to p
 Articles on the Kendo UI DropDowns package for React:
 
 * [Get Started with the AutoComplete Component]({% slug overview_autocomplete_kendouiforreact %})
-* [Client-Side API Reference of the AutoComplete Component]({% slug api_autocomplete_kendouiforreact %})
+* [API Reference of the AutoComplete Component]({% slug api_autocomplete_kendouiforreact %})
 * [Get Started with the ComboBox Component]({% slug overview_combobox_kendouiforreact %})
-* [Client-Side API Reference of the ComboBox Component]({% slug api_combobox_kendouiforreact %})
+* [API Reference of the ComboBox Component]({% slug api_combobox_kendouiforreact %})
 * [Get Started with the DropDownList Component]({% slug overview_ddl_kendouiforreact %})
-* [Client-Side API Reference of the DropDownList Component]({% slug api_ddl_kendouiforreact %})
+* [API Reference of the DropDownList Component]({% slug api_ddl_kendouiforreact %})