diff --git a/components/autocomplete/overview.md b/components/autocomplete/overview.md
index 2085d0daf..acbe6b685 100644
--- a/components/autocomplete/overview.md
+++ b/components/autocomplete/overview.md
@@ -71,6 +71,8 @@ The Blazor AutoComplete @[template](/_contentTemplates/dropdowns/features.md#gro
 
 ## Adaptive Rendering
 
+<demo metaUrl="client/autocomplete/adaptive/" height="420"></demo>
+
 @[template](/_contentTemplates/dropdowns/adaptive-rendering.md#intro)
 
 ## AutoComplete Parameters
diff --git a/components/colorpicker/overview.md b/components/colorpicker/overview.md
index db582d981..d880f3f37 100644
--- a/components/colorpicker/overview.md
+++ b/components/colorpicker/overview.md
@@ -66,6 +66,12 @@ The Blazor ColorPicker accepts values by the application code in the following f
 
 The ColorPicker does not support color keywords.
 
+## Adaptive Rendering
+
+<demo metaUrl="client/colorpicker/adaptive/" height="555"></demo>
+
+@[template](/_contentTemplates/dropdowns/adaptive-rendering.md#intro)
+
 ## ColorPicker Parameters
 
 The Blazor ColorPicker provides various parameters to configure the component. For more configuration options, see the [public Telerik UI for Blazor ColorPicker API](slug:Telerik.Blazor.Components.TelerikColorPicker).
diff --git a/components/combobox/overview.md b/components/combobox/overview.md
index 3ae62d646..4dfa3234a 100644
--- a/components/combobox/overview.md
+++ b/components/combobox/overview.md
@@ -73,6 +73,8 @@ The Blazor ComboBox @[template](/_contentTemplates/dropdowns/features.md#groupin
 
 ## Adaptive Rendering
 
+<demo metaUrl="client/combobox/adaptive/" height="420"></demo>
+
 @[template](/_contentTemplates/dropdowns/adaptive-rendering.md#intro)
 
 ## Parameters
diff --git a/components/datepicker/overview.md b/components/datepicker/overview.md
index a69219948..103b32c7c 100644
--- a/components/datepicker/overview.md
+++ b/components/datepicker/overview.md
@@ -64,6 +64,8 @@ The Blazor DatePicker allows you to customize the rendering of the Calendar popu
 
 ## Adaptive Rendering
 
+<demo metaUrl="client/datepicker/adaptive/" height="420"></demo>
+
 @[template](/_contentTemplates/dropdowns/adaptive-rendering.md#intro)
 
 ## Date Picker Parameters
diff --git a/components/daterangepicker/overview.md b/components/daterangepicker/overview.md
index 330be56d0..b72e8342c 100644
--- a/components/daterangepicker/overview.md
+++ b/components/daterangepicker/overview.md
@@ -64,6 +64,8 @@ The DateRangePicker allows you to customize the rendering of the Calendar popup
 
 ## Adaptive Rendering
 
+<demo metaUrl="client/daterangepicker/adaptive/" height="420"></demo>
+
 @[template](/_contentTemplates/dropdowns/adaptive-rendering.md#intro)
 
 ## DateRangePicker Parameters
diff --git a/components/datetimepicker/overview.md b/components/datetimepicker/overview.md
index ca9827f86..c74d63cea 100644
--- a/components/datetimepicker/overview.md
+++ b/components/datetimepicker/overview.md
@@ -62,6 +62,8 @@ The time format specifiers in the `Format` control the tumblers available in the
 
 ## Adaptive Rendering
 
+<demo metaUrl="client/datetimepicker/adaptive/" height="420"></demo>
+
 @[template](/_contentTemplates/dropdowns/adaptive-rendering.md#intro)
 
 ## Blazor DateTime Picker Parameters
diff --git a/components/multicolumncombobox/overview.md b/components/multicolumncombobox/overview.md
index 36ca932b0..313e883c9 100644
--- a/components/multicolumncombobox/overview.md
+++ b/components/multicolumncombobox/overview.md
@@ -99,6 +99,8 @@ The MultiColumnComboBox @[template](/_contentTemplates/dropdowns/features.md#gro
 
 ## Adaptive Rendering
 
+<demo metaUrl="client/multicolumncombobox/adaptive/" height="420"></demo>
+
 @[template](/_contentTemplates/dropdowns/adaptive-rendering.md#intro)
 
 ## MultiColumnComboBox Parameters
diff --git a/components/multiselect/overview.md b/components/multiselect/overview.md
index 9b68ab752..f95842f7f 100644
--- a/components/multiselect/overview.md
+++ b/components/multiselect/overview.md
@@ -87,6 +87,8 @@ The Blazor MultiSelect @[template](/_contentTemplates/dropdowns/features.md#grou
 
 ## Adaptive Rendering
 
+<demo metaUrl="client/multiselect/adaptive/" height="420"></demo>
+
 @[template](/_contentTemplates/dropdowns/adaptive-rendering.md#intro)
 
 ## Parameters
diff --git a/components/timepicker/overview.md b/components/timepicker/overview.md
index 2beb2991f..9c1914845 100644
--- a/components/timepicker/overview.md
+++ b/components/timepicker/overview.md
@@ -69,6 +69,8 @@ The `Min` and `Max` properties require a `DateTime` object, but will only use th
 
 ## Adaptive Rendering
 
+<demo metaUrl="client/timepicker/adaptive/" height="420"></demo>
+
 @[template](/_contentTemplates/dropdowns/adaptive-rendering.md#intro)
 
 ## Time Picker Parameters