diff --git a/knowledge-base/calendar-allowed-dates.md b/knowledge-base/calendar-allowed-dates.md
new file mode 100644
index 0000000000..3328d9f17c
--- /dev/null
+++ b/knowledge-base/calendar-allowed-dates.md
@@ -0,0 +1,19 @@
+---
+title: Allowed dates for Calendar
+description: How to set small list of allowed dates in Calendar.
+type: how-to
+page_title: Allowed dates for Calendar
+slug: calendar-kb-allowed-dates
+position: 
+tags: 
+res_type: kb
+---
+
+
+## Description
+
+How to disable all dates that are not included in the `AllowedDates` parameter (when the allowed dates are just a small list and all other dates should be disabled)? 
+
+## Solution
+
+An example is available in the following project: [https://github.com/telerik/blazor-ui/tree/master/calendar/allowed-dates](https://github.com/telerik/blazor-ui/tree/master/calendar/allowed-dates).
\ No newline at end of file
diff --git a/knowledge-base/chart-print-chart-only.md b/knowledge-base/chart-print-chart-only.md
new file mode 100644
index 0000000000..0bedf6123f
--- /dev/null
+++ b/knowledge-base/chart-print-chart-only.md
@@ -0,0 +1,20 @@
+---
+title: Print Chart only
+description: How to print only the Chart.
+type: how-to
+page_title: Print Chart only
+slug: chart-kb-print-chart-only
+position: 
+tags: 
+res_type: kb
+---
+
+
+## Description
+
+How to print the rendered Blazor Chart?
+
+
+## Solution
+
+An example is available in the following project: [https://github.com/telerik/blazor-ui/tree/master/chart/print-chart-only](https://github.com/telerik/blazor-ui/tree/master/chart/print-chart-only).
\ No newline at end of file
diff --git a/knowledge-base/common-lazy-load-assemblies-wasm.md b/knowledge-base/common-lazy-load-assemblies-wasm.md
new file mode 100644
index 0000000000..09ccbcb098
--- /dev/null
+++ b/knowledge-base/common-lazy-load-assemblies-wasm.md
@@ -0,0 +1,20 @@
+---
+title: Telerik Blazor Components and WebAssembly Lazy Load of Assemblies
+description: How to use the lazy assembly loading feature of Blazor with the Telerik components.
+type: how-to
+page_title: Telerik Blazor Components and WebAssembly Lazy Load of Assemblies
+slug: common-kb-lazy-load-assemblies-wasm
+position: 
+tags: 
+res_type: kb
+---
+
+
+## Description
+
+How to use the lazy assembly loading feature of Blazor with the Telerik components?
+
+
+## Solution
+
+An example is available in the following project: [https://github.com/telerik/blazor-ui/tree/master/common/lazy-load-assemblies-wasm](https://github.com/telerik/blazor-ui/tree/master/common/lazy-load-assemblies-wasm).
\ No newline at end of file
diff --git a/knowledge-base/drawer-as-side-navigation.md b/knowledge-base/drawer-as-side-navigation.md
new file mode 100644
index 0000000000..d77a6053a7
--- /dev/null
+++ b/knowledge-base/drawer-as-side-navigation.md
@@ -0,0 +1,20 @@
+---
+title: Drawer as Side Navigation
+description: How to use Drawer as Side Navigation in a project.
+type: how-to
+page_title: Drawer as Side Navigation
+slug: drawer-kb-as-side-navigation
+position: 
+tags: 
+res_type: kb
+---
+
+
+## Description
+
+How to use Drawer as a side navigation in a project?
+
+
+## Solution
+
+An example is available in the following project: [https://github.com/telerik/blazor-ui/tree/master/drawer/sidenav](https://github.com/telerik/blazor-ui/tree/master/drawer/sidenav).
\ No newline at end of file
diff --git a/knowledge-base/drawer-template-as-side-navigation.md b/knowledge-base/drawer-template-as-side-navigation.md
new file mode 100644
index 0000000000..1e87a05e61
--- /dev/null
+++ b/knowledge-base/drawer-template-as-side-navigation.md
@@ -0,0 +1,20 @@
+---
+title: Custom Drawer Template as Side Navigation
+description: How to use Drawer Template as Side Navigation in a project.
+type: how-to
+page_title: Custom Drawer Template as Side Navigation
+slug: drawer-kb-template-as-side-navigation
+position: 
+tags: 
+res_type: kb
+---
+
+
+## Description
+
+How to use Drawer Template as a side navigation in a project?
+
+
+## Solution
+
+An example is available in the following project: [https://github.com/telerik/blazor-ui/tree/master/drawer/template](https://github.com/telerik/blazor-ui/tree/master/drawer/template).
\ No newline at end of file
diff --git a/knowledge-base/drawer-two-drawers-on-the-same-site.md b/knowledge-base/drawer-two-drawers-on-the-same-site.md
new file mode 100644
index 0000000000..3a907828b6
--- /dev/null
+++ b/knowledge-base/drawer-two-drawers-on-the-same-site.md
@@ -0,0 +1,20 @@
+---
+title: Two Drawers on the Same Site
+description: How to put two Drawers on the same site.
+type: how-to
+page_title: Two Drawers on the Same Site
+slug: drawer-kb-two-drawers-on-the-same-site
+position: 
+tags: 
+res_type: kb
+---
+
+
+## Description
+
+How to put two Drawers on the same site? How to use `Push` and `Overlay` Drawers in the same layout?
+
+
+## Solution
+
+An example is available in the following project: [https://github.com/telerik/blazor-ui/tree/master/drawer/two-drawers](https://github.com/telerik/blazor-ui/tree/master/drawer/two-drawers).
\ No newline at end of file
diff --git a/knowledge-base/editor-markdown.md b/knowledge-base/editor-markdown.md
new file mode 100644
index 0000000000..1c3b5a5d7b
--- /dev/null
+++ b/knowledge-base/editor-markdown.md
@@ -0,0 +1,20 @@
+---
+title: Markdown Editor
+description: How to use Markdown content in the Editor.
+type: how-to
+page_title: Markdown Editor
+slug: editor-kb-markdown
+position: 
+tags: 
+res_type: kb
+---
+
+
+## Description
+
+How to use Markdown content in the Editor?
+
+
+## Solution
+
+An example is available in the following project: [https://github.com/telerik/blazor-ui/tree/master/editor/Markdown](https://github.com/telerik/blazor-ui/tree/master/editor/Markdown).
\ No newline at end of file
diff --git a/knowledge-base/grid-adjust-height-with-browser.md b/knowledge-base/grid-adjust-height-with-browser.md
new file mode 100644
index 0000000000..e7998789fc
--- /dev/null
+++ b/knowledge-base/grid-adjust-height-with-browser.md
@@ -0,0 +1,20 @@
+---
+title: Adjust height of the Grid to match with the browser
+description: How to adjust the height of the Grid to match with the browser.
+type: how-to
+page_title: Adjust Grid height with browser
+slug: grid-kb-adjust-height-with-browser
+position: 
+tags: 
+res_type: kb
+---
+
+
+## Description
+
+How to change page size according to the available height? How to hide columns based on screen size?
+
+
+## Solution
+
+An example is available in the following project: [https://github.com/telerik/blazor-ui/tree/master/grid/adjust-height-with-browser](https://github.com/telerik/blazor-ui/tree/master/grid/adjust-height-with-browser).
\ No newline at end of file
diff --git a/knowledge-base/grid-binding-to-expando-object.md b/knowledge-base/grid-binding-to-expando-object.md
new file mode 100644
index 0000000000..4fde3bc192
--- /dev/null
+++ b/knowledge-base/grid-binding-to-expando-object.md
@@ -0,0 +1,20 @@
+---
+title: Binding Grid to Expando object
+description: How to bind Grid to Expando object.
+type: how-to
+page_title: Binding Grid to Expando object
+slug: grid-kb-binding-to-expando-object
+position: 
+tags: 
+res_type: kb
+---
+
+
+## Description
+
+How to bind Grid to Expando object?
+
+
+## Solution
+
+An example is available in the following project: [https://github.com/telerik/blazor-ui/tree/master/grid/binding-to-expando-object](https://github.com/telerik/blazor-ui/tree/master/grid/binding-to-expando-object)
\ No newline at end of file
diff --git a/knowledge-base/grid-datasourcerequest-on-server.md b/knowledge-base/grid-datasourcerequest-on-server.md
new file mode 100644
index 0000000000..a661086574
--- /dev/null
+++ b/knowledge-base/grid-datasourcerequest-on-server.md
@@ -0,0 +1,24 @@
+---
+title: Use Telerik DataSourceRequest and DataSourceResult on the server
+description: How to use Telerik DataSourceRequest and DataSourceResult on the server.
+type: how-to
+page_title: Telerik DataSourceRequest and DataSourceResult
+slug: grid-kb-datasourcerequest-on-server
+position: 
+tags: 
+res_type: kb
+---
+
+
+## Description
+
+How to send the Grid state to the server and retrieve data? How to use Telerik `DataSourceRequest` and `DataSourceResult` on the server?
+
+How to call the server and recieve only the desired information for paging, sorting, filtering?
+
+How to optimize the amount of loaded data?
+
+
+## Solution
+
+A couple of examples are available in the following project: [https://github.com/telerik/blazor-ui/tree/master/grid/datasourcerequest-on-server](https://github.com/telerik/blazor-ui/tree/master/grid/datasourcerequest-on-server).
\ No newline at end of file
diff --git a/knowledge-base/grid-export-to-xlsx-hierarchy.md b/knowledge-base/grid-export-to-xlsx-hierarchy.md
new file mode 100644
index 0000000000..00da2d6e28
--- /dev/null
+++ b/knowledge-base/grid-export-to-xlsx-hierarchy.md
@@ -0,0 +1,19 @@
+---
+title: Grid Export To Excel (Hierarchy)
+description: How to export hierarchical data to Excel.
+type: how-to
+page_title: Grid Export To Excel (Hierarchy)
+slug: grid-kb-export-to-xlsx-hierarchy
+position: 
+tags: 
+res_type: kb
+---
+
+
+## Description
+
+How to export hierarchical data to Excel?
+
+## Solution
+
+An example is available in the following project: [https://github.com/telerik/blazor-ui/tree/master/grid/export-to-xlsx-hierarchy](https://github.com/telerik/blazor-ui/tree/master/grid/export-to-xlsx-hierarchy).
\ No newline at end of file
diff --git a/knowledge-base/grid-load-on-demand-hierarchy.md b/knowledge-base/grid-load-on-demand-hierarchy.md
new file mode 100644
index 0000000000..0562a0ef3b
--- /dev/null
+++ b/knowledge-base/grid-load-on-demand-hierarchy.md
@@ -0,0 +1,19 @@
+---
+title: Load data on demand in a Hierarchy Grid
+description: How to load data on demand when you have Hierarchy Grid.
+type: how-to
+page_title: Load data on demand in a Hierarchy Grid
+slug: grid-kb-load-on-demand-hierarchy
+position: 
+tags: 
+res_type: kb
+---
+
+
+## Description
+
+How to load data on demand when you have Hierarchy Grid?
+
+## Solution
+
+An example is available in the following project: [https://github.com/telerik/blazor-ui/tree/master/grid/load-on-demand-hierarchy](https://github.com/telerik/blazor-ui/tree/master/grid/load-on-demand-hierarchy).
\ No newline at end of file
diff --git a/knowledge-base/grid-paste-from-excel.md b/knowledge-base/grid-paste-from-excel.md
new file mode 100644
index 0000000000..8f275923da
--- /dev/null
+++ b/knowledge-base/grid-paste-from-excel.md
@@ -0,0 +1,20 @@
+---
+title: Import (Paste) from Excel
+description: How to Import (Paste) content in the Grid from Excel.
+type: how-to
+page_title: Import (Paste) from Excel
+slug: grid-kb-paste-from-excel
+position: 
+tags: 
+res_type: kb
+---
+
+
+## Description
+
+How to import (paste) content in the Grid from Excel instead of using the built-in way for creating new items?
+
+
+## Solution
+
+An example is available in the following project: [https://github.com/telerik/blazor-ui/tree/master/grid/paste-from-excel](https://github.com/telerik/blazor-ui/tree/master/grid/paste-from-excel).
\ No newline at end of file
diff --git a/knowledge-base/grid-remote-validation.md b/knowledge-base/grid-remote-validation.md
new file mode 100644
index 0000000000..8469c62ca5
--- /dev/null
+++ b/knowledge-base/grid-remote-validation.md
@@ -0,0 +1,20 @@
+---
+title: Remote Validation in Grid
+description: How to use remote (server, async) validation in Grid.
+type: how-to
+page_title: Remote Validation in Grid
+slug: grid-kb-remote-validation
+position: 
+tags: 
+res_type: kb
+---
+
+
+## Description
+
+How to use remote (server, async) validation upon Insert or Update in Grid? How to prevent updating/inserting of items when they don't match certain conditions that cannot be implemented through the standard `DataAnnotation` validation?
+
+
+## Solution
+
+A couple of examples are available in the following project: [https://github.com/telerik/blazor-ui/tree/master/grid/remote-validation](https://github.com/telerik/blazor-ui/tree/master/grid/remote-validation).
\ No newline at end of file
diff --git a/knowledge-base/listview-validation.md b/knowledge-base/listview-validation.md
new file mode 100644
index 0000000000..2419eef346
--- /dev/null
+++ b/knowledge-base/listview-validation.md
@@ -0,0 +1,22 @@
+---
+title: ListView Validation
+description: How to add validation to the ListView and cancel the operation if it fails.
+type: how-to
+page_title: ListView Validation
+slug: listview-kb-validation
+position: 
+tags: 
+res_type: kb
+---
+
+
+## Description
+
+How to add validation to the ListView Edit and Insert operations?
+
+How to cancel the event when validation fails and keep the ListView in edit/insert mode?
+
+
+## Solution
+
+An example is available in the following project: [https://github.com/telerik/blazor-ui/tree/master/listview/ValidationExamples](https://github.com/telerik/blazor-ui/tree/master/listview/ValidationExamples). 
\ No newline at end of file
diff --git a/knowledge-base/multiselect-add-new-item.md b/knowledge-base/multiselect-add-new-item.md
new file mode 100644
index 0000000000..9f532e2606
--- /dev/null
+++ b/knowledge-base/multiselect-add-new-item.md
@@ -0,0 +1,20 @@
+---
+title: Add New Item to MultiSelect
+description: How to add new item to MultiSelect.
+type: how-to
+page_title: Add New Item to MultiSelect
+slug: multiselect-kb-add-new-item
+position: 
+tags: 
+res_type: kb
+---
+
+
+## Description
+
+How to allow the user to add new items to the Multiselect?
+
+
+## Solution
+
+An example is available in the following project: [https://github.com/telerik/blazor-ui/tree/master/multiselect/add-new-item](https://github.com/telerik/blazor-ui/tree/master/multiselect/add-new-item).
\ No newline at end of file
diff --git a/knowledge-base/scheduler-appointment-context-menu.md b/knowledge-base/scheduler-appointment-context-menu.md
new file mode 100644
index 0000000000..c966077401
--- /dev/null
+++ b/knowledge-base/scheduler-appointment-context-menu.md
@@ -0,0 +1,20 @@
+---
+title: Appointment Context Menu
+description: How to add context menu to the appointments.
+type: how-to
+page_title: Appointment Context Menu
+slug: scheduler-kb-appointment-context-menu
+position: 
+tags: 
+res_type: kb
+---
+
+
+## Description
+
+How to add [Context menu](https://docs.telerik.com/blazor-ui/components/contextmenu/overview) to the appointments to provide shortcuts to custom features?
+
+
+## Solution
+
+An example is available in the following project: [https://github.com/telerik/blazor-ui/tree/master/scheduler/appointment-context-menu](https://github.com/telerik/blazor-ui/tree/master/scheduler/appointment-context-menu).
\ No newline at end of file
diff --git a/knowledge-base/scheduler-custom-appointment-tooltips.md b/knowledge-base/scheduler-custom-appointment-tooltips.md
new file mode 100644
index 0000000000..274193b0fa
--- /dev/null
+++ b/knowledge-base/scheduler-custom-appointment-tooltips.md
@@ -0,0 +1,20 @@
+---
+title: Custom Appointment Tooltips
+description: How to customize the Appointment Tooltips.
+type: how-to
+page_title: Custom Appointment Tooltips
+slug: scheduler-kb-custom-appointment-tooltips
+position: 
+tags: 
+res_type: kb
+---
+
+
+## Description
+
+How to customize the Appointment Tooltips? How to add more content in the Appointment Tooltips?
+
+
+## Solution
+
+An example is available in the following project: [https://github.com/telerik/blazor-ui/tree/master/scheduler/appointment-tooltips](https://github.com/telerik/blazor-ui/tree/master/scheduler/appointment-tooltips).
\ No newline at end of file
diff --git a/knowledge-base/tabstrip-dynamic-tabs.md b/knowledge-base/tabstrip-dynamic-tabs.md
new file mode 100644
index 0000000000..ccfae1ab5c
--- /dev/null
+++ b/knowledge-base/tabstrip-dynamic-tabs.md
@@ -0,0 +1,20 @@
+---
+title: Dynamic Tabs
+description: How to create Dynamic Tabs in TabStip.
+type: how-to
+page_title: Dynamic Tabs
+slug: tabstrip-kb-dynamic-tabs
+position: 
+tags: 
+res_type: kb
+---
+
+
+## Description
+
+How to create Dynamic Tabs in TabStip? How to add and remove tabs dynamically? How to get information about the currently active tab? How to set the content of the tabs dynamically?
+
+
+## Solution
+
+An example is available in the following project: [https://github.com/telerik/blazor-ui/tree/master/tabstrip/DynamicTabs](https://github.com/telerik/blazor-ui/tree/master/tabstrip/DynamicTabs).
\ No newline at end of file
diff --git a/knowledge-base/tooltip-in-grid.md b/knowledge-base/tooltip-in-grid.md
new file mode 100644
index 0000000000..16fc3c5bdb
--- /dev/null
+++ b/knowledge-base/tooltip-in-grid.md
@@ -0,0 +1,19 @@
+---
+title: Tooltip in Grid
+description: How to add Tooltips in Grid columns.
+page_title: Tooltip in Grid
+slug: tooltip-kb-in-grid
+position: 
+tags: 
+res_type: kb
+---
+
+
+## Description
+
+How to add Tooltips for elements in a Grid column? How to load Tooltip content on demand?
+
+
+## Solution
+
+An example is available in the following project: [https://github.com/telerik/blazor-ui/tree/master/tooltip/in-grid](https://github.com/telerik/blazor-ui/tree/master/tooltip/in-grid).
\ No newline at end of file
diff --git a/knowledge-base/upload-form-validation.md b/knowledge-base/upload-form-validation.md
new file mode 100644
index 0000000000..509c03f3e3
--- /dev/null
+++ b/knowledge-base/upload-form-validation.md
@@ -0,0 +1,21 @@
+---
+title: Uploaded Files and Form Validation
+description: How to use the uploaded files in the form validation.
+type: how-to
+page_title: Uploaded Files and Form Validation
+slug: upload-kb-form-validation
+position: 
+tags: 
+res_type: kb
+---
+
+
+## Description
+
+How to use the uploaded files as part of form model?
+How to include the uploaded files in the form validation?
+
+
+## Solution
+
+An example is available in the following project: [https://github.com/telerik/blazor-ui/tree/master/upload/form-validation](https://github.com/telerik/blazor-ui/tree/master/upload/form-validation).
\ No newline at end of file