diff --git a/blazor/accordion/animations.md b/blazor/accordion/animations.md index 4ece2a4f96..bc51d4a5e4 100644 --- a/blazor/accordion/animations.md +++ b/blazor/accordion/animations.md @@ -91,4 +91,4 @@ The following example demonstrates various animation types that can be applied t } ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/LDhqWBsqAJzMiZJi?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Customize Accordion expand or collapse animation behavior](./images/blazor-accordion-animation.gif)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/LDhqWBsqAJzMiZJi?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Customize Accordion expand or collapse animation behavior](./images/blazor-accordion-animation.webp)" %} diff --git a/blazor/accordion/data-binding.md b/blazor/accordion/data-binding.md index dafed21659..a41004cd2c 100644 --- a/blazor/accordion/data-binding.md +++ b/blazor/accordion/data-binding.md @@ -74,4 +74,4 @@ The following example demonstrates how to initialize accordion items using `temp ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/VtVUMrigKgalNSWq?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Accordion Data Binding](./images/blazor-accordion-data-binding.png)" %} \ No newline at end of file +{% previewsample "https://blazorplayground.syncfusion.com/embed/VtVUMrigKgalNSWq?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Accordion Data Binding](./images/blazor-accordion-data-binding.webp)" %} \ No newline at end of file diff --git a/blazor/accordion/expand-mode.md b/blazor/accordion/expand-mode.md index a59bb95059..e5313b442e 100644 --- a/blazor/accordion/expand-mode.md +++ b/blazor/accordion/expand-mode.md @@ -31,7 +31,7 @@ The property enables to expand only one Accordion item at a time. If you expand ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/VtLUWhiqKztxpXDo?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Accordion Component with Single Expand Mode](./images/blazor-accordion-single-expand-mode.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/VtLUWhiqKztxpXDo?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Accordion Component with Single Expand Mode](./images/blazor-accordion-single-expand-mode.webp)" %} ## Multiple @@ -54,7 +54,7 @@ The default [ExpandMode](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor } ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/rXVgsVsqApsKInXs?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Accordion Component with Multiple Expand Mode](./images/blazor-accordion-multiple-expand-mode.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/rXVgsVsqApsKInXs?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Accordion Component with Multiple Expand Mode](./images/blazor-accordion-multiple-expand-mode.webp)" %} ## Expanding the items @@ -121,4 +121,4 @@ By default, accordion items were in collapsed state on initial load. To expand a } ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/rjhUWVCKqpKMrZBu?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Accordion Component with Expanding Items](./images/blazor-accordion-expand-items.png)" %} \ No newline at end of file +{% previewsample "https://blazorplayground.syncfusion.com/embed/rjhUWVCKqpKMrZBu?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Accordion Component with Expanding Items](./images/blazor-accordion-expand-items.webp)" %} \ No newline at end of file diff --git a/blazor/accordion/how-to/add-icon-to-accordion-header.md b/blazor/accordion/how-to/add-icon-to-accordion-header.md index ebe41f66f9..d141b94318 100644 --- a/blazor/accordion/how-to/add-icon-to-accordion-header.md +++ b/blazor/accordion/how-to/add-icon-to-accordion-header.md @@ -195,4 +195,4 @@ You can add custom icons to the Accordion header by using the [IconCss](https:// ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/rDLKihigqyvhnutf?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Accordion Component with Header Icon](../images/blazor-accordion-header-icon.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/rDLKihigqyvhnutf?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Accordion Component with Header Icon](../images/blazor-accordion-header-icon.webp)" %} diff --git a/blazor/accordion/how-to/add-nested-accordion.md b/blazor/accordion/how-to/add-nested-accordion.md index 3e3af3697b..269c4e7125 100644 --- a/blazor/accordion/how-to/add-nested-accordion.md +++ b/blazor/accordion/how-to/add-nested-accordion.md @@ -60,4 +60,4 @@ The Accordion component supports to render the nested level of Accordion by usin ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/VDrUWLWUAyOkHSnV?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Accordion Component with Nested Item](../images/blazor-accordion-with-nested-item.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/VDrUWLWUAyOkHSnV?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Accordion Component with Nested Item](../images/blazor-accordion-with-nested-item.webp)" %} diff --git a/blazor/accordion/how-to/add-remove-accordion-items.md b/blazor/accordion/how-to/add-remove-accordion-items.md index 8c07e7f0f7..dcfafb6e43 100644 --- a/blazor/accordion/how-to/add-remove-accordion-items.md +++ b/blazor/accordion/how-to/add-remove-accordion-items.md @@ -85,4 +85,4 @@ In the following example, the Accordion initially contains three accordion items } ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/BXLUWBMqqTnOpwoL?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Adding or Removing items in Blazor Accordion](../images/blazor-accordion-add-remove-item.gif)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/BXLUWBMqqTnOpwoL?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Adding or Removing items in Blazor Accordion](../images/blazor-accordion-add-remove-item.webp)" %} diff --git a/blazor/accordion/how-to/enable-disable-accordion-item.md b/blazor/accordion/how-to/enable-disable-accordion-item.md index ddc5cb4498..7727d60ece 100644 --- a/blazor/accordion/how-to/enable-disable-accordion-item.md +++ b/blazor/accordion/how-to/enable-disable-accordion-item.md @@ -37,4 +37,4 @@ In the following example, the first accordion item is enabled or disabled dynami } ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/rDLgiLiUUImofYGa?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Enabling or Disabling Item in Blazor Accordion](../images/blazor-accordion-enable-disable-item.gif)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/rDLgiLiUUImofYGa?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Enabling or Disabling Item in Blazor Accordion](../images/blazor-accordion-enable-disable-item.webp)" %} diff --git a/blazor/accordion/how-to/integrate-treeview-inside-the-accordion.md b/blazor/accordion/how-to/integrate-treeview-inside-the-accordion.md index 26dc117b64..6920579615 100644 --- a/blazor/accordion/how-to/integrate-treeview-inside-the-accordion.md +++ b/blazor/accordion/how-to/integrate-treeview-inside-the-accordion.md @@ -181,4 +181,4 @@ The following example shows how to render a TreeView within the Accordion. } ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/LthqWrMKgwYXnecX?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Treeview Integration in Blazor Accordion](../images/blazor-accordion-treeview-integration.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/LthqWrMKgwYXnecX?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Treeview Integration in Blazor Accordion](../images/blazor-accordion-treeview-integration.webp)" %} diff --git a/blazor/accordion/how-to/prevent-expand-collapse-accordion-item.md b/blazor/accordion/how-to/prevent-expand-collapse-accordion-item.md index 58cfd01755..e15e5f5a72 100644 --- a/blazor/accordion/how-to/prevent-expand-collapse-accordion-item.md +++ b/blazor/accordion/how-to/prevent-expand-collapse-accordion-item.md @@ -117,4 +117,4 @@ The following code example demonstrates how to prevent expand and collapse actio } ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/VthAChWqgyaWwIZu?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Expanding or Collapsing Item in Blazor Accordion](../images/blazor-accordion-prevent-expand-collapse.gif)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/VthAChWqgyaWwIZu?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Expanding or Collapsing Item in Blazor Accordion](../images/blazor-accordion-prevent-expand-collapse.webp)" %} diff --git a/blazor/accordion/how-to/show-hide-accordion-item.md b/blazor/accordion/how-to/show-hide-accordion-item.md index 8f41419f60..1ca5f32372 100644 --- a/blazor/accordion/how-to/show-hide-accordion-item.md +++ b/blazor/accordion/how-to/show-hide-accordion-item.md @@ -138,4 +138,4 @@ In the following example, the specified accordion item will toggle between showi } ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/VXBqMBMAATlJlwpr?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Hiding or showing items in Blazor Accordion](../images/blazor-accordion-show-hide-item.gif)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/VXBqMBMAATlJlwpr?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Hiding or showing items in Blazor Accordion](../images/blazor-accordion-show-hide-item.webp)" %} diff --git a/blazor/accordion/images/Blazor-server-app-creation.png b/blazor/accordion/images/Blazor-server-app-creation.png deleted file mode 100644 index 02e4a025bf..0000000000 Binary files a/blazor/accordion/images/Blazor-server-app-creation.png and /dev/null differ diff --git a/blazor/accordion/images/Blazor-server-app-creation.webp b/blazor/accordion/images/Blazor-server-app-creation.webp new file mode 100644 index 0000000000..0d820ce3eb Binary files /dev/null and b/blazor/accordion/images/Blazor-server-app-creation.webp differ diff --git a/blazor/accordion/images/acrdnDatasource.png b/blazor/accordion/images/acrdnDatasource.png deleted file mode 100644 index 5abb97d2bf..0000000000 Binary files a/blazor/accordion/images/acrdnDatasource.png and /dev/null differ diff --git a/blazor/accordion/images/acrdnDatasource.webp b/blazor/accordion/images/acrdnDatasource.webp new file mode 100644 index 0000000000..02a323c878 Binary files /dev/null and b/blazor/accordion/images/acrdnDatasource.webp differ diff --git a/blazor/accordion/images/blazor-accordion-add-remove-item.gif b/blazor/accordion/images/blazor-accordion-add-remove-item.gif deleted file mode 100644 index e734b5f94f..0000000000 Binary files a/blazor/accordion/images/blazor-accordion-add-remove-item.gif and /dev/null differ diff --git a/blazor/accordion/images/blazor-accordion-add-remove-item.webp b/blazor/accordion/images/blazor-accordion-add-remove-item.webp new file mode 100644 index 0000000000..514ac31ea9 Binary files /dev/null and b/blazor/accordion/images/blazor-accordion-add-remove-item.webp differ diff --git a/blazor/accordion/images/blazor-accordion-animation.gif b/blazor/accordion/images/blazor-accordion-animation.gif deleted file mode 100644 index b799fec6ec..0000000000 Binary files a/blazor/accordion/images/blazor-accordion-animation.gif and /dev/null differ diff --git a/blazor/accordion/images/blazor-accordion-animation.webp b/blazor/accordion/images/blazor-accordion-animation.webp new file mode 100644 index 0000000000..50786ce94c Binary files /dev/null and b/blazor/accordion/images/blazor-accordion-animation.webp differ diff --git a/blazor/accordion/images/blazor-accordion-border-style.png b/blazor/accordion/images/blazor-accordion-border-style.png deleted file mode 100644 index b50b3ec07a..0000000000 Binary files a/blazor/accordion/images/blazor-accordion-border-style.png and /dev/null differ diff --git a/blazor/accordion/images/blazor-accordion-border-style.webp b/blazor/accordion/images/blazor-accordion-border-style.webp new file mode 100644 index 0000000000..01d6b30738 Binary files /dev/null and b/blazor/accordion/images/blazor-accordion-border-style.webp differ diff --git a/blazor/accordion/images/blazor-accordion-component.png b/blazor/accordion/images/blazor-accordion-component.png deleted file mode 100644 index 92938da44c..0000000000 Binary files a/blazor/accordion/images/blazor-accordion-component.png and /dev/null differ diff --git a/blazor/accordion/images/blazor-accordion-component.webp b/blazor/accordion/images/blazor-accordion-component.webp new file mode 100644 index 0000000000..02418e9528 Binary files /dev/null and b/blazor/accordion/images/blazor-accordion-component.webp differ diff --git a/blazor/accordion/images/blazor-accordion-data-binding.png b/blazor/accordion/images/blazor-accordion-data-binding.png deleted file mode 100644 index a80eeb096c..0000000000 Binary files a/blazor/accordion/images/blazor-accordion-data-binding.png and /dev/null differ diff --git a/blazor/accordion/images/blazor-accordion-data-binding.webp b/blazor/accordion/images/blazor-accordion-data-binding.webp new file mode 100644 index 0000000000..668ec74a9d Binary files /dev/null and b/blazor/accordion/images/blazor-accordion-data-binding.webp differ diff --git a/blazor/accordion/images/blazor-accordion-enable-disable-item.gif b/blazor/accordion/images/blazor-accordion-enable-disable-item.gif deleted file mode 100644 index 7bb11c2406..0000000000 Binary files a/blazor/accordion/images/blazor-accordion-enable-disable-item.gif and /dev/null differ diff --git a/blazor/accordion/images/blazor-accordion-enable-disable-item.webp b/blazor/accordion/images/blazor-accordion-enable-disable-item.webp new file mode 100644 index 0000000000..af0e175e8b Binary files /dev/null and b/blazor/accordion/images/blazor-accordion-enable-disable-item.webp differ diff --git a/blazor/accordion/images/blazor-accordion-expand-collapse-icon-style.png b/blazor/accordion/images/blazor-accordion-expand-collapse-icon-style.png deleted file mode 100644 index 79229aae19..0000000000 Binary files a/blazor/accordion/images/blazor-accordion-expand-collapse-icon-style.png and /dev/null differ diff --git a/blazor/accordion/images/blazor-accordion-expand-collapse-icon-style.webp b/blazor/accordion/images/blazor-accordion-expand-collapse-icon-style.webp new file mode 100644 index 0000000000..f701a45313 Binary files /dev/null and b/blazor/accordion/images/blazor-accordion-expand-collapse-icon-style.webp differ diff --git a/blazor/accordion/images/blazor-accordion-expand-items.png b/blazor/accordion/images/blazor-accordion-expand-items.png deleted file mode 100644 index 3c5ffac10a..0000000000 Binary files a/blazor/accordion/images/blazor-accordion-expand-items.png and /dev/null differ diff --git a/blazor/accordion/images/blazor-accordion-expand-items.webp b/blazor/accordion/images/blazor-accordion-expand-items.webp new file mode 100644 index 0000000000..b8972199eb Binary files /dev/null and b/blazor/accordion/images/blazor-accordion-expand-items.webp differ diff --git a/blazor/accordion/images/blazor-accordion-header-content-style.png b/blazor/accordion/images/blazor-accordion-header-content-style.png deleted file mode 100644 index 9c0c36d5f1..0000000000 Binary files a/blazor/accordion/images/blazor-accordion-header-content-style.png and /dev/null differ diff --git a/blazor/accordion/images/blazor-accordion-header-content-style.webp b/blazor/accordion/images/blazor-accordion-header-content-style.webp new file mode 100644 index 0000000000..a2622e867d Binary files /dev/null and b/blazor/accordion/images/blazor-accordion-header-content-style.webp differ diff --git a/blazor/accordion/images/blazor-accordion-header-icon.PNG b/blazor/accordion/images/blazor-accordion-header-icon.PNG deleted file mode 100644 index b604bd76ba..0000000000 Binary files a/blazor/accordion/images/blazor-accordion-header-icon.PNG and /dev/null differ diff --git a/blazor/accordion/images/blazor-accordion-header-icon.webp b/blazor/accordion/images/blazor-accordion-header-icon.webp new file mode 100644 index 0000000000..d5879140c5 Binary files /dev/null and b/blazor/accordion/images/blazor-accordion-header-icon.webp differ diff --git a/blazor/accordion/images/blazor-accordion-header-template.png b/blazor/accordion/images/blazor-accordion-header-template.png deleted file mode 100644 index 8b10c96932..0000000000 Binary files a/blazor/accordion/images/blazor-accordion-header-template.png and /dev/null differ diff --git a/blazor/accordion/images/blazor-accordion-header-template.webp b/blazor/accordion/images/blazor-accordion-header-template.webp new file mode 100644 index 0000000000..d6399843a3 Binary files /dev/null and b/blazor/accordion/images/blazor-accordion-header-template.webp differ diff --git a/blazor/accordion/images/blazor-accordion-item-cssclass-style.png b/blazor/accordion/images/blazor-accordion-item-cssclass-style.png deleted file mode 100644 index 5c5ac9cd00..0000000000 Binary files a/blazor/accordion/images/blazor-accordion-item-cssclass-style.png and /dev/null differ diff --git a/blazor/accordion/images/blazor-accordion-item-cssclass-style.webp b/blazor/accordion/images/blazor-accordion-item-cssclass-style.webp new file mode 100644 index 0000000000..dc1c8b2f80 Binary files /dev/null and b/blazor/accordion/images/blazor-accordion-item-cssclass-style.webp differ diff --git a/blazor/accordion/images/blazor-accordion-item-styles.png b/blazor/accordion/images/blazor-accordion-item-styles.png deleted file mode 100644 index 1f8700e06d..0000000000 Binary files a/blazor/accordion/images/blazor-accordion-item-styles.png and /dev/null differ diff --git a/blazor/accordion/images/blazor-accordion-item-styles.webp b/blazor/accordion/images/blazor-accordion-item-styles.webp new file mode 100644 index 0000000000..1442e75034 Binary files /dev/null and b/blazor/accordion/images/blazor-accordion-item-styles.webp differ diff --git a/blazor/accordion/images/blazor-accordion-multiple-expand-mode.png b/blazor/accordion/images/blazor-accordion-multiple-expand-mode.png deleted file mode 100644 index a230b3c8ac..0000000000 Binary files a/blazor/accordion/images/blazor-accordion-multiple-expand-mode.png and /dev/null differ diff --git a/blazor/accordion/images/blazor-accordion-multiple-expand-mode.webp b/blazor/accordion/images/blazor-accordion-multiple-expand-mode.webp new file mode 100644 index 0000000000..9c4b3dd66f Binary files /dev/null and b/blazor/accordion/images/blazor-accordion-multiple-expand-mode.webp differ diff --git a/blazor/accordion/images/blazor-accordion-prevent-expand-collapse.gif b/blazor/accordion/images/blazor-accordion-prevent-expand-collapse.gif deleted file mode 100644 index c33f74dd81..0000000000 Binary files a/blazor/accordion/images/blazor-accordion-prevent-expand-collapse.gif and /dev/null differ diff --git a/blazor/accordion/images/blazor-accordion-prevent-expand-collapse.webp b/blazor/accordion/images/blazor-accordion-prevent-expand-collapse.webp new file mode 100644 index 0000000000..96e88d3278 Binary files /dev/null and b/blazor/accordion/images/blazor-accordion-prevent-expand-collapse.webp differ diff --git a/blazor/accordion/images/blazor-accordion-selected-item-style.png b/blazor/accordion/images/blazor-accordion-selected-item-style.png deleted file mode 100644 index d3dfb4cfec..0000000000 Binary files a/blazor/accordion/images/blazor-accordion-selected-item-style.png and /dev/null differ diff --git a/blazor/accordion/images/blazor-accordion-selected-item-style.webp b/blazor/accordion/images/blazor-accordion-selected-item-style.webp new file mode 100644 index 0000000000..5944852513 Binary files /dev/null and b/blazor/accordion/images/blazor-accordion-selected-item-style.webp differ diff --git a/blazor/accordion/images/blazor-accordion-selected-item-text-style.png b/blazor/accordion/images/blazor-accordion-selected-item-text-style.png deleted file mode 100644 index 12d44be192..0000000000 Binary files a/blazor/accordion/images/blazor-accordion-selected-item-text-style.png and /dev/null differ diff --git a/blazor/accordion/images/blazor-accordion-selected-item-text-style.webp b/blazor/accordion/images/blazor-accordion-selected-item-text-style.webp new file mode 100644 index 0000000000..8a4aafcb96 Binary files /dev/null and b/blazor/accordion/images/blazor-accordion-selected-item-text-style.webp differ diff --git a/blazor/accordion/images/blazor-accordion-show-hide-item.gif b/blazor/accordion/images/blazor-accordion-show-hide-item.gif deleted file mode 100644 index 8ba1180d70..0000000000 Binary files a/blazor/accordion/images/blazor-accordion-show-hide-item.gif and /dev/null differ diff --git a/blazor/accordion/images/blazor-accordion-show-hide-item.webp b/blazor/accordion/images/blazor-accordion-show-hide-item.webp new file mode 100644 index 0000000000..cbab8040b7 Binary files /dev/null and b/blazor/accordion/images/blazor-accordion-show-hide-item.webp differ diff --git a/blazor/accordion/images/blazor-accordion-single-expand-mode.png b/blazor/accordion/images/blazor-accordion-single-expand-mode.png deleted file mode 100644 index d0226fb4cf..0000000000 Binary files a/blazor/accordion/images/blazor-accordion-single-expand-mode.png and /dev/null differ diff --git a/blazor/accordion/images/blazor-accordion-single-expand-mode.webp b/blazor/accordion/images/blazor-accordion-single-expand-mode.webp new file mode 100644 index 0000000000..7ed3f7d966 Binary files /dev/null and b/blazor/accordion/images/blazor-accordion-single-expand-mode.webp differ diff --git a/blazor/accordion/images/blazor-accordion-treeview-integration.png b/blazor/accordion/images/blazor-accordion-treeview-integration.png deleted file mode 100644 index c427cd945e..0000000000 Binary files a/blazor/accordion/images/blazor-accordion-treeview-integration.png and /dev/null differ diff --git a/blazor/accordion/images/blazor-accordion-treeview-integration.webp b/blazor/accordion/images/blazor-accordion-treeview-integration.webp new file mode 100644 index 0000000000..14d4d58794 Binary files /dev/null and b/blazor/accordion/images/blazor-accordion-treeview-integration.webp differ diff --git a/blazor/accordion/images/blazor-accordion-with-nested-item.PNG b/blazor/accordion/images/blazor-accordion-with-nested-item.PNG deleted file mode 100644 index 97f18e74cf..0000000000 Binary files a/blazor/accordion/images/blazor-accordion-with-nested-item.PNG and /dev/null differ diff --git a/blazor/accordion/images/blazor-accordion-with-nested-item.webp b/blazor/accordion/images/blazor-accordion-with-nested-item.webp new file mode 100644 index 0000000000..323478045a Binary files /dev/null and b/blazor/accordion/images/blazor-accordion-with-nested-item.webp differ diff --git a/blazor/accordion/images/blazor-accordion-wizard.png b/blazor/accordion/images/blazor-accordion-wizard.png deleted file mode 100644 index fbcc510976..0000000000 Binary files a/blazor/accordion/images/blazor-accordion-wizard.png and /dev/null differ diff --git a/blazor/accordion/images/blazor-accordion-wizard.webp b/blazor/accordion/images/blazor-accordion-wizard.webp new file mode 100644 index 0000000000..799eabbe9c Binary files /dev/null and b/blazor/accordion/images/blazor-accordion-wizard.webp differ diff --git a/blazor/accordion/images/blazor-app-interactive-mode.png b/blazor/accordion/images/blazor-app-interactive-mode.png deleted file mode 100644 index 9edcc0e351..0000000000 Binary files a/blazor/accordion/images/blazor-app-interactive-mode.png and /dev/null differ diff --git a/blazor/accordion/images/blazor-app-interactive-mode.webp b/blazor/accordion/images/blazor-app-interactive-mode.webp new file mode 100644 index 0000000000..44f2080745 Binary files /dev/null and b/blazor/accordion/images/blazor-app-interactive-mode.webp differ diff --git a/blazor/accordion/images/blazor-create-web-app.png b/blazor/accordion/images/blazor-create-web-app.png deleted file mode 100644 index 7dd6e612d2..0000000000 Binary files a/blazor/accordion/images/blazor-create-web-app.png and /dev/null differ diff --git a/blazor/accordion/images/blazor-create-web-app.webp b/blazor/accordion/images/blazor-create-web-app.webp new file mode 100644 index 0000000000..199356f771 Binary files /dev/null and b/blazor/accordion/images/blazor-create-web-app.webp differ diff --git a/blazor/accordion/images/blazor-wasm-app-template.png b/blazor/accordion/images/blazor-wasm-app-template.png deleted file mode 100644 index 8cf1737d81..0000000000 Binary files a/blazor/accordion/images/blazor-wasm-app-template.png and /dev/null differ diff --git a/blazor/accordion/images/blazor-wasm-app-template.webp b/blazor/accordion/images/blazor-wasm-app-template.webp new file mode 100644 index 0000000000..6824d1db62 Binary files /dev/null and b/blazor/accordion/images/blazor-wasm-app-template.webp differ diff --git a/blazor/accordion/images/contenttemplate.png b/blazor/accordion/images/contenttemplate.png deleted file mode 100644 index 43036f6849..0000000000 Binary files a/blazor/accordion/images/contenttemplate.png and /dev/null differ diff --git a/blazor/accordion/images/contenttemplate.webp b/blazor/accordion/images/contenttemplate.webp new file mode 100644 index 0000000000..d5ada0fa9f Binary files /dev/null and b/blazor/accordion/images/contenttemplate.webp differ diff --git a/blazor/accordion/images/core.png b/blazor/accordion/images/core.png deleted file mode 100644 index 9de6c37e94..0000000000 Binary files a/blazor/accordion/images/core.png and /dev/null differ diff --git a/blazor/accordion/images/core.webp b/blazor/accordion/images/core.webp new file mode 100644 index 0000000000..07d01112ab Binary files /dev/null and b/blazor/accordion/images/core.webp differ diff --git a/blazor/accordion/images/dynamicAccordion.png b/blazor/accordion/images/dynamicAccordion.png deleted file mode 100644 index ac0e1dcb2c..0000000000 Binary files a/blazor/accordion/images/dynamicAccordion.png and /dev/null differ diff --git a/blazor/accordion/images/dynamicAccordion.webp b/blazor/accordion/images/dynamicAccordion.webp new file mode 100644 index 0000000000..521fc62231 Binary files /dev/null and b/blazor/accordion/images/dynamicAccordion.webp differ diff --git a/blazor/accordion/images/enableDisableItem.png b/blazor/accordion/images/enableDisableItem.png deleted file mode 100644 index d07d3f3bad..0000000000 Binary files a/blazor/accordion/images/enableDisableItem.png and /dev/null differ diff --git a/blazor/accordion/images/enableDisableItem.webp b/blazor/accordion/images/enableDisableItem.webp new file mode 100644 index 0000000000..3494d5f980 Binary files /dev/null and b/blazor/accordion/images/enableDisableItem.webp differ diff --git a/blazor/accordion/images/mvc.png b/blazor/accordion/images/mvc.png deleted file mode 100644 index e54e1061bf..0000000000 Binary files a/blazor/accordion/images/mvc.png and /dev/null differ diff --git a/blazor/accordion/images/mvc.webp b/blazor/accordion/images/mvc.webp new file mode 100644 index 0000000000..08031a696f Binary files /dev/null and b/blazor/accordion/images/mvc.webp differ diff --git a/blazor/accordion/style.md b/blazor/accordion/style.md index 934759f0ea..85aeb53ac0 100644 --- a/blazor/accordion/style.md +++ b/blazor/accordion/style.md @@ -23,7 +23,7 @@ Use the following CSS to customize the [Accordion](https://help.syncfusion.com/c ``` -![Accordion border](./images/blazor-accordion-border-style.png) +![Accordion border](./images/blazor-accordion-border-style.webp) ## Customizing the accordion items @@ -38,7 +38,7 @@ Use the following CSS to customize the items of Accordion. ``` -![Accordion item style customization](./images/blazor-accordion-item-styles.png) +![Accordion item style customization](./images/blazor-accordion-item-styles.webp) ## Customizing accordion item header content @@ -53,7 +53,7 @@ Use the following CSS to customize the header content of Accordion control. ``` -![Accordion item header content style customization](./images/blazor-accordion-header-content-style.png) +![Accordion item header content style customization](./images/blazor-accordion-header-content-style.webp) ## Customizing accordion expand and collapse icons @@ -67,7 +67,7 @@ The following CSS can be viewed to customize the expand and collapse icons of th ``` -![Accordion toggle icon style customization](./images/blazor-accordion-expand-collapse-icon-style.png) +![Accordion toggle icon style customization](./images/blazor-accordion-expand-collapse-icon-style.webp) ## Customizing the hover state of accordion @@ -96,7 +96,7 @@ Use the following CSS to customize the selected accordion item and focus state. ``` -![Accordion selected item header customization](./images/blazor-accordion-selected-item-style.png) +![Accordion selected item header customization](./images/blazor-accordion-selected-item-style.webp) Use the following CSS to customize the selected accordion item text. @@ -110,7 +110,7 @@ Use the following CSS to customize the selected accordion item text. ``` -![Accordion selected item header text customization](./images/blazor-accordion-selected-item-text-style.png) +![Accordion selected item header text customization](./images/blazor-accordion-selected-item-text-style.webp) ## Customize each accordion item header @@ -144,4 +144,4 @@ You can customize each accordion item header by setting [AccordionItem.CssClass] ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/rZBqWBsAATytYBFq?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Accordion Item Header Appearance Customization](./images/blazor-accordion-item-cssclass-style.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/rZBqWBsAATytYBFq?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Accordion Item Header Appearance Customization](./images/blazor-accordion-item-cssclass-style.webp)" %} diff --git a/blazor/appbar/design.md b/blazor/appbar/design.md index 18a3f1f828..3b0be59b9b 100644 --- a/blazor/appbar/design.md +++ b/blazor/appbar/design.md @@ -30,7 +30,7 @@ The following example depicts the code to provide spacing between the home and p ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/htLKWVizhrJGeHZk?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor AppBar with Spacer.](./images/blazor-appbar-spacer.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/htLKWVizhrJGeHZk?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor AppBar with Spacer.](./images/blazor-appbar-spacer.webp)" %} ## Separator @@ -65,7 +65,7 @@ The following example depicts the code to provide a vertical line between a grou } ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/BZrUWhizrrSDjGWv?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor AppBar with Separator.](./images/blazor-appbar-separator.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/BZrUWhizrrSDjGWv?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor AppBar with Separator.](./images/blazor-appbar-separator.webp)" %} ## Media Query @@ -111,7 +111,7 @@ Media Query is used to adjusting the AppBar for different screen sizes. Resize t ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/hDVUWBsJrBofaJVB?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor AppBar with Media Query.](./images/blazor-appbar-media-quary.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/hDVUWBsJrBofaJVB?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor AppBar with Media Query.](./images/blazor-appbar-media-quary.webp)" %} ## Designing AppBar with Menu **SfMenu** component can be rendered as a child content of AppBar. You can inherit the AppBar component styles by setting CSS class as `e-inherit` to SfMenu component. @@ -169,7 +169,7 @@ Media Query is used to adjusting the AppBar for different screen sizes. Resize t ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/BXrgCrsfhVRDMsdT?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor AppBar with Menu.](./images/blazor-appbar-menu.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/BXrgCrsfhVRDMsdT?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor AppBar with Menu.](./images/blazor-appbar-menu.webp)" %} ## Designing AppBar with Buttons @@ -204,7 +204,7 @@ Media Query is used to adjusting the AppBar for different screen sizes. Resize t ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/VDVgMBMTLrdehyCb?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor AppBar with Buttons.](./images/blazor-appbar-buttons.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/VDVgMBMTLrdehyCb?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor AppBar with Buttons.](./images/blazor-appbar-buttons.webp)" %} ## Designing AppBar with SideBar @@ -364,4 +364,4 @@ AppBar toggle button used to control the expand and collapse state of **SfSideba } ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/hDVKirMTrrRbKrNE?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor AppBar with SideBar.](./images/blazor-appbar-sidebar.png)" %} \ No newline at end of file +{% previewsample "https://blazorplayground.syncfusion.com/embed/hDVKirMTrrRbKrNE?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor AppBar with SideBar.](./images/blazor-appbar-sidebar.webp)" %} \ No newline at end of file diff --git a/blazor/appbar/images/Blazor-server-app-creation.png b/blazor/appbar/images/Blazor-server-app-creation.png deleted file mode 100644 index 02e4a025bf..0000000000 Binary files a/blazor/appbar/images/Blazor-server-app-creation.png and /dev/null differ diff --git a/blazor/appbar/images/Blazor-server-app-creation.webp b/blazor/appbar/images/Blazor-server-app-creation.webp new file mode 100644 index 0000000000..0d820ce3eb Binary files /dev/null and b/blazor/appbar/images/Blazor-server-app-creation.webp differ diff --git a/blazor/appbar/images/blazor-app-interactive-mode.png b/blazor/appbar/images/blazor-app-interactive-mode.png deleted file mode 100644 index 9edcc0e351..0000000000 Binary files a/blazor/appbar/images/blazor-app-interactive-mode.png and /dev/null differ diff --git a/blazor/appbar/images/blazor-app-interactive-mode.webp b/blazor/appbar/images/blazor-app-interactive-mode.webp new file mode 100644 index 0000000000..44f2080745 Binary files /dev/null and b/blazor/appbar/images/blazor-app-interactive-mode.webp differ diff --git a/blazor/appbar/images/blazor-appbar-buttons.png b/blazor/appbar/images/blazor-appbar-buttons.png deleted file mode 100644 index e48ea873fa..0000000000 Binary files a/blazor/appbar/images/blazor-appbar-buttons.png and /dev/null differ diff --git a/blazor/appbar/images/blazor-appbar-buttons.webp b/blazor/appbar/images/blazor-appbar-buttons.webp new file mode 100644 index 0000000000..c71f854779 Binary files /dev/null and b/blazor/appbar/images/blazor-appbar-buttons.webp differ diff --git a/blazor/appbar/images/blazor-appbar-media-quary.png b/blazor/appbar/images/blazor-appbar-media-quary.png deleted file mode 100644 index 6426293bad..0000000000 Binary files a/blazor/appbar/images/blazor-appbar-media-quary.png and /dev/null differ diff --git a/blazor/appbar/images/blazor-appbar-media-quary.webp b/blazor/appbar/images/blazor-appbar-media-quary.webp new file mode 100644 index 0000000000..9a0481e289 Binary files /dev/null and b/blazor/appbar/images/blazor-appbar-media-quary.webp differ diff --git a/blazor/appbar/images/blazor-appbar-menu.png b/blazor/appbar/images/blazor-appbar-menu.png deleted file mode 100644 index fd036d6732..0000000000 Binary files a/blazor/appbar/images/blazor-appbar-menu.png and /dev/null differ diff --git a/blazor/appbar/images/blazor-appbar-menu.webp b/blazor/appbar/images/blazor-appbar-menu.webp new file mode 100644 index 0000000000..6dbb2670df Binary files /dev/null and b/blazor/appbar/images/blazor-appbar-menu.webp differ diff --git a/blazor/appbar/images/blazor-appbar-separator.png b/blazor/appbar/images/blazor-appbar-separator.png deleted file mode 100644 index a591ccdcce..0000000000 Binary files a/blazor/appbar/images/blazor-appbar-separator.png and /dev/null differ diff --git a/blazor/appbar/images/blazor-appbar-separator.webp b/blazor/appbar/images/blazor-appbar-separator.webp new file mode 100644 index 0000000000..7ecccec0e3 Binary files /dev/null and b/blazor/appbar/images/blazor-appbar-separator.webp differ diff --git a/blazor/appbar/images/blazor-appbar-sidebar.png b/blazor/appbar/images/blazor-appbar-sidebar.png deleted file mode 100644 index 9961738ebd..0000000000 Binary files a/blazor/appbar/images/blazor-appbar-sidebar.png and /dev/null differ diff --git a/blazor/appbar/images/blazor-appbar-sidebar.webp b/blazor/appbar/images/blazor-appbar-sidebar.webp new file mode 100644 index 0000000000..fb54238594 Binary files /dev/null and b/blazor/appbar/images/blazor-appbar-sidebar.webp differ diff --git a/blazor/appbar/images/blazor-appbar-spacer.png b/blazor/appbar/images/blazor-appbar-spacer.png deleted file mode 100644 index fbd17cbea8..0000000000 Binary files a/blazor/appbar/images/blazor-appbar-spacer.png and /dev/null differ diff --git a/blazor/appbar/images/blazor-appbar-spacer.webp b/blazor/appbar/images/blazor-appbar-spacer.webp new file mode 100644 index 0000000000..868e2c8c4d Binary files /dev/null and b/blazor/appbar/images/blazor-appbar-spacer.webp differ diff --git a/blazor/appbar/images/blazor-create-web-app.png b/blazor/appbar/images/blazor-create-web-app.png deleted file mode 100644 index 7dd6e612d2..0000000000 Binary files a/blazor/appbar/images/blazor-create-web-app.png and /dev/null differ diff --git a/blazor/appbar/images/blazor-create-web-app.webp b/blazor/appbar/images/blazor-create-web-app.webp new file mode 100644 index 0000000000..199356f771 Binary files /dev/null and b/blazor/appbar/images/blazor-create-web-app.webp differ diff --git a/blazor/appbar/images/blazor-wasm-app-template.png b/blazor/appbar/images/blazor-wasm-app-template.png deleted file mode 100644 index 8cf1737d81..0000000000 Binary files a/blazor/appbar/images/blazor-wasm-app-template.png and /dev/null differ diff --git a/blazor/appbar/images/blazor-wasm-app-template.webp b/blazor/appbar/images/blazor-wasm-app-template.webp new file mode 100644 index 0000000000..6824d1db62 Binary files /dev/null and b/blazor/appbar/images/blazor-wasm-app-template.webp differ diff --git a/blazor/appbar/images/bottom_appbar.webp b/blazor/appbar/images/bottom_appbar.webp new file mode 100644 index 0000000000..c71f854779 Binary files /dev/null and b/blazor/appbar/images/bottom_appbar.webp differ diff --git a/blazor/appbar/images/buttons_appbar.png b/blazor/appbar/images/buttons_appbar.png deleted file mode 100644 index d0f9d28257..0000000000 Binary files a/blazor/appbar/images/buttons_appbar.png and /dev/null differ diff --git a/blazor/appbar/images/buttons_appbar.webp b/blazor/appbar/images/buttons_appbar.webp new file mode 100644 index 0000000000..d92040df30 Binary files /dev/null and b/blazor/appbar/images/buttons_appbar.webp differ diff --git a/blazor/appbar/images/cssclass_appbar.png b/blazor/appbar/images/cssclass_appbar.png deleted file mode 100644 index b1a27fa515..0000000000 Binary files a/blazor/appbar/images/cssclass_appbar.png and /dev/null differ diff --git a/blazor/appbar/images/cssclass_appbar.webp b/blazor/appbar/images/cssclass_appbar.webp new file mode 100644 index 0000000000..ed6d61cf30 Binary files /dev/null and b/blazor/appbar/images/cssclass_appbar.webp differ diff --git a/blazor/appbar/images/dark_appbar.png b/blazor/appbar/images/dark_appbar.png deleted file mode 100644 index 954b72ca2d..0000000000 Binary files a/blazor/appbar/images/dark_appbar.png and /dev/null differ diff --git a/blazor/appbar/images/dark_appbar.webp b/blazor/appbar/images/dark_appbar.webp new file mode 100644 index 0000000000..4f014c5887 Binary files /dev/null and b/blazor/appbar/images/dark_appbar.webp differ diff --git a/blazor/appbar/images/dense_appbar.png b/blazor/appbar/images/dense_appbar.png deleted file mode 100644 index 0a8900ebb2..0000000000 Binary files a/blazor/appbar/images/dense_appbar.png and /dev/null differ diff --git a/blazor/appbar/images/dense_appbar.webp b/blazor/appbar/images/dense_appbar.webp new file mode 100644 index 0000000000..31882dfabc Binary files /dev/null and b/blazor/appbar/images/dense_appbar.webp differ diff --git a/blazor/appbar/images/getting_started.png b/blazor/appbar/images/getting_started.png deleted file mode 100644 index cdf0707f7c..0000000000 Binary files a/blazor/appbar/images/getting_started.png and /dev/null differ diff --git a/blazor/appbar/images/getting_started.webp b/blazor/appbar/images/getting_started.webp new file mode 100644 index 0000000000..287b3f8d99 Binary files /dev/null and b/blazor/appbar/images/getting_started.webp differ diff --git a/blazor/appbar/images/inherit_appbar.png b/blazor/appbar/images/inherit_appbar.png deleted file mode 100644 index db79f53403..0000000000 Binary files a/blazor/appbar/images/inherit_appbar.png and /dev/null differ diff --git a/blazor/appbar/images/inherit_appbar.webp b/blazor/appbar/images/inherit_appbar.webp new file mode 100644 index 0000000000..65c794a445 Binary files /dev/null and b/blazor/appbar/images/inherit_appbar.webp differ diff --git a/blazor/appbar/images/light_appbar.png b/blazor/appbar/images/light_appbar.png deleted file mode 100644 index 2c35e62bf5..0000000000 Binary files a/blazor/appbar/images/light_appbar.png and /dev/null differ diff --git a/blazor/appbar/images/light_appbar.webp b/blazor/appbar/images/light_appbar.webp new file mode 100644 index 0000000000..2b16ed3731 Binary files /dev/null and b/blazor/appbar/images/light_appbar.webp differ diff --git a/blazor/appbar/images/primary_appbar.png b/blazor/appbar/images/primary_appbar.png deleted file mode 100644 index 0690315a3a..0000000000 Binary files a/blazor/appbar/images/primary_appbar.png and /dev/null differ diff --git a/blazor/appbar/images/primary_appbar.webp b/blazor/appbar/images/primary_appbar.webp new file mode 100644 index 0000000000..fc408a025d Binary files /dev/null and b/blazor/appbar/images/primary_appbar.webp differ diff --git a/blazor/appbar/images/prominent_appbar.png b/blazor/appbar/images/prominent_appbar.png deleted file mode 100644 index 812e064d94..0000000000 Binary files a/blazor/appbar/images/prominent_appbar.png and /dev/null differ diff --git a/blazor/appbar/images/prominent_appbar.webp b/blazor/appbar/images/prominent_appbar.webp new file mode 100644 index 0000000000..f6f810d5e1 Binary files /dev/null and b/blazor/appbar/images/prominent_appbar.webp differ diff --git a/blazor/appbar/images/regular_appbar.png b/blazor/appbar/images/regular_appbar.png deleted file mode 100644 index aff27c1d57..0000000000 Binary files a/blazor/appbar/images/regular_appbar.png and /dev/null differ diff --git a/blazor/appbar/images/regular_appbar.webp b/blazor/appbar/images/regular_appbar.webp new file mode 100644 index 0000000000..6d459af97b Binary files /dev/null and b/blazor/appbar/images/regular_appbar.webp differ diff --git a/blazor/appbar/images/sticky_appbar.png b/blazor/appbar/images/sticky_appbar.png deleted file mode 100644 index cfe46e9273..0000000000 Binary files a/blazor/appbar/images/sticky_appbar.png and /dev/null differ diff --git a/blazor/appbar/images/sticky_appbar.webp b/blazor/appbar/images/sticky_appbar.webp new file mode 100644 index 0000000000..711b1fc1d5 Binary files /dev/null and b/blazor/appbar/images/sticky_appbar.webp differ diff --git a/blazor/appbar/images/top_appbar.png b/blazor/appbar/images/top_appbar.png deleted file mode 100644 index 3277f81821..0000000000 Binary files a/blazor/appbar/images/top_appbar.png and /dev/null differ diff --git a/blazor/appbar/images/top_appbar.webp b/blazor/appbar/images/top_appbar.webp new file mode 100644 index 0000000000..b4c51f64dd Binary files /dev/null and b/blazor/appbar/images/top_appbar.webp differ diff --git a/blazor/appbar/position.md b/blazor/appbar/position.md index 9c41588da4..13e7ccb22a 100644 --- a/blazor/appbar/position.md +++ b/blazor/appbar/position.md @@ -58,7 +58,7 @@ The top AppBar is the default one in which it positions the AppBar at the top of ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/LNVAsrWpLhLkmLRh?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor AppBar with Top Position](./images/top_appbar.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/LNVAsrWpLhLkmLRh?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor AppBar with Top Position](./images/top_appbar.webp)" %} ### Bottom AppBar @@ -103,7 +103,7 @@ This position can be set to the AppBar by setting `AppBarPosition.Bottom` to the ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/htBAMLMfLVArWgxb?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor AppBar with Bottom Position](./images/bottom_appbar.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/htBAMLMfLVArWgxb?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor AppBar with Bottom Position](./images/bottom_appbar.webp)" %} ### Sticky AppBar @@ -148,4 +148,4 @@ This position can be set to the AppBar by setting `true` to the property [IsStic ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/BXLKWVWzrBKSTUvH?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor AppBar with Sticky Position](./images/sticky_appbar.png)" %} \ No newline at end of file +{% previewsample "https://blazorplayground.syncfusion.com/embed/BXLKWVWzrBKSTUvH?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor AppBar with Sticky Position](./images/sticky_appbar.webp)" %} \ No newline at end of file diff --git a/blazor/appbar/size-and-color.md b/blazor/appbar/size-and-color.md index e8e460ba0b..b7cde81c2c 100644 --- a/blazor/appbar/size-and-color.md +++ b/blazor/appbar/size-and-color.md @@ -41,7 +41,7 @@ This mode is the default one in which the AppBar is displayed with the default h ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/LtBAiVWfLtaWPHyq?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor AppBar with Regular Size](./images/regular_appbar.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/LtBAiVWfLtaWPHyq?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor AppBar with Regular Size](./images/regular_appbar.webp)" %} ### Prominent AppBar @@ -91,7 +91,7 @@ This height mode can be set to the AppBar by setting `AppBarMode.Prominent` to t ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/rjLUChipVCDBzbVE?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor AppBar with Prominent Size](./images/prominent_appbar.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/rjLUChipVCDBzbVE?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor AppBar with Prominent Size](./images/prominent_appbar.webp)" %} ### Dense AppBar @@ -117,7 +117,7 @@ This height mode can be set to the AppBar by setting `AppBarMode.Dense` to the p ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/VthKirWTrCLzRlMA?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor AppBar with Dense Size](./images/dense_appbar.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/VthKirWTrCLzRlMA?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor AppBar with Dense Size](./images/dense_appbar.webp)" %} ## Color @@ -157,7 +157,7 @@ This color mode is the default one in which the AppBar can be displayed with a l ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/hNrqsrMpVMqGpFYy?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor AppBar with Light Color](./images/light_appbar.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/hNrqsrMpVMqGpFYy?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor AppBar with Light Color](./images/light_appbar.webp)" %} ### Dark AppBar @@ -187,7 +187,7 @@ This color mode can be set to the AppBar by setting `AppBarColor.Dark` to the pr ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/rDBgMBCpBMfsnjes?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor AppBar with Dark Color](./images/dark_appbar.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/rDBgMBCpBMfsnjes?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor AppBar with Dark Color](./images/dark_appbar.webp)" %} ### Primary AppBar @@ -217,7 +217,7 @@ This color mode can be set to the AppBar by setting `AppBarColor.Primary` to the ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/LZBAChsTrifpmere?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor AppBar with Primary Color](./images/primary_appbar.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/LZBAChsTrifpmere?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor AppBar with Primary Color](./images/primary_appbar.webp)" %} ### Inherit AppBar @@ -248,4 +248,4 @@ This color mode can be set to the AppBar by setting `AppBarColor.Inherit` to the ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/VDLgWrWJrsJagjCw?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor AppBar with Inherit Color](./images/inherit_appbar.png)" %} \ No newline at end of file +{% previewsample "https://blazorplayground.syncfusion.com/embed/VDLgWrWJrsJagjCw?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor AppBar with Inherit Color](./images/inherit_appbar.webp)" %} \ No newline at end of file diff --git a/blazor/appbar/style-and-appearance.md b/blazor/appbar/style-and-appearance.md index b8c95eba84..f264f6d7ed 100644 --- a/blazor/appbar/style-and-appearance.md +++ b/blazor/appbar/style-and-appearance.md @@ -45,7 +45,7 @@ CssClass is used for AppBar customization based on the custom class. In the exam ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/rthgCVMTrrGSfJrV?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor AppBar with CssClass customization](./images/cssclass_appbar.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/rthgCVMTrrGSfJrV?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor AppBar with CssClass customization](./images/cssclass_appbar.webp)" %} ## HtmlAttributes diff --git a/blazor/avatar/getting-started-with-web-app.md b/blazor/avatar/getting-started-with-web-app.md index 348502f159..f839f8cc35 100644 --- a/blazor/avatar/getting-started-with-web-app.md +++ b/blazor/avatar/getting-started-with-web-app.md @@ -150,6 +150,6 @@ Add the Syncfusion® Blazor Avatar component * Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Syncfusion® Blazor Avatar component in the default web browser. -{% previewsample "https://blazorplayground.syncfusion.com/embed/LNreZyVMASlmWFyr?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "![Blazor Avatar Component](./images/blazor-avatar-component.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/LNreZyVMASlmWFyr?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "![Blazor Avatar Component](./images/blazor-avatar-component.webp)" %} N> [View Sample in GitHub](https://github.com/SyncfusionExamples/Blazor-Getting-Started-Examples/tree/main/Avatar) \ No newline at end of file diff --git a/blazor/avatar/getting-started.md b/blazor/avatar/getting-started.md index a0b6bff5a7..f8e0d604e4 100644 --- a/blazor/avatar/getting-started.md +++ b/blazor/avatar/getting-started.md @@ -144,4 +144,4 @@ Add the Syncfusion® Blazor Avatar component * Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Syncfusion® Blazor Avatar component in the default web browser. -{% previewsample "https://blazorplayground.syncfusion.com/embed/LNreZyVMASlmWFyr?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "![Blazor Avatar Component](./images/blazor-avatar-component.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/LNreZyVMASlmWFyr?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "![Blazor Avatar Component](./images/blazor-avatar-component.webp)" %} diff --git a/blazor/avatar/images/blazor-avatar-component.png b/blazor/avatar/images/blazor-avatar-component.png deleted file mode 100644 index 7ce7ad0165..0000000000 Binary files a/blazor/avatar/images/blazor-avatar-component.png and /dev/null differ diff --git a/blazor/avatar/images/blazor-avatar-component.webp b/blazor/avatar/images/blazor-avatar-component.webp new file mode 100644 index 0000000000..e31377d5f9 Binary files /dev/null and b/blazor/avatar/images/blazor-avatar-component.webp differ diff --git a/blazor/avatar/images/blazor-create-web-app.png b/blazor/avatar/images/blazor-create-web-app.png deleted file mode 100644 index 7dd6e612d2..0000000000 Binary files a/blazor/avatar/images/blazor-create-web-app.png and /dev/null differ diff --git a/blazor/avatar/images/blazor-create-web-app.webp b/blazor/avatar/images/blazor-create-web-app.webp new file mode 100644 index 0000000000..199356f771 Binary files /dev/null and b/blazor/avatar/images/blazor-create-web-app.webp differ diff --git a/blazor/avatar/images/blazor-wasm-app-template.png b/blazor/avatar/images/blazor-wasm-app-template.png deleted file mode 100644 index 8cf1737d81..0000000000 Binary files a/blazor/avatar/images/blazor-wasm-app-template.png and /dev/null differ diff --git a/blazor/avatar/images/blazor-wasm-app-template.webp b/blazor/avatar/images/blazor-wasm-app-template.webp new file mode 100644 index 0000000000..6824d1db62 Binary files /dev/null and b/blazor/avatar/images/blazor-wasm-app-template.webp differ diff --git a/blazor/avatar/images/frame-work.png b/blazor/avatar/images/frame-work.png deleted file mode 100644 index ec159d1745..0000000000 Binary files a/blazor/avatar/images/frame-work.png and /dev/null differ diff --git a/blazor/avatar/images/frame-work.webp b/blazor/avatar/images/frame-work.webp new file mode 100644 index 0000000000..c446a997e0 Binary files /dev/null and b/blazor/avatar/images/frame-work.webp differ diff --git a/blazor/avatar/images/import-cdn.png b/blazor/avatar/images/import-cdn.png deleted file mode 100644 index af6fd26e10..0000000000 Binary files a/blazor/avatar/images/import-cdn.png and /dev/null differ diff --git a/blazor/avatar/images/import-cdn.webp b/blazor/avatar/images/import-cdn.webp new file mode 100644 index 0000000000..34a36d7e54 Binary files /dev/null and b/blazor/avatar/images/import-cdn.webp differ diff --git a/blazor/avatar/images/new-project.png b/blazor/avatar/images/new-project.png deleted file mode 100644 index 057f6b0f7c..0000000000 Binary files a/blazor/avatar/images/new-project.png and /dev/null differ diff --git a/blazor/avatar/images/new-project.webp b/blazor/avatar/images/new-project.webp new file mode 100644 index 0000000000..6ac8098d50 Binary files /dev/null and b/blazor/avatar/images/new-project.webp differ diff --git a/blazor/avatar/images/nuget-explorer.png b/blazor/avatar/images/nuget-explorer.png deleted file mode 100644 index f9306f219e..0000000000 Binary files a/blazor/avatar/images/nuget-explorer.png and /dev/null differ diff --git a/blazor/avatar/images/nuget-explorer.webp b/blazor/avatar/images/nuget-explorer.webp new file mode 100644 index 0000000000..4353f9ac92 Binary files /dev/null and b/blazor/avatar/images/nuget-explorer.webp differ diff --git a/blazor/avatar/images/select-nuget.png b/blazor/avatar/images/select-nuget.png deleted file mode 100644 index cf019504c0..0000000000 Binary files a/blazor/avatar/images/select-nuget.png and /dev/null differ diff --git a/blazor/avatar/images/select-nuget.webp b/blazor/avatar/images/select-nuget.webp new file mode 100644 index 0000000000..8b2ec78c5f Binary files /dev/null and b/blazor/avatar/images/select-nuget.webp differ diff --git a/blazor/breadcrumb/breadcrumb-items.md b/blazor/breadcrumb/breadcrumb-items.md index 6db36308f9..8fdb269872 100644 --- a/blazor/breadcrumb/breadcrumb-items.md +++ b/blazor/breadcrumb/breadcrumb-items.md @@ -31,7 +31,7 @@ The [Blazor Breadcrumb](https://www.syncfusion.com/blazor-components/blazor-brea ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/rjBqCLsJJBaogECl?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb Component](./images/blazor-Breadcrumb-tag.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/rjBqCLsJJBaogECl?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb Component](./images/blazor-Breadcrumb-tag.webp)" %} ## Items based on current URL @@ -42,7 +42,7 @@ The Breadcrumb items can be generated based on the current URL of the page when ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/rNhUWVWJzVObSwiI?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb Component](./images/blazor-Breadcrumb-current-url.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/rNhUWVWJzVObSwiI?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb Component](./images/blazor-Breadcrumb-current-url.webp)" %} N> This output screenshot shows the [Bind to Location](https://blazor.syncfusion.com/demos/breadcrumb/bind-to-location) sample. @@ -56,7 +56,7 @@ You can generate the Breadcrumb items by providing the [Url](https://help.syncfu ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/LtLAMBWpzqZWfPfm?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb Component](./images/blazor-Breadcrumb-static-url.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/LtLAMBWpzqZWfPfm?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb Component](./images/blazor-Breadcrumb-static-url.webp)" %} ## Add or remove the Breadcrumb items diff --git a/blazor/breadcrumb/getting-started-with-server-app.md b/blazor/breadcrumb/getting-started-with-server-app.md index cc20b159e2..9f21e38b82 100644 --- a/blazor/breadcrumb/getting-started-with-server-app.md +++ b/blazor/breadcrumb/getting-started-with-server-app.md @@ -194,7 +194,7 @@ To render Breadcrumb component with items use [BreadcrumbItem](https://help.sync N> Place list of [BreadcrumbItem](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.BreadcrumbItem.html) within [BreadcrumbItems](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.BreadcrumbItems.html) tag directive. -{% previewsample "https://blazorplayground.syncfusion.com/embed/LZVzNCByUbgRQChk?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb Component](./images/blazor-breadcrumb-items.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/LZVzNCByUbgRQChk?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb Component](./images/blazor-breadcrumb-items.webp)" %} ## Enable or disable navigation diff --git a/blazor/breadcrumb/getting-started-with-web-app.md b/blazor/breadcrumb/getting-started-with-web-app.md index 86a53786cc..9d6e504e8f 100644 --- a/blazor/breadcrumb/getting-started-with-web-app.md +++ b/blazor/breadcrumb/getting-started-with-web-app.md @@ -200,7 +200,7 @@ To render Breadcrumb component with items use [BreadcrumbItem](https://help.sync N> Place list of [BreadcrumbItem](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.BreadcrumbItem.html) within [BreadcrumbItems](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.BreadcrumbItems.html) tag directive. -{% previewsample "https://blazorplayground.syncfusion.com/embed/LZVzNCByUbgRQChk?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb Component](./images/blazor-breadcrumb-items.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/LZVzNCByUbgRQChk?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb Component](./images/blazor-breadcrumb-items.webp)" %} ## Enable or disable navigation diff --git a/blazor/breadcrumb/getting-started.md b/blazor/breadcrumb/getting-started.md index 03335f38f2..cf45afde15 100644 --- a/blazor/breadcrumb/getting-started.md +++ b/blazor/breadcrumb/getting-started.md @@ -154,7 +154,7 @@ Add the Syncfusion® Blazor Breadcrumb compo * Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This renders the Syncfusion® Blazor Breadcrumb component in the default web browser. -{% previewsample "https://blazorplayground.syncfusion.com/embed/rXhpNiBSgmQNkpCP?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb Component](./images/blazor-breadcrumb-component.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/rXhpNiBSgmQNkpCP?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb Component](./images/blazor-breadcrumb-component.webp)" %} N> The Breadcrumb component will render based on the current URL, when the Breadcrumb items are not specified. @@ -181,7 +181,7 @@ To render Breadcrumb component with items use [BreadcrumbItem](https://help.sync N> Place list of [BreadcrumbItem](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.BreadcrumbItem.html) within [BreadcrumbItems](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.BreadcrumbItems.html) tag directive. -{% previewsample "https://blazorplayground.syncfusion.com/embed/LZVzNCByUbgRQChk?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb Component](./images/blazor-breadcrumb-items.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/LZVzNCByUbgRQChk?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb Component](./images/blazor-breadcrumb-items.webp)" %} ## Enable or disable navigation diff --git a/blazor/breadcrumb/icons.md b/blazor/breadcrumb/icons.md index 5992eb3bcc..beef5d293a 100644 --- a/blazor/breadcrumb/icons.md +++ b/blazor/breadcrumb/icons.md @@ -27,7 +27,7 @@ To place the font icon on the Breadcrumb item, set the [IconCss](https://help.sy ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/rDLgWLMTfUsCSUjG?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb Component](./images/blazor-Breadcrumb-items.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/rDLgWLMTfUsCSUjG?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb Component](./images/blazor-breadcrumb-items.webp)" %} N> By default, the icon is positioned to the left side of the item. @@ -55,7 +55,7 @@ In the Breadcrumb component, you can add images to the items using [IconCss](htt } ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/rjhgsLMppKsTBQHd?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb Component](./images/image.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/rjhgsLMppKsTBQHd?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb Component](./images/image.webp)" %} ## Breadcrumb with SVG image @@ -81,7 +81,7 @@ In the Breadcrumb component, SVG image can be added for the items using the [Ico } ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/BDrgsLCJfAixuNYA?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Breadcrumb Sample](./images/svg.PNG)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/BDrgsLCJfAixuNYA?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Breadcrumb Sample](./images/svg.webp)" %} ## Icon only @@ -100,7 +100,7 @@ In the following example, Breadcrumb items are demonstrated with only icons by p ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/BNrgWrWTTqsOeruV?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Breadcrumb Sample](./images/icon-only.PNG)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/BNrgWrWTTqsOeruV?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Breadcrumb Sample](./images/icon-only.webp)" %} ## Show icon only for first item @@ -118,4 +118,4 @@ To show icon only for the first item in the Breadcrumb component, add icons to t ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/LXLgChsTfKrhKYox?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb Component](./images/blazor-Breadcrumb-items.png)" %} \ No newline at end of file +{% previewsample "https://blazorplayground.syncfusion.com/embed/LXLgChsTfKrhKYox?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb Component](./images/blazor-breadcrumb-items.webp)" %} \ No newline at end of file diff --git a/blazor/breadcrumb/images/Blazor-server-app-creation.png b/blazor/breadcrumb/images/Blazor-server-app-creation.png deleted file mode 100644 index 02e4a025bf..0000000000 Binary files a/blazor/breadcrumb/images/Blazor-server-app-creation.png and /dev/null differ diff --git a/blazor/breadcrumb/images/Blazor-server-app-creation.webp b/blazor/breadcrumb/images/Blazor-server-app-creation.webp new file mode 100644 index 0000000000..0d820ce3eb Binary files /dev/null and b/blazor/breadcrumb/images/Blazor-server-app-creation.webp differ diff --git a/blazor/breadcrumb/images/blazor-Breadcrumb-absolute-url.PNG b/blazor/breadcrumb/images/blazor-Breadcrumb-absolute-url.PNG deleted file mode 100644 index df71eb0bc1..0000000000 Binary files a/blazor/breadcrumb/images/blazor-Breadcrumb-absolute-url.PNG and /dev/null differ diff --git a/blazor/breadcrumb/images/blazor-Breadcrumb-absolute-url.webp b/blazor/breadcrumb/images/blazor-Breadcrumb-absolute-url.webp new file mode 100644 index 0000000000..e488185723 Binary files /dev/null and b/blazor/breadcrumb/images/blazor-Breadcrumb-absolute-url.webp differ diff --git a/blazor/breadcrumb/images/blazor-Breadcrumb-current-url.PNG b/blazor/breadcrumb/images/blazor-Breadcrumb-current-url.PNG deleted file mode 100644 index 0a755a17a0..0000000000 Binary files a/blazor/breadcrumb/images/blazor-Breadcrumb-current-url.PNG and /dev/null differ diff --git a/blazor/breadcrumb/images/blazor-Breadcrumb-current-url.webp b/blazor/breadcrumb/images/blazor-Breadcrumb-current-url.webp new file mode 100644 index 0000000000..1047c5bddd Binary files /dev/null and b/blazor/breadcrumb/images/blazor-Breadcrumb-current-url.webp differ diff --git a/blazor/breadcrumb/images/blazor-Breadcrumb-enable-navigation.PNG b/blazor/breadcrumb/images/blazor-Breadcrumb-enable-navigation.PNG deleted file mode 100644 index ad58cee170..0000000000 Binary files a/blazor/breadcrumb/images/blazor-Breadcrumb-enable-navigation.PNG and /dev/null differ diff --git a/blazor/breadcrumb/images/blazor-Breadcrumb-enable-navigation.webp b/blazor/breadcrumb/images/blazor-Breadcrumb-enable-navigation.webp new file mode 100644 index 0000000000..1efbcbb645 Binary files /dev/null and b/blazor/breadcrumb/images/blazor-Breadcrumb-enable-navigation.webp differ diff --git a/blazor/breadcrumb/images/blazor-Breadcrumb-enable.PNG b/blazor/breadcrumb/images/blazor-Breadcrumb-enable.PNG deleted file mode 100644 index 251bd9dcb4..0000000000 Binary files a/blazor/breadcrumb/images/blazor-Breadcrumb-enable.PNG and /dev/null differ diff --git a/blazor/breadcrumb/images/blazor-Breadcrumb-enable.webp b/blazor/breadcrumb/images/blazor-Breadcrumb-enable.webp new file mode 100644 index 0000000000..cdc38f75f4 Binary files /dev/null and b/blazor/breadcrumb/images/blazor-Breadcrumb-enable.webp differ diff --git a/blazor/breadcrumb/images/blazor-Breadcrumb-item-template.PNG b/blazor/breadcrumb/images/blazor-Breadcrumb-item-template.PNG deleted file mode 100644 index ae931eb041..0000000000 Binary files a/blazor/breadcrumb/images/blazor-Breadcrumb-item-template.PNG and /dev/null differ diff --git a/blazor/breadcrumb/images/blazor-Breadcrumb-item-template.webp b/blazor/breadcrumb/images/blazor-Breadcrumb-item-template.webp new file mode 100644 index 0000000000..be00c2dfbd Binary files /dev/null and b/blazor/breadcrumb/images/blazor-Breadcrumb-item-template.webp differ diff --git a/blazor/breadcrumb/images/blazor-Breadcrumb-relative-url.PNG b/blazor/breadcrumb/images/blazor-Breadcrumb-relative-url.PNG deleted file mode 100644 index 3213a4e6f7..0000000000 Binary files a/blazor/breadcrumb/images/blazor-Breadcrumb-relative-url.PNG and /dev/null differ diff --git a/blazor/breadcrumb/images/blazor-Breadcrumb-relative-url.webp b/blazor/breadcrumb/images/blazor-Breadcrumb-relative-url.webp new file mode 100644 index 0000000000..e1d30e57d0 Binary files /dev/null and b/blazor/breadcrumb/images/blazor-Breadcrumb-relative-url.webp differ diff --git a/blazor/breadcrumb/images/blazor-Breadcrumb-static-url.PNG b/blazor/breadcrumb/images/blazor-Breadcrumb-static-url.PNG deleted file mode 100644 index ccf30f61f6..0000000000 Binary files a/blazor/breadcrumb/images/blazor-Breadcrumb-static-url.PNG and /dev/null differ diff --git a/blazor/breadcrumb/images/blazor-Breadcrumb-static-url.webp b/blazor/breadcrumb/images/blazor-Breadcrumb-static-url.webp new file mode 100644 index 0000000000..f3c310381d Binary files /dev/null and b/blazor/breadcrumb/images/blazor-Breadcrumb-static-url.webp differ diff --git a/blazor/breadcrumb/images/blazor-Breadcrumb-tag.PNG b/blazor/breadcrumb/images/blazor-Breadcrumb-tag.PNG deleted file mode 100644 index 1976cb2bfa..0000000000 Binary files a/blazor/breadcrumb/images/blazor-Breadcrumb-tag.PNG and /dev/null differ diff --git a/blazor/breadcrumb/images/blazor-Breadcrumb-tag.webp b/blazor/breadcrumb/images/blazor-Breadcrumb-tag.webp new file mode 100644 index 0000000000..044bc2e4e0 Binary files /dev/null and b/blazor/breadcrumb/images/blazor-Breadcrumb-tag.webp differ diff --git a/blazor/breadcrumb/images/blazor-app-interactive-mode.png b/blazor/breadcrumb/images/blazor-app-interactive-mode.png deleted file mode 100644 index 9edcc0e351..0000000000 Binary files a/blazor/breadcrumb/images/blazor-app-interactive-mode.png and /dev/null differ diff --git a/blazor/breadcrumb/images/blazor-app-interactive-mode.webp b/blazor/breadcrumb/images/blazor-app-interactive-mode.webp new file mode 100644 index 0000000000..44f2080745 Binary files /dev/null and b/blazor/breadcrumb/images/blazor-app-interactive-mode.webp differ diff --git a/blazor/breadcrumb/images/blazor-breadcrumb-component.png b/blazor/breadcrumb/images/blazor-breadcrumb-component.png deleted file mode 100644 index 0ab2a6c833..0000000000 Binary files a/blazor/breadcrumb/images/blazor-breadcrumb-component.png and /dev/null differ diff --git a/blazor/breadcrumb/images/blazor-breadcrumb-component.webp b/blazor/breadcrumb/images/blazor-breadcrumb-component.webp new file mode 100644 index 0000000000..8163805d56 Binary files /dev/null and b/blazor/breadcrumb/images/blazor-breadcrumb-component.webp differ diff --git a/blazor/breadcrumb/images/blazor-breadcrumb-items.png b/blazor/breadcrumb/images/blazor-breadcrumb-items.png deleted file mode 100644 index 08a65a59bf..0000000000 Binary files a/blazor/breadcrumb/images/blazor-breadcrumb-items.png and /dev/null differ diff --git a/blazor/breadcrumb/images/blazor-breadcrumb-items.webp b/blazor/breadcrumb/images/blazor-breadcrumb-items.webp new file mode 100644 index 0000000000..370f0a7b83 Binary files /dev/null and b/blazor/breadcrumb/images/blazor-breadcrumb-items.webp differ diff --git a/blazor/breadcrumb/images/blazor-breadcrumb-overflow.PNG b/blazor/breadcrumb/images/blazor-breadcrumb-overflow.PNG deleted file mode 100644 index d4e02a3a4f..0000000000 Binary files a/blazor/breadcrumb/images/blazor-breadcrumb-overflow.PNG and /dev/null differ diff --git a/blazor/breadcrumb/images/blazor-breadcrumb-overflow.webp b/blazor/breadcrumb/images/blazor-breadcrumb-overflow.webp new file mode 100644 index 0000000000..0475c428f5 Binary files /dev/null and b/blazor/breadcrumb/images/blazor-breadcrumb-overflow.webp differ diff --git a/blazor/breadcrumb/images/blazor-breadcrumb-separator-temp.PNG b/blazor/breadcrumb/images/blazor-breadcrumb-separator-temp.PNG deleted file mode 100644 index 22b5742e64..0000000000 Binary files a/blazor/breadcrumb/images/blazor-breadcrumb-separator-temp.PNG and /dev/null differ diff --git a/blazor/breadcrumb/images/blazor-breadcrumb-separator-temp.webp b/blazor/breadcrumb/images/blazor-breadcrumb-separator-temp.webp new file mode 100644 index 0000000000..f2631f92d0 Binary files /dev/null and b/blazor/breadcrumb/images/blazor-breadcrumb-separator-temp.webp differ diff --git a/blazor/breadcrumb/images/blazor-breadcrumb-style-and-appearance.png b/blazor/breadcrumb/images/blazor-breadcrumb-style-and-appearance.png deleted file mode 100644 index 6fb8eff415..0000000000 Binary files a/blazor/breadcrumb/images/blazor-breadcrumb-style-and-appearance.png and /dev/null differ diff --git a/blazor/breadcrumb/images/blazor-breadcrumb-style-and-appearance.webp b/blazor/breadcrumb/images/blazor-breadcrumb-style-and-appearance.webp new file mode 100644 index 0000000000..e8d5c91ef0 Binary files /dev/null and b/blazor/breadcrumb/images/blazor-breadcrumb-style-and-appearance.webp differ diff --git a/blazor/breadcrumb/images/blazor-create-web-app.png b/blazor/breadcrumb/images/blazor-create-web-app.png deleted file mode 100644 index 7dd6e612d2..0000000000 Binary files a/blazor/breadcrumb/images/blazor-create-web-app.png and /dev/null differ diff --git a/blazor/breadcrumb/images/blazor-create-web-app.webp b/blazor/breadcrumb/images/blazor-create-web-app.webp new file mode 100644 index 0000000000..199356f771 Binary files /dev/null and b/blazor/breadcrumb/images/blazor-create-web-app.webp differ diff --git a/blazor/breadcrumb/images/blazor-wasm-app-template.png b/blazor/breadcrumb/images/blazor-wasm-app-template.png deleted file mode 100644 index 8cf1737d81..0000000000 Binary files a/blazor/breadcrumb/images/blazor-wasm-app-template.png and /dev/null differ diff --git a/blazor/breadcrumb/images/blazor-wasm-app-template.webp b/blazor/breadcrumb/images/blazor-wasm-app-template.webp new file mode 100644 index 0000000000..6824d1db62 Binary files /dev/null and b/blazor/breadcrumb/images/blazor-wasm-app-template.webp differ diff --git a/blazor/breadcrumb/images/bread-overflow-hidden.png b/blazor/breadcrumb/images/bread-overflow-hidden.png deleted file mode 100644 index 7b5b423999..0000000000 Binary files a/blazor/breadcrumb/images/bread-overflow-hidden.png and /dev/null differ diff --git a/blazor/breadcrumb/images/bread-overflow-hidden.webp b/blazor/breadcrumb/images/bread-overflow-hidden.webp new file mode 100644 index 0000000000..9c2ea3d705 Binary files /dev/null and b/blazor/breadcrumb/images/bread-overflow-hidden.webp differ diff --git a/blazor/breadcrumb/images/breadcrumb-collapsed.png b/blazor/breadcrumb/images/breadcrumb-collapsed.png deleted file mode 100644 index c16afac68c..0000000000 Binary files a/blazor/breadcrumb/images/breadcrumb-collapsed.png and /dev/null differ diff --git a/blazor/breadcrumb/images/breadcrumb-collapsed.webp b/blazor/breadcrumb/images/breadcrumb-collapsed.webp new file mode 100644 index 0000000000..457fa446bc Binary files /dev/null and b/blazor/breadcrumb/images/breadcrumb-collapsed.webp differ diff --git a/blazor/breadcrumb/images/breadcrumb-hidden.png b/blazor/breadcrumb/images/breadcrumb-hidden.png deleted file mode 100644 index 089572fd8f..0000000000 Binary files a/blazor/breadcrumb/images/breadcrumb-hidden.png and /dev/null differ diff --git a/blazor/breadcrumb/images/breadcrumb-hidden.webp b/blazor/breadcrumb/images/breadcrumb-hidden.webp new file mode 100644 index 0000000000..dbc7dee4c9 Binary files /dev/null and b/blazor/breadcrumb/images/breadcrumb-hidden.webp differ diff --git a/blazor/breadcrumb/images/breadcrumb-menu.png b/blazor/breadcrumb/images/breadcrumb-menu.png deleted file mode 100644 index 55017adf1b..0000000000 Binary files a/blazor/breadcrumb/images/breadcrumb-menu.png and /dev/null differ diff --git a/blazor/breadcrumb/images/breadcrumb-menu.webp b/blazor/breadcrumb/images/breadcrumb-menu.webp new file mode 100644 index 0000000000..d93dbfe30b Binary files /dev/null and b/blazor/breadcrumb/images/breadcrumb-menu.webp differ diff --git a/blazor/breadcrumb/images/breadcrumb-scroll.png b/blazor/breadcrumb/images/breadcrumb-scroll.png deleted file mode 100644 index 999b7970de..0000000000 Binary files a/blazor/breadcrumb/images/breadcrumb-scroll.png and /dev/null differ diff --git a/blazor/breadcrumb/images/breadcrumb-scroll.webp b/blazor/breadcrumb/images/breadcrumb-scroll.webp new file mode 100644 index 0000000000..b8d8e42da9 Binary files /dev/null and b/blazor/breadcrumb/images/breadcrumb-scroll.webp differ diff --git a/blazor/breadcrumb/images/breadcrumb-specific-item-template.png b/blazor/breadcrumb/images/breadcrumb-specific-item-template.png deleted file mode 100644 index 3121651e62..0000000000 Binary files a/blazor/breadcrumb/images/breadcrumb-specific-item-template.png and /dev/null differ diff --git a/blazor/breadcrumb/images/breadcrumb-specific-item-template.webp b/blazor/breadcrumb/images/breadcrumb-specific-item-template.webp new file mode 100644 index 0000000000..de399c46ee Binary files /dev/null and b/blazor/breadcrumb/images/breadcrumb-specific-item-template.webp differ diff --git a/blazor/breadcrumb/images/breadcrumb-wrap.png b/blazor/breadcrumb/images/breadcrumb-wrap.png deleted file mode 100644 index b609560403..0000000000 Binary files a/blazor/breadcrumb/images/breadcrumb-wrap.png and /dev/null differ diff --git a/blazor/breadcrumb/images/breadcrumb-wrap.webp b/blazor/breadcrumb/images/breadcrumb-wrap.webp new file mode 100644 index 0000000000..7da2bc1699 Binary files /dev/null and b/blazor/breadcrumb/images/breadcrumb-wrap.webp differ diff --git a/blazor/breadcrumb/images/home.png b/blazor/breadcrumb/images/home.png deleted file mode 100644 index ec118bcb9f..0000000000 Binary files a/blazor/breadcrumb/images/home.png and /dev/null differ diff --git a/blazor/breadcrumb/images/home.svg b/blazor/breadcrumb/images/home.svg deleted file mode 100644 index 5c36657ca4..0000000000 --- a/blazor/breadcrumb/images/home.svg +++ /dev/null @@ -1,27 +0,0 @@ - - - - -Created by potrace 1.15, written by Peter Selinger 2001-2017 - - - - - - diff --git a/blazor/breadcrumb/images/home.webp b/blazor/breadcrumb/images/home.webp new file mode 100644 index 0000000000..f33e0ffe73 Binary files /dev/null and b/blazor/breadcrumb/images/home.webp differ diff --git a/blazor/breadcrumb/images/icon-only.PNG b/blazor/breadcrumb/images/icon-only.PNG deleted file mode 100644 index 32e42b2983..0000000000 Binary files a/blazor/breadcrumb/images/icon-only.PNG and /dev/null differ diff --git a/blazor/breadcrumb/images/icon-only.webp b/blazor/breadcrumb/images/icon-only.webp new file mode 100644 index 0000000000..eedd6ed889 Binary files /dev/null and b/blazor/breadcrumb/images/icon-only.webp differ diff --git a/blazor/breadcrumb/images/image.PNG b/blazor/breadcrumb/images/image.PNG deleted file mode 100644 index 135b2d1965..0000000000 Binary files a/blazor/breadcrumb/images/image.PNG and /dev/null differ diff --git a/blazor/breadcrumb/images/image.webp b/blazor/breadcrumb/images/image.webp new file mode 100644 index 0000000000..516aed543b Binary files /dev/null and b/blazor/breadcrumb/images/image.webp differ diff --git a/blazor/breadcrumb/images/svg.PNG b/blazor/breadcrumb/images/svg.PNG deleted file mode 100644 index 0c0ed63954..0000000000 Binary files a/blazor/breadcrumb/images/svg.PNG and /dev/null differ diff --git a/blazor/breadcrumb/images/svg.webp b/blazor/breadcrumb/images/svg.webp new file mode 100644 index 0000000000..859b78464d Binary files /dev/null and b/blazor/breadcrumb/images/svg.webp differ diff --git a/blazor/breadcrumb/navigation.md b/blazor/breadcrumb/navigation.md index 6a355090ac..6eb211bac4 100644 --- a/blazor/breadcrumb/navigation.md +++ b/blazor/breadcrumb/navigation.md @@ -29,7 +29,7 @@ You can specify relative URL in the [Url](https://help.syncfusion.com/cr/blazor/ ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/LXrUCBsJJKhvVXTj?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb Component](./images/blazor-Breadcrumb-relative-url.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/LXrUCBsJJKhvVXTj?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb Component](./images/blazor-Breadcrumb-relative-url.webp)" %} ## Absolute URL @@ -48,7 +48,7 @@ You can specify absolute URL in the [Url](https://help.syncfusion.com/cr/blazor/ ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/VXhKsrifpggirdDv?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb Component](./images/blazor-Breadcrumb-absolute-url.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/VXhKsrifpggirdDv?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb Component](./images/blazor-Breadcrumb-absolute-url.webp)" %} ## Enable navigation for last Breadcrumb item @@ -67,4 +67,4 @@ Breadcrumb enables the navigation for the last item by setting the [EnableActive ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/VtrKWhMpfqgKOtmL?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb Component](./images/blazor-Breadcrumb-enable-navigation.png)" %} \ No newline at end of file +{% previewsample "https://blazorplayground.syncfusion.com/embed/VtrKWhMpfqgKOtmL?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb Component](./images/blazor-Breadcrumb-enable-navigation.webp)" %} \ No newline at end of file diff --git a/blazor/breadcrumb/overflow.md b/blazor/breadcrumb/overflow.md index 255a287b1d..3197cee680 100644 --- a/blazor/breadcrumb/overflow.md +++ b/blazor/breadcrumb/overflow.md @@ -44,7 +44,7 @@ Collapsed mode shows the first and last Breadcrumb items and hides the remaining ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/hDVgiLsTTKpNEpBo?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb Component](./images/breadcrumb-collapsed.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/hDVgiLsTTKpNEpBo?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb Component](./images/breadcrumb-collapsed.webp)" %} ## Menu @@ -68,7 +68,7 @@ Menu mode shows the number of Breadcrumb items that can be accommodated within t ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/rXBqMhszzUTTXZrh?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb Component](./images/breadcrumb-menu.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/rXBqMhszzUTTXZrh?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb Component](./images/breadcrumb-menu.webp)" %} ## Wrap @@ -92,7 +92,7 @@ Wrap mode wraps the items to multiple lines when the Breadcrumb’s width exceed ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/VDVAsLCzJKeBQENj?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb Component](./images/breadcrumb-wrap.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/VDVAsLCzJKeBQENj?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb Component](./images/breadcrumb-wrap.webp)" %} ## Scroll @@ -118,7 +118,7 @@ Scroll mode shows an HTML scroll bar when the Breadcrumb’s width exceeds the c ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/BXrqihCTJgoRdALp?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb Component](./images/breadcrumb-scroll.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/BXrqihCTJgoRdALp?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb Component](./images/breadcrumb-scroll.webp)" %} ## Hidden @@ -142,7 +142,7 @@ Hidden mode shows the maximum number of items possible in the container space an ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/rZVqChCzJqeEiZQD?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb Component](./images/bread-overflow-hidden.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/rZVqChCzJqeEiZQD?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb Component](./images/bread-overflow-hidden.webp)" %} ## None diff --git a/blazor/breadcrumb/style-and-appearance.md b/blazor/breadcrumb/style-and-appearance.md index 11ba7d5e38..f6e404fbd4 100644 --- a/blazor/breadcrumb/style-and-appearance.md +++ b/blazor/breadcrumb/style-and-appearance.md @@ -53,4 +53,4 @@ Use the following CSS to customize the background and text color of Breadcrumb. ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/LNhoZsCXAGIEezKH?appbar=true&editor=true&result=true&errorlist=true&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb with Style and Appearance](./images/blazor-breadcrumb-style-and-appearance.png)" %} \ No newline at end of file +{% previewsample "https://blazorplayground.syncfusion.com/embed/LNhoZsCXAGIEezKH?appbar=true&editor=true&result=true&errorlist=true&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb with Style and Appearance](./images/blazor-breadcrumb-style-and-appearance.webp)" %} \ No newline at end of file diff --git a/blazor/breadcrumb/templates.md b/blazor/breadcrumb/templates.md index 3497a8a7f5..b6f0bd0eb4 100644 --- a/blazor/breadcrumb/templates.md +++ b/blazor/breadcrumb/templates.md @@ -47,7 +47,7 @@ In the following example, shopping cart details are used as Breadcrumb items and ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/BNhUsrippKxnwhYp?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb Component](./images/blazor-Breadcrumb-item-template.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/BNhUsrippKxnwhYp?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb Component](./images/blazor-Breadcrumb-item-template.webp)" %} ## Separator template @@ -77,7 +77,7 @@ In the following example, the separators are customized with icons using [Separa } ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/hjLUsrWzJARuZSHz?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb Component](./images/blazor-breadcrumb-separator-temp.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/hjLUsrWzJARuZSHz?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb Component](./images/blazor-breadcrumb-separator-temp.webp)" %} ## Customize Specific Item Template @@ -144,4 +144,4 @@ The specific breadcrumb item can be customizable by adding the custom element as } ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/VZBgCrsTpAvZIhgB?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb Component](./images/breadcrumb-specific-item-template.png)" %} \ No newline at end of file +{% previewsample "https://blazorplayground.syncfusion.com/embed/VZBgCrsTpAvZIhgB?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Breadcrumb Component](./images/breadcrumb-specific-item-template.webp)" %} \ No newline at end of file diff --git a/blazor/card/images/Blazor-Card-Component-Content-with-Image.png b/blazor/card/images/Blazor-Card-Component-Content-with-Image.png deleted file mode 100644 index 4d3b87c5e3..0000000000 Binary files a/blazor/card/images/Blazor-Card-Component-Content-with-Image.png and /dev/null differ diff --git a/blazor/card/images/Blazor-Card-Component-Content-with-Image.webp b/blazor/card/images/Blazor-Card-Component-Content-with-Image.webp new file mode 100644 index 0000000000..4f3adb12ef Binary files /dev/null and b/blazor/card/images/Blazor-Card-Component-Content-with-Image.webp differ diff --git a/blazor/card/images/Blazor-server-app-creation.png b/blazor/card/images/Blazor-server-app-creation.png deleted file mode 100644 index 02e4a025bf..0000000000 Binary files a/blazor/card/images/Blazor-server-app-creation.png and /dev/null differ diff --git a/blazor/card/images/Blazor-server-app-creation.webp b/blazor/card/images/Blazor-server-app-creation.webp new file mode 100644 index 0000000000..0d820ce3eb Binary files /dev/null and b/blazor/card/images/Blazor-server-app-creation.webp differ diff --git a/blazor/card/images/blazor-app-interactive-mode.png b/blazor/card/images/blazor-app-interactive-mode.png deleted file mode 100644 index 9edcc0e351..0000000000 Binary files a/blazor/card/images/blazor-app-interactive-mode.png and /dev/null differ diff --git a/blazor/card/images/blazor-app-interactive-mode.webp b/blazor/card/images/blazor-app-interactive-mode.webp new file mode 100644 index 0000000000..44f2080745 Binary files /dev/null and b/blazor/card/images/blazor-app-interactive-mode.webp differ diff --git a/blazor/card/images/blazor-card-component.png b/blazor/card/images/blazor-card-component.png deleted file mode 100644 index 4780101f81..0000000000 Binary files a/blazor/card/images/blazor-card-component.png and /dev/null differ diff --git a/blazor/card/images/blazor-card-component.webp b/blazor/card/images/blazor-card-component.webp new file mode 100644 index 0000000000..9238e54471 Binary files /dev/null and b/blazor/card/images/blazor-card-component.webp differ diff --git a/blazor/card/images/blazor-card-with-horizontal-orientation.PNG b/blazor/card/images/blazor-card-with-horizontal-orientation.PNG deleted file mode 100644 index 875b65d74c..0000000000 Binary files a/blazor/card/images/blazor-card-with-horizontal-orientation.PNG and /dev/null differ diff --git a/blazor/card/images/blazor-card-with-horizontal-orientation.webp b/blazor/card/images/blazor-card-with-horizontal-orientation.webp new file mode 100644 index 0000000000..77532bb1f9 Binary files /dev/null and b/blazor/card/images/blazor-card-with-horizontal-orientation.webp differ diff --git a/blazor/card/images/blazor-create-web-app.png b/blazor/card/images/blazor-create-web-app.png deleted file mode 100644 index 7dd6e612d2..0000000000 Binary files a/blazor/card/images/blazor-create-web-app.png and /dev/null differ diff --git a/blazor/card/images/blazor-create-web-app.webp b/blazor/card/images/blazor-create-web-app.webp new file mode 100644 index 0000000000..199356f771 Binary files /dev/null and b/blazor/card/images/blazor-create-web-app.webp differ diff --git a/blazor/card/images/blazor-wasm-app-template.png b/blazor/card/images/blazor-wasm-app-template.png deleted file mode 100644 index 8cf1737d81..0000000000 Binary files a/blazor/card/images/blazor-wasm-app-template.png and /dev/null differ diff --git a/blazor/card/images/blazor-wasm-app-template.webp b/blazor/card/images/blazor-wasm-app-template.webp new file mode 100644 index 0000000000..6824d1db62 Binary files /dev/null and b/blazor/card/images/blazor-wasm-app-template.webp differ diff --git a/blazor/carousel/images/Blazor-server-app-creation.png b/blazor/carousel/images/Blazor-server-app-creation.png deleted file mode 100644 index 02e4a025bf..0000000000 Binary files a/blazor/carousel/images/Blazor-server-app-creation.png and /dev/null differ diff --git a/blazor/carousel/images/Blazor-server-app-creation.webp b/blazor/carousel/images/Blazor-server-app-creation.webp new file mode 100644 index 0000000000..0d820ce3eb Binary files /dev/null and b/blazor/carousel/images/Blazor-server-app-creation.webp differ diff --git a/blazor/carousel/images/blazor-app-interactive-mode.png b/blazor/carousel/images/blazor-app-interactive-mode.png deleted file mode 100644 index 9edcc0e351..0000000000 Binary files a/blazor/carousel/images/blazor-app-interactive-mode.png and /dev/null differ diff --git a/blazor/carousel/images/blazor-app-interactive-mode.webp b/blazor/carousel/images/blazor-app-interactive-mode.webp new file mode 100644 index 0000000000..44f2080745 Binary files /dev/null and b/blazor/carousel/images/blazor-app-interactive-mode.webp differ diff --git a/blazor/carousel/images/blazor-carousel-getting-started.png b/blazor/carousel/images/blazor-carousel-getting-started.png deleted file mode 100644 index 47465c172b..0000000000 Binary files a/blazor/carousel/images/blazor-carousel-getting-started.png and /dev/null differ diff --git a/blazor/carousel/images/blazor-carousel-getting-started.webp b/blazor/carousel/images/blazor-carousel-getting-started.webp new file mode 100644 index 0000000000..77a614a9bd Binary files /dev/null and b/blazor/carousel/images/blazor-carousel-getting-started.webp differ diff --git a/blazor/carousel/images/blazor-create-web-app.png b/blazor/carousel/images/blazor-create-web-app.png deleted file mode 100644 index 7dd6e612d2..0000000000 Binary files a/blazor/carousel/images/blazor-create-web-app.png and /dev/null differ diff --git a/blazor/carousel/images/blazor-create-web-app.webp b/blazor/carousel/images/blazor-create-web-app.webp new file mode 100644 index 0000000000..199356f771 Binary files /dev/null and b/blazor/carousel/images/blazor-create-web-app.webp differ diff --git a/blazor/carousel/images/blazor-wasm-app-template.png b/blazor/carousel/images/blazor-wasm-app-template.png deleted file mode 100644 index 8cf1737d81..0000000000 Binary files a/blazor/carousel/images/blazor-wasm-app-template.png and /dev/null differ diff --git a/blazor/carousel/images/blazor-wasm-app-template.webp b/blazor/carousel/images/blazor-wasm-app-template.webp new file mode 100644 index 0000000000..6824d1db62 Binary files /dev/null and b/blazor/carousel/images/blazor-wasm-app-template.webp differ diff --git a/blazor/carousel/images/carousel.jpg b/blazor/carousel/images/carousel.jpg deleted file mode 100644 index 3e54b1b295..0000000000 Binary files a/blazor/carousel/images/carousel.jpg and /dev/null differ diff --git a/blazor/carousel/images/carousel.webp b/blazor/carousel/images/carousel.webp new file mode 100644 index 0000000000..8357578509 Binary files /dev/null and b/blazor/carousel/images/carousel.webp differ diff --git a/blazor/carousel/images/custom_animation.gif b/blazor/carousel/images/custom_animation.gif deleted file mode 100644 index c921b87228..0000000000 Binary files a/blazor/carousel/images/custom_animation.gif and /dev/null differ diff --git a/blazor/carousel/images/custom_animation.webp b/blazor/carousel/images/custom_animation.webp new file mode 100644 index 0000000000..99d1c7a349 Binary files /dev/null and b/blazor/carousel/images/custom_animation.webp differ diff --git a/blazor/carousel/images/fade_animation.gif b/blazor/carousel/images/fade_animation.gif deleted file mode 100644 index ac4f178fc8..0000000000 Binary files a/blazor/carousel/images/fade_animation.gif and /dev/null differ diff --git a/blazor/carousel/images/fade_animation.webp b/blazor/carousel/images/fade_animation.webp new file mode 100644 index 0000000000..bd271bf949 Binary files /dev/null and b/blazor/carousel/images/fade_animation.webp differ diff --git a/blazor/carousel/images/indicator-default.png b/blazor/carousel/images/indicator-default.png deleted file mode 100644 index 3a213b3ea8..0000000000 Binary files a/blazor/carousel/images/indicator-default.png and /dev/null differ diff --git a/blazor/carousel/images/indicator-default.webp b/blazor/carousel/images/indicator-default.webp new file mode 100644 index 0000000000..31f6f8c4f8 Binary files /dev/null and b/blazor/carousel/images/indicator-default.webp differ diff --git a/blazor/carousel/images/indicator-dynamic.png b/blazor/carousel/images/indicator-dynamic.png deleted file mode 100644 index 4512567b88..0000000000 Binary files a/blazor/carousel/images/indicator-dynamic.png and /dev/null differ diff --git a/blazor/carousel/images/indicator-dynamic.webp b/blazor/carousel/images/indicator-dynamic.webp new file mode 100644 index 0000000000..af11aa1cb2 Binary files /dev/null and b/blazor/carousel/images/indicator-dynamic.webp differ diff --git a/blazor/carousel/images/indicator-fraction.png b/blazor/carousel/images/indicator-fraction.png deleted file mode 100644 index a2beba0c26..0000000000 Binary files a/blazor/carousel/images/indicator-fraction.png and /dev/null differ diff --git a/blazor/carousel/images/indicator-fraction.webp b/blazor/carousel/images/indicator-fraction.webp new file mode 100644 index 0000000000..24c86a07b9 Binary files /dev/null and b/blazor/carousel/images/indicator-fraction.webp differ diff --git a/blazor/carousel/images/indicator-progress.png b/blazor/carousel/images/indicator-progress.png deleted file mode 100644 index 7a85e2e398..0000000000 Binary files a/blazor/carousel/images/indicator-progress.png and /dev/null differ diff --git a/blazor/carousel/images/indicator-progress.webp b/blazor/carousel/images/indicator-progress.webp new file mode 100644 index 0000000000..a0cee5e757 Binary files /dev/null and b/blazor/carousel/images/indicator-progress.webp differ diff --git a/blazor/carousel/images/indicator-size.jpg b/blazor/carousel/images/indicator-size.jpg deleted file mode 100644 index 7a34733b8b..0000000000 Binary files a/blazor/carousel/images/indicator-size.jpg and /dev/null differ diff --git a/blazor/carousel/images/indicator-size.webp b/blazor/carousel/images/indicator-size.webp new file mode 100644 index 0000000000..c804815dbf Binary files /dev/null and b/blazor/carousel/images/indicator-size.webp differ diff --git a/blazor/carousel/images/indicators-outside.jpg b/blazor/carousel/images/indicators-outside.jpg deleted file mode 100644 index 4f43b9b95e..0000000000 Binary files a/blazor/carousel/images/indicators-outside.jpg and /dev/null differ diff --git a/blazor/carousel/images/indicators-outside.webp b/blazor/carousel/images/indicators-outside.webp new file mode 100644 index 0000000000..35a77d08dd Binary files /dev/null and b/blazor/carousel/images/indicators-outside.webp differ diff --git a/blazor/carousel/images/indicators.jpg b/blazor/carousel/images/indicators.jpg deleted file mode 100644 index 88b2c0ac91..0000000000 Binary files a/blazor/carousel/images/indicators.jpg and /dev/null differ diff --git a/blazor/carousel/images/indicators.webp b/blazor/carousel/images/indicators.webp new file mode 100644 index 0000000000..9924b201da Binary files /dev/null and b/blazor/carousel/images/indicators.webp differ diff --git a/blazor/carousel/images/indicators_hidden.png b/blazor/carousel/images/indicators_hidden.png deleted file mode 100644 index 08204363eb..0000000000 Binary files a/blazor/carousel/images/indicators_hidden.png and /dev/null differ diff --git a/blazor/carousel/images/indicators_hidden.webp b/blazor/carousel/images/indicators_hidden.webp new file mode 100644 index 0000000000..b0c4a9ea8c Binary files /dev/null and b/blazor/carousel/images/indicators_hidden.webp differ diff --git a/blazor/carousel/images/indicators_preview.png b/blazor/carousel/images/indicators_preview.png deleted file mode 100644 index 78f19d8819..0000000000 Binary files a/blazor/carousel/images/indicators_preview.png and /dev/null differ diff --git a/blazor/carousel/images/indicators_preview.webp b/blazor/carousel/images/indicators_preview.webp new file mode 100644 index 0000000000..c69aaf816b Binary files /dev/null and b/blazor/carousel/images/indicators_preview.webp differ diff --git a/blazor/carousel/images/indicators_template.png b/blazor/carousel/images/indicators_template.png deleted file mode 100644 index 186dd6d44e..0000000000 Binary files a/blazor/carousel/images/indicators_template.png and /dev/null differ diff --git a/blazor/carousel/images/indicators_template.webp b/blazor/carousel/images/indicators_template.webp new file mode 100644 index 0000000000..9afacd7ab6 Binary files /dev/null and b/blazor/carousel/images/indicators_template.webp differ diff --git a/blazor/carousel/images/looping_slides.png b/blazor/carousel/images/looping_slides.png deleted file mode 100644 index 58235bc9e4..0000000000 Binary files a/blazor/carousel/images/looping_slides.png and /dev/null differ diff --git a/blazor/carousel/images/looping_slides.webp b/blazor/carousel/images/looping_slides.webp new file mode 100644 index 0000000000..fcc85c64b7 Binary files /dev/null and b/blazor/carousel/images/looping_slides.webp differ diff --git a/blazor/carousel/images/navigators-position.jpg b/blazor/carousel/images/navigators-position.jpg deleted file mode 100644 index 0e0ff877db..0000000000 Binary files a/blazor/carousel/images/navigators-position.jpg and /dev/null differ diff --git a/blazor/carousel/images/navigators-position.webp b/blazor/carousel/images/navigators-position.webp new file mode 100644 index 0000000000..5a8254169f Binary files /dev/null and b/blazor/carousel/images/navigators-position.webp differ diff --git a/blazor/carousel/images/navigators-size-color.jpg b/blazor/carousel/images/navigators-size-color.jpg deleted file mode 100644 index 931d17bb3a..0000000000 Binary files a/blazor/carousel/images/navigators-size-color.jpg and /dev/null differ diff --git a/blazor/carousel/images/navigators-size-color.webp b/blazor/carousel/images/navigators-size-color.webp new file mode 100644 index 0000000000..edb453563b Binary files /dev/null and b/blazor/carousel/images/navigators-size-color.webp differ diff --git a/blazor/carousel/images/navigators_hidden.png b/blazor/carousel/images/navigators_hidden.png deleted file mode 100644 index 1a32fa9122..0000000000 Binary files a/blazor/carousel/images/navigators_hidden.png and /dev/null differ diff --git a/blazor/carousel/images/navigators_hidden.webp b/blazor/carousel/images/navigators_hidden.webp new file mode 100644 index 0000000000..2521ffeeda Binary files /dev/null and b/blazor/carousel/images/navigators_hidden.webp differ diff --git a/blazor/carousel/images/navigators_onhover.gif b/blazor/carousel/images/navigators_onhover.gif deleted file mode 100644 index 644ef82c5d..0000000000 Binary files a/blazor/carousel/images/navigators_onhover.gif and /dev/null differ diff --git a/blazor/carousel/images/navigators_onhover.webp b/blazor/carousel/images/navigators_onhover.webp new file mode 100644 index 0000000000..8b6aeb7d26 Binary files /dev/null and b/blazor/carousel/images/navigators_onhover.webp differ diff --git a/blazor/carousel/images/navigators_template.png b/blazor/carousel/images/navigators_template.png deleted file mode 100644 index 0dbcd85d23..0000000000 Binary files a/blazor/carousel/images/navigators_template.png and /dev/null differ diff --git a/blazor/carousel/images/navigators_template.webp b/blazor/carousel/images/navigators_template.webp new file mode 100644 index 0000000000..8e78c715a1 Binary files /dev/null and b/blazor/carousel/images/navigators_template.webp differ diff --git a/blazor/carousel/images/partial-slide-size.jpg b/blazor/carousel/images/partial-slide-size.jpg deleted file mode 100644 index c2217e9395..0000000000 Binary files a/blazor/carousel/images/partial-slide-size.jpg and /dev/null differ diff --git a/blazor/carousel/images/partial-slide-size.webp b/blazor/carousel/images/partial-slide-size.webp new file mode 100644 index 0000000000..2f354e12b4 Binary files /dev/null and b/blazor/carousel/images/partial-slide-size.webp differ diff --git a/blazor/carousel/images/partial-visible.jpg b/blazor/carousel/images/partial-visible.jpg deleted file mode 100644 index 8ed088b05c..0000000000 Binary files a/blazor/carousel/images/partial-visible.jpg and /dev/null differ diff --git a/blazor/carousel/images/partial-visible.webp b/blazor/carousel/images/partial-visible.webp new file mode 100644 index 0000000000..9ae98cf47f Binary files /dev/null and b/blazor/carousel/images/partial-visible.webp differ diff --git a/blazor/carousel/images/play_button.png b/blazor/carousel/images/play_button.png deleted file mode 100644 index 581bc59069..0000000000 Binary files a/blazor/carousel/images/play_button.png and /dev/null differ diff --git a/blazor/carousel/images/play_button.webp b/blazor/carousel/images/play_button.webp new file mode 100644 index 0000000000..5713beab19 Binary files /dev/null and b/blazor/carousel/images/play_button.webp differ diff --git a/blazor/carousel/images/play_button_template.png b/blazor/carousel/images/play_button_template.png deleted file mode 100644 index e01181d6d8..0000000000 Binary files a/blazor/carousel/images/play_button_template.png and /dev/null differ diff --git a/blazor/carousel/images/play_button_template.webp b/blazor/carousel/images/play_button_template.webp new file mode 100644 index 0000000000..e955a947da Binary files /dev/null and b/blazor/carousel/images/play_button_template.webp differ diff --git a/blazor/carousel/images/previous-next.jpg b/blazor/carousel/images/previous-next.jpg deleted file mode 100644 index 9fe3254aa6..0000000000 Binary files a/blazor/carousel/images/previous-next.jpg and /dev/null differ diff --git a/blazor/carousel/images/previous-next.webp b/blazor/carousel/images/previous-next.webp new file mode 100644 index 0000000000..905fbbba40 Binary files /dev/null and b/blazor/carousel/images/previous-next.webp differ diff --git a/blazor/carousel/images/selected_index.png b/blazor/carousel/images/selected_index.png deleted file mode 100644 index 755ca98510..0000000000 Binary files a/blazor/carousel/images/selected_index.png and /dev/null differ diff --git a/blazor/carousel/images/selected_index.webp b/blazor/carousel/images/selected_index.webp new file mode 100644 index 0000000000..2e9cc360ca Binary files /dev/null and b/blazor/carousel/images/selected_index.webp differ diff --git a/blazor/carousel/images/swipe.gif b/blazor/carousel/images/swipe.gif deleted file mode 100644 index f7bf95f636..0000000000 Binary files a/blazor/carousel/images/swipe.gif and /dev/null differ diff --git a/blazor/carousel/images/swipe.webp b/blazor/carousel/images/swipe.webp new file mode 100644 index 0000000000..6ba0b64e77 Binary files /dev/null and b/blazor/carousel/images/swipe.webp differ diff --git a/blazor/carousel/images/without-loop.jpg b/blazor/carousel/images/without-loop.jpg deleted file mode 100644 index aecdea1fea..0000000000 Binary files a/blazor/carousel/images/without-loop.jpg and /dev/null differ diff --git a/blazor/carousel/images/without-loop.webp b/blazor/carousel/images/without-loop.webp new file mode 100644 index 0000000000..8c5073eb96 Binary files /dev/null and b/blazor/carousel/images/without-loop.webp differ diff --git a/blazor/carousel/styles-and-appearance.md b/blazor/carousel/styles-and-appearance.md index 88898a22cf..d25e2eb352 100644 --- a/blazor/carousel/styles-and-appearance.md +++ b/blazor/carousel/styles-and-appearance.md @@ -27,7 +27,7 @@ The following content provides the exact CSS structure that can be used to modif |.e-carousel .e-carousel-navigators .e-play-pause|To customize the play and pause button |.e-carousel.e-partial .e-carousel-slide-container|To customize the partial visible slides -![Carousel](./images/carousel.jpg) +![Carousel](./images/carousel.webp) ## Customizing the indicators @@ -41,7 +41,7 @@ Use the following CSS to customize the space between indicators by overriding th ``` -![Carousel](./images/indicators.jpg) +![Carousel](./images/indicators.webp) Use the following CSS to customize the indicators appearance by overriding the `.e-indicator` CSS class. @@ -54,7 +54,7 @@ Use the following CSS to customize the indicators appearance by overriding the ` ``` -![Carousel](./images/indicator-size.jpg) +![Carousel](./images/indicator-size.webp) Use the following CSS to render the indicators outside the carousel items by overriding the `.e-carousel-indicators` CSS class. @@ -66,7 +66,7 @@ Use the following CSS to render the indicators outside the carousel items by ove ``` -![Carousel](./images/indicators-outside.jpg) +![Carousel](./images/indicators-outside.webp) ## Customizing the navigators @@ -83,7 +83,7 @@ Use the following CSS to customize the previous and next icon size and colors. ``` -![Carousel](./images/navigators-size-color.jpg) +![Carousel](./images/navigators-size-color.webp) Use the following CSS to customize the navigators position to bottom by overriding the `.e-carousel-navigators` CSS class. @@ -95,7 +95,7 @@ Use the following CSS to customize the navigators position to bottom by overridi ``` -![Carousel](./images/navigators-position.jpg) +![Carousel](./images/navigators-position.webp) Use the following CSS to render the previous and next icon to outside the carousel items by overriding the `.e-previous` and `.e-next` CSS class. @@ -110,7 +110,7 @@ Use the following CSS to render the previous and next icon to outside the carous ``` -![Carousel](./images/previous-next.jpg) +![Carousel](./images/previous-next.webp) ## Customizing partial slides size @@ -124,4 +124,4 @@ You can customize the partial slide size by overriding the `.e-carousel-slide-co ``` -![Carousel](./images/partial-slide-size.jpg) \ No newline at end of file +![Carousel](./images/partial-slide-size.webp) \ No newline at end of file diff --git a/blazor/context-menu/customizing-and-multilevel-nesting.md b/blazor/context-menu/customizing-and-multilevel-nesting.md index ca25ae26f5..2dfa39e74c 100644 --- a/blazor/context-menu/customizing-and-multilevel-nesting.md +++ b/blazor/context-menu/customizing-and-multilevel-nesting.md @@ -55,7 +55,7 @@ To customize [Blazor Context Menu](https://www.syncfusion.com/blazor-components/ ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/BXVACVVcUYeycxMc?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Customizing Blazor ContextMenu Items](./images/blazor-contextmenu-items.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/BXVACVVcUYeycxMc?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Customizing Blazor ContextMenu Items](./images/blazor-contextmenu-items.webp)" %} ### Customizing Context Menu items using CssClass @@ -93,7 +93,7 @@ The Context Menu items can be customized by using the `CssClass` property. In th ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/LXhqMLhwAOylWmij?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Customizing Blazor ContextMenu Items](./images/blazor-contextmenu-item-customization.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/LXhqMLhwAOylWmij?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Customizing Blazor ContextMenu Items](./images/blazor-contextmenu-item-customization.webp)" %} ## Multilevel nesting @@ -134,4 +134,4 @@ The Multiple level nesting supports in Context Menu. It can be achieved by mappi ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/VDrgsrhQganDCPmC?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Multilevel Nesting in Blazor ContextMenu](./images/blazor-contextmenu-with-multilevel.png)" %} \ No newline at end of file +{% previewsample "https://blazorplayground.syncfusion.com/embed/VDrgsrhQganDCPmC?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Multilevel Nesting in Blazor ContextMenu](./images/blazor-contextmenu-with-multilevel.webp)" %} \ No newline at end of file diff --git a/blazor/context-menu/getting-started-with-server-app.md b/blazor/context-menu/getting-started-with-server-app.md index edd211ebf0..f4aa1da457 100644 --- a/blazor/context-menu/getting-started-with-server-app.md +++ b/blazor/context-menu/getting-started-with-server-app.md @@ -189,7 +189,7 @@ N> If the Interactivity Location is set to `Global`, the render mode is automati * Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Syncfusion® Blazor ContextMenu component in the default web browser. -{% previewsample "https://blazorplayground.syncfusion.com/embed/rtBftMLEBgCMeGpg?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor ContextMenu Component](./images/blazor-contextmenu-component.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/rtBftMLEBgCMeGpg?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor ContextMenu Component](./images/blazor-contextmenu-component.webp)" %} N> [View Sample in GitHub](https://github.com/SyncfusionExamples/Blazor-Getting-Started-Examples/tree/main/ContextMenu). diff --git a/blazor/context-menu/getting-started-with-web-app.md b/blazor/context-menu/getting-started-with-web-app.md index 6f8b852adb..e34f0890b7 100644 --- a/blazor/context-menu/getting-started-with-web-app.md +++ b/blazor/context-menu/getting-started-with-web-app.md @@ -197,7 +197,7 @@ N> If the **Interactivity Location** is set to `Global` with `Auto` or `WebAssem * Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Syncfusion® Blazor ContextMenu component in the default web browser. -{% previewsample "https://blazorplayground.syncfusion.com/embed/rtBftMLEBgCMeGpg?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor ContextMenu Component](./images/blazor-contextmenu-component.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/rtBftMLEBgCMeGpg?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor ContextMenu Component](./images/blazor-contextmenu-component.webp)" %} N> [View Sample in GitHub](https://github.com/SyncfusionExamples/Blazor-Getting-Started-Examples/tree/main/ContextMenu). diff --git a/blazor/context-menu/getting-started.md b/blazor/context-menu/getting-started.md index 6b243b4428..5ac8adcbbc 100644 --- a/blazor/context-menu/getting-started.md +++ b/blazor/context-menu/getting-started.md @@ -176,7 +176,7 @@ Add the Syncfusion® Blazor ContextMenu comp * Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Syncfusion® Blazor ContextMenu component in the default web browser. -{% previewsample "https://blazorplayground.syncfusion.com/embed/rtBftMLEBgCMeGpg?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor ContextMenu Component](./images/blazor-contextmenu-component.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/rtBftMLEBgCMeGpg?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor ContextMenu Component](./images/blazor-contextmenu-component.webp)" %} N> [View sample in GitHub](https://github.com/SyncfusionExamples/Blazor-Getting-Started-Examples/tree/main/ContextMenu). diff --git a/blazor/context-menu/how-to/bind-menu-events.md b/blazor/context-menu/how-to/bind-menu-events.md index 4900c5cd8d..1b32f80e44 100644 --- a/blazor/context-menu/how-to/bind-menu-events.md +++ b/blazor/context-menu/how-to/bind-menu-events.md @@ -48,4 +48,4 @@ To bind the menu event in the context menu [ItemSelected](https://help.syncfusio ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/rZhUCBBcgOQARqgw?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Binding Blazor ContextMenu Events](./../images/blazor-contextmenu-component.png)" %} \ No newline at end of file +{% previewsample "https://blazorplayground.syncfusion.com/embed/rZhUCBBcgOQARqgw?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Binding Blazor ContextMenu Events](./../images/blazor-contextmenu-component.webp)" %} \ No newline at end of file diff --git a/blazor/context-menu/how-to/change-animation-settings.md b/blazor/context-menu/how-to/change-animation-settings.md index 745ec2f029..62e2384ff6 100644 --- a/blazor/context-menu/how-to/change-animation-settings.md +++ b/blazor/context-menu/how-to/change-animation-settings.md @@ -48,4 +48,4 @@ The following sample illustrates how to open Context Menu with `FadeIn` effect w ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/BjLAirrwgacxYkyN?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor ContextMenu with Animation](./../images/blazor-contextmenu-component.png)" %} \ No newline at end of file +{% previewsample "https://blazorplayground.syncfusion.com/embed/BjLAirrwgacxYkyN?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor ContextMenu with Animation](./../images/blazor-contextmenu-component.webp)" %} \ No newline at end of file diff --git a/blazor/context-menu/how-to/data-binding.md b/blazor/context-menu/how-to/data-binding.md index 83f135bc72..e6a2a4b991 100644 --- a/blazor/context-menu/how-to/data-binding.md +++ b/blazor/context-menu/how-to/data-binding.md @@ -51,4 +51,4 @@ To bind local data source to the Context Menu, menu items are populated from dat ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/VXLAWhrcKOGPagPi?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Data Binding in Blazor ContextMenu](./../images/blazor-contextmenu-databinding.png)" %} \ No newline at end of file +{% previewsample "https://blazorplayground.syncfusion.com/embed/VXLAWhrcKOGPagPi?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Data Binding in Blazor ContextMenu](./../images/blazor-contextmenu-databinding.webp)" %} \ No newline at end of file diff --git a/blazor/context-menu/how-to/enable-or-disable-context-menu-items.md b/blazor/context-menu/how-to/enable-or-disable-context-menu-items.md index aaa83ff52a..3a868eaba4 100644 --- a/blazor/context-menu/how-to/enable-or-disable-context-menu-items.md +++ b/blazor/context-menu/how-to/enable-or-disable-context-menu-items.md @@ -63,6 +63,6 @@ In the following example, the **Display Settings** in parent items is disabled d ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/rtBUiVVGAalMSCbE?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Enabling or Disabling Items in Blazor ContextMenu](./../images/blazor-contextmenu-enable-disable-item.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/rtBUiVVGAalMSCbE?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Enabling or Disabling Items in Blazor ContextMenu](./../images/blazor-contextmenu-enable-disable-item.webp)" %} N> To disable sub menu items, use the `OnOpen` event. diff --git a/blazor/context-menu/how-to/open-and-close-context-menu.md b/blazor/context-menu/how-to/open-and-close-context-menu.md index 79394579b4..2c015a2e9f 100644 --- a/blazor/context-menu/how-to/open-and-close-context-menu.md +++ b/blazor/context-menu/how-to/open-and-close-context-menu.md @@ -38,4 +38,4 @@ To manually close the Context Menu, [Close](https://help.syncfusion.com/cr/blazo ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/rXrUMLrGUuEEhxVL?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor ContextMenu displays Dialog Menu](./../images/blazor-contextmenu-dialog.png)" %} \ No newline at end of file +{% previewsample "https://blazorplayground.syncfusion.com/embed/rXrUMLrGUuEEhxVL?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor ContextMenu displays Dialog Menu](./../images/blazor-contextmenu-dialog.webp)" %} \ No newline at end of file diff --git a/blazor/context-menu/how-to/open-context-menu-click.md b/blazor/context-menu/how-to/open-context-menu-click.md index 62a89bd576..5e9258b454 100644 --- a/blazor/context-menu/how-to/open-context-menu-click.md +++ b/blazor/context-menu/how-to/open-context-menu-click.md @@ -48,4 +48,4 @@ In the following sample, Sub Menu will open while clicking `Save` item. ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/hDBUiLLwAuYIrlKL?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor ContextMenu](./../images/contextmenu-submenu.png)" %} \ No newline at end of file +{% previewsample "https://blazorplayground.syncfusion.com/embed/hDBUiLLwAuYIrlKL?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor ContextMenu](./../images/contextmenu-submenu.webp)" %} \ No newline at end of file diff --git a/blazor/context-menu/how-to/open-dialog.md b/blazor/context-menu/how-to/open-dialog.md index dc0f293b7d..89cc37793d 100644 --- a/blazor/context-menu/how-to/open-dialog.md +++ b/blazor/context-menu/how-to/open-dialog.md @@ -65,4 +65,4 @@ In the following sample, Dialog will open while clicking `Save As...` item. ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/LthUWrrGqYuNWlPV?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor ContextMenu](./../images/blazor-contextmenu.png)" %} \ No newline at end of file +{% previewsample "https://blazorplayground.syncfusion.com/embed/LthUWrrGqYuNWlPV?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor ContextMenu](./../images/blazor-contextmenu.webp)" %} \ No newline at end of file diff --git a/blazor/context-menu/how-to/scrollable-context-menu.md b/blazor/context-menu/how-to/scrollable-context-menu.md index 6d8eab7a65..90a5f39a13 100644 --- a/blazor/context-menu/how-to/scrollable-context-menu.md +++ b/blazor/context-menu/how-to/scrollable-context-menu.md @@ -60,4 +60,4 @@ To achieve this functionality, set the `EnableScrolling` property to `true`. Add ``` -![Blazor ContextMenu with Scroller Support](./../images/blazor-contextmenu-scroller.png) \ No newline at end of file +![Blazor ContextMenu with Scroller Support](./../images/blazor-contextmenu-scroller.webp) \ No newline at end of file diff --git a/blazor/context-menu/icons-and-navigations.md b/blazor/context-menu/icons-and-navigations.md index 983001b789..24851c07f6 100644 --- a/blazor/context-menu/icons-and-navigations.md +++ b/blazor/context-menu/icons-and-navigations.md @@ -48,7 +48,7 @@ The [Blazor Context Menu](https://www.syncfusion.com/blazor-components/blazor-co ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/rjrUsBrmqknfsARd?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor ContextMenu with Icon](./images/blazor-contextmenu-icon.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/rjrUsBrmqknfsARd?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor ContextMenu with Icon](./images/blazor-contextmenu-icon.webp)" %} N> The Context Menu provides a set of [icons](https://blazor.syncfusion.com/documentation/appearance/icons) that can be loaded by applying `e-icons` class name to the element. You can also use third party icons on the Context Menu using the `IconCss`property. @@ -83,4 +83,4 @@ Navigation in Context Menu is used to navigate to the other web page when menu i ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/LtVACrLGKuddWNNk?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Navigation in Blazor ContextMenu](./images/blazor-contextmenu-navigation.png)" %} \ No newline at end of file +{% previewsample "https://blazorplayground.syncfusion.com/embed/LtVACrLGKuddWNNk?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Navigation in Blazor ContextMenu](./images/blazor-contextmenu-navigation.webp)" %} \ No newline at end of file diff --git a/blazor/context-menu/images/Blazor-server-app-creation.png b/blazor/context-menu/images/Blazor-server-app-creation.png deleted file mode 100644 index 02e4a025bf..0000000000 Binary files a/blazor/context-menu/images/Blazor-server-app-creation.png and /dev/null differ diff --git a/blazor/context-menu/images/Blazor-server-app-creation.webp b/blazor/context-menu/images/Blazor-server-app-creation.webp new file mode 100644 index 0000000000..0d820ce3eb Binary files /dev/null and b/blazor/context-menu/images/Blazor-server-app-creation.webp differ diff --git a/blazor/context-menu/images/blazor-app-interactive-mode.png b/blazor/context-menu/images/blazor-app-interactive-mode.png deleted file mode 100644 index 9edcc0e351..0000000000 Binary files a/blazor/context-menu/images/blazor-app-interactive-mode.png and /dev/null differ diff --git a/blazor/context-menu/images/blazor-app-interactive-mode.webp b/blazor/context-menu/images/blazor-app-interactive-mode.webp new file mode 100644 index 0000000000..44f2080745 Binary files /dev/null and b/blazor/context-menu/images/blazor-app-interactive-mode.webp differ diff --git a/blazor/context-menu/images/blazor-contextmenu-component.PNG b/blazor/context-menu/images/blazor-contextmenu-component.PNG deleted file mode 100644 index 51f76297a6..0000000000 Binary files a/blazor/context-menu/images/blazor-contextmenu-component.PNG and /dev/null differ diff --git a/blazor/context-menu/images/blazor-contextmenu-component.webp b/blazor/context-menu/images/blazor-contextmenu-component.webp new file mode 100644 index 0000000000..517a9f35ed Binary files /dev/null and b/blazor/context-menu/images/blazor-contextmenu-component.webp differ diff --git a/blazor/context-menu/images/blazor-contextmenu-databinding.png b/blazor/context-menu/images/blazor-contextmenu-databinding.png deleted file mode 100644 index a1dc271455..0000000000 Binary files a/blazor/context-menu/images/blazor-contextmenu-databinding.png and /dev/null differ diff --git a/blazor/context-menu/images/blazor-contextmenu-databinding.webp b/blazor/context-menu/images/blazor-contextmenu-databinding.webp new file mode 100644 index 0000000000..313ab3e99e Binary files /dev/null and b/blazor/context-menu/images/blazor-contextmenu-databinding.webp differ diff --git a/blazor/context-menu/images/blazor-contextmenu-dialog.PNG b/blazor/context-menu/images/blazor-contextmenu-dialog.PNG deleted file mode 100644 index b2ee9dcf65..0000000000 Binary files a/blazor/context-menu/images/blazor-contextmenu-dialog.PNG and /dev/null differ diff --git a/blazor/context-menu/images/blazor-contextmenu-dialog.webp b/blazor/context-menu/images/blazor-contextmenu-dialog.webp new file mode 100644 index 0000000000..2ac7cb01ca Binary files /dev/null and b/blazor/context-menu/images/blazor-contextmenu-dialog.webp differ diff --git a/blazor/context-menu/images/blazor-contextmenu-enable-disable-item.png b/blazor/context-menu/images/blazor-contextmenu-enable-disable-item.png deleted file mode 100644 index 8a68d3b2e2..0000000000 Binary files a/blazor/context-menu/images/blazor-contextmenu-enable-disable-item.png and /dev/null differ diff --git a/blazor/context-menu/images/blazor-contextmenu-enable-disable-item.webp b/blazor/context-menu/images/blazor-contextmenu-enable-disable-item.webp new file mode 100644 index 0000000000..1af6951507 Binary files /dev/null and b/blazor/context-menu/images/blazor-contextmenu-enable-disable-item.webp differ diff --git a/blazor/context-menu/images/blazor-contextmenu-icon.PNG b/blazor/context-menu/images/blazor-contextmenu-icon.PNG deleted file mode 100644 index d32a7affef..0000000000 Binary files a/blazor/context-menu/images/blazor-contextmenu-icon.PNG and /dev/null differ diff --git a/blazor/context-menu/images/blazor-contextmenu-icon.webp b/blazor/context-menu/images/blazor-contextmenu-icon.webp new file mode 100644 index 0000000000..ffab56c8ea Binary files /dev/null and b/blazor/context-menu/images/blazor-contextmenu-icon.webp differ diff --git a/blazor/context-menu/images/blazor-contextmenu-item-customization.png b/blazor/context-menu/images/blazor-contextmenu-item-customization.png deleted file mode 100644 index d626ea1c70..0000000000 Binary files a/blazor/context-menu/images/blazor-contextmenu-item-customization.png and /dev/null differ diff --git a/blazor/context-menu/images/blazor-contextmenu-item-customization.webp b/blazor/context-menu/images/blazor-contextmenu-item-customization.webp new file mode 100644 index 0000000000..5a514e06e1 Binary files /dev/null and b/blazor/context-menu/images/blazor-contextmenu-item-customization.webp differ diff --git a/blazor/context-menu/images/blazor-contextmenu-items.png b/blazor/context-menu/images/blazor-contextmenu-items.png deleted file mode 100644 index 41df769a53..0000000000 Binary files a/blazor/context-menu/images/blazor-contextmenu-items.png and /dev/null differ diff --git a/blazor/context-menu/images/blazor-contextmenu-items.webp b/blazor/context-menu/images/blazor-contextmenu-items.webp new file mode 100644 index 0000000000..52623d5525 Binary files /dev/null and b/blazor/context-menu/images/blazor-contextmenu-items.webp differ diff --git a/blazor/context-menu/images/blazor-contextmenu-navigation.png b/blazor/context-menu/images/blazor-contextmenu-navigation.png deleted file mode 100644 index d12c592f15..0000000000 Binary files a/blazor/context-menu/images/blazor-contextmenu-navigation.png and /dev/null differ diff --git a/blazor/context-menu/images/blazor-contextmenu-navigation.webp b/blazor/context-menu/images/blazor-contextmenu-navigation.webp new file mode 100644 index 0000000000..cf208d4a85 Binary files /dev/null and b/blazor/context-menu/images/blazor-contextmenu-navigation.webp differ diff --git a/blazor/context-menu/images/blazor-contextmenu-scroller.png b/blazor/context-menu/images/blazor-contextmenu-scroller.png deleted file mode 100644 index 30146588b2..0000000000 Binary files a/blazor/context-menu/images/blazor-contextmenu-scroller.png and /dev/null differ diff --git a/blazor/context-menu/images/blazor-contextmenu-scroller.webp b/blazor/context-menu/images/blazor-contextmenu-scroller.webp new file mode 100644 index 0000000000..d21cb6bd51 Binary files /dev/null and b/blazor/context-menu/images/blazor-contextmenu-scroller.webp differ diff --git a/blazor/context-menu/images/blazor-contextmenu-with-multilevel.png b/blazor/context-menu/images/blazor-contextmenu-with-multilevel.png deleted file mode 100644 index 91c3943c72..0000000000 Binary files a/blazor/context-menu/images/blazor-contextmenu-with-multilevel.png and /dev/null differ diff --git a/blazor/context-menu/images/blazor-contextmenu-with-multilevel.webp b/blazor/context-menu/images/blazor-contextmenu-with-multilevel.webp new file mode 100644 index 0000000000..9dd53de391 Binary files /dev/null and b/blazor/context-menu/images/blazor-contextmenu-with-multilevel.webp differ diff --git a/blazor/context-menu/images/blazor-contextmenu.PNG b/blazor/context-menu/images/blazor-contextmenu.PNG deleted file mode 100644 index ff23652dc2..0000000000 Binary files a/blazor/context-menu/images/blazor-contextmenu.PNG and /dev/null differ diff --git a/blazor/context-menu/images/blazor-contextmenu.webp b/blazor/context-menu/images/blazor-contextmenu.webp new file mode 100644 index 0000000000..da71275875 Binary files /dev/null and b/blazor/context-menu/images/blazor-contextmenu.webp differ diff --git a/blazor/context-menu/images/blazor-create-web-app.png b/blazor/context-menu/images/blazor-create-web-app.png deleted file mode 100644 index 7dd6e612d2..0000000000 Binary files a/blazor/context-menu/images/blazor-create-web-app.png and /dev/null differ diff --git a/blazor/context-menu/images/blazor-create-web-app.webp b/blazor/context-menu/images/blazor-create-web-app.webp new file mode 100644 index 0000000000..199356f771 Binary files /dev/null and b/blazor/context-menu/images/blazor-create-web-app.webp differ diff --git a/blazor/context-menu/images/blazor-wasm-app-template.png b/blazor/context-menu/images/blazor-wasm-app-template.png deleted file mode 100644 index 8cf1737d81..0000000000 Binary files a/blazor/context-menu/images/blazor-wasm-app-template.png and /dev/null differ diff --git a/blazor/context-menu/images/blazor-wasm-app-template.webp b/blazor/context-menu/images/blazor-wasm-app-template.webp new file mode 100644 index 0000000000..6824d1db62 Binary files /dev/null and b/blazor/context-menu/images/blazor-wasm-app-template.webp differ diff --git a/blazor/context-menu/images/cm-add.png b/blazor/context-menu/images/cm-add.png deleted file mode 100644 index 5c74141c2e..0000000000 Binary files a/blazor/context-menu/images/cm-add.png and /dev/null differ diff --git a/blazor/context-menu/images/cm-add.webp b/blazor/context-menu/images/cm-add.webp new file mode 100644 index 0000000000..f4c36d6127 Binary files /dev/null and b/blazor/context-menu/images/cm-add.webp differ diff --git a/blazor/context-menu/images/cm-dynamic.png b/blazor/context-menu/images/cm-dynamic.png deleted file mode 100644 index 92cf308f66..0000000000 Binary files a/blazor/context-menu/images/cm-dynamic.png and /dev/null differ diff --git a/blazor/context-menu/images/cm-dynamic.webp b/blazor/context-menu/images/cm-dynamic.webp new file mode 100644 index 0000000000..d85d358487 Binary files /dev/null and b/blazor/context-menu/images/cm-dynamic.webp differ diff --git a/blazor/context-menu/images/contextmenu-submenu.png b/blazor/context-menu/images/contextmenu-submenu.png deleted file mode 100644 index 6e567699d7..0000000000 Binary files a/blazor/context-menu/images/contextmenu-submenu.png and /dev/null differ diff --git a/blazor/context-menu/images/contextmenu-submenu.webp b/blazor/context-menu/images/contextmenu-submenu.webp new file mode 100644 index 0000000000..188f4c1f82 Binary files /dev/null and b/blazor/context-menu/images/contextmenu-submenu.webp differ diff --git a/blazor/context-menu/images/import-cdn.png b/blazor/context-menu/images/import-cdn.png deleted file mode 100644 index 075d96aab3..0000000000 Binary files a/blazor/context-menu/images/import-cdn.png and /dev/null differ diff --git a/blazor/context-menu/images/import-cdn.webp b/blazor/context-menu/images/import-cdn.webp new file mode 100644 index 0000000000..7db6a111c2 Binary files /dev/null and b/blazor/context-menu/images/import-cdn.webp differ diff --git a/blazor/context-menu/images/new-project.png b/blazor/context-menu/images/new-project.png deleted file mode 100644 index 057f6b0f7c..0000000000 Binary files a/blazor/context-menu/images/new-project.png and /dev/null differ diff --git a/blazor/context-menu/images/new-project.webp b/blazor/context-menu/images/new-project.webp new file mode 100644 index 0000000000..6ac8098d50 Binary files /dev/null and b/blazor/context-menu/images/new-project.webp differ diff --git a/blazor/context-menu/images/nuget-explorer.png b/blazor/context-menu/images/nuget-explorer.png deleted file mode 100644 index f9306f219e..0000000000 Binary files a/blazor/context-menu/images/nuget-explorer.png and /dev/null differ diff --git a/blazor/context-menu/images/nuget-explorer.webp b/blazor/context-menu/images/nuget-explorer.webp new file mode 100644 index 0000000000..4353f9ac92 Binary files /dev/null and b/blazor/context-menu/images/nuget-explorer.webp differ diff --git a/blazor/context-menu/images/razor-components-template.png b/blazor/context-menu/images/razor-components-template.png deleted file mode 100644 index 50082a3d37..0000000000 Binary files a/blazor/context-menu/images/razor-components-template.png and /dev/null differ diff --git a/blazor/context-menu/images/razor-components-template.webp b/blazor/context-menu/images/razor-components-template.webp new file mode 100644 index 0000000000..11187f3630 Binary files /dev/null and b/blazor/context-menu/images/razor-components-template.webp differ diff --git a/blazor/context-menu/images/select-nuget.png b/blazor/context-menu/images/select-nuget.png deleted file mode 100644 index 4b67d0ce11..0000000000 Binary files a/blazor/context-menu/images/select-nuget.png and /dev/null differ diff --git a/blazor/context-menu/images/select-nuget.webp b/blazor/context-menu/images/select-nuget.webp new file mode 100644 index 0000000000..d3bdf0e663 Binary files /dev/null and b/blazor/context-menu/images/select-nuget.webp differ diff --git a/blazor/dashboard-layout/faq/all-panels-rendered-at-the-same-position.md b/blazor/dashboard-layout/faq/all-panels-rendered-at-the-same-position.md index 4d71f1e484..ab4236e7b1 100644 --- a/blazor/dashboard-layout/faq/all-panels-rendered-at-the-same-position.md +++ b/blazor/dashboard-layout/faq/all-panels-rendered-at-the-same-position.md @@ -63,4 +63,4 @@ Here is an example demonstrating how to assign unique `Id` values to dynamically ``` {% previewsample "https://blazorplayground.syncfusion.com/embed/BXryNOLepGKtuKUL?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %} -![Blazor DashboardLayout](../images/panel-overlap.png) \ No newline at end of file +![Blazor DashboardLayout](../images/panel-overlap.webp) \ No newline at end of file diff --git a/blazor/dashboard-layout/images/Blazor-server-app-creation.png b/blazor/dashboard-layout/images/Blazor-server-app-creation.png deleted file mode 100644 index 02e4a025bf..0000000000 Binary files a/blazor/dashboard-layout/images/Blazor-server-app-creation.png and /dev/null differ diff --git a/blazor/dashboard-layout/images/Blazor-server-app-creation.webp b/blazor/dashboard-layout/images/Blazor-server-app-creation.webp new file mode 100644 index 0000000000..0d820ce3eb Binary files /dev/null and b/blazor/dashboard-layout/images/Blazor-server-app-creation.webp differ diff --git a/blazor/dashboard-layout/images/blazor-admin-template-layout-panel-size.png b/blazor/dashboard-layout/images/blazor-admin-template-layout-panel-size.png deleted file mode 100644 index 0cef273098..0000000000 Binary files a/blazor/dashboard-layout/images/blazor-admin-template-layout-panel-size.png and /dev/null differ diff --git a/blazor/dashboard-layout/images/blazor-admin-template-layout-panel-size.webp b/blazor/dashboard-layout/images/blazor-admin-template-layout-panel-size.webp new file mode 100644 index 0000000000..f2649b7077 Binary files /dev/null and b/blazor/dashboard-layout/images/blazor-admin-template-layout-panel-size.webp differ diff --git a/blazor/dashboard-layout/images/blazor-admin-template-layout-with-header.png b/blazor/dashboard-layout/images/blazor-admin-template-layout-with-header.png deleted file mode 100644 index 258bced48e..0000000000 Binary files a/blazor/dashboard-layout/images/blazor-admin-template-layout-with-header.png and /dev/null differ diff --git a/blazor/dashboard-layout/images/blazor-admin-template-layout-with-header.webp b/blazor/dashboard-layout/images/blazor-admin-template-layout-with-header.webp new file mode 100644 index 0000000000..b1717d72aa Binary files /dev/null and b/blazor/dashboard-layout/images/blazor-admin-template-layout-with-header.webp differ diff --git a/blazor/dashboard-layout/images/blazor-app-interactive-mode.png b/blazor/dashboard-layout/images/blazor-app-interactive-mode.png deleted file mode 100644 index 9edcc0e351..0000000000 Binary files a/blazor/dashboard-layout/images/blazor-app-interactive-mode.png and /dev/null differ diff --git a/blazor/dashboard-layout/images/blazor-app-interactive-mode.webp b/blazor/dashboard-layout/images/blazor-app-interactive-mode.webp new file mode 100644 index 0000000000..44f2080745 Binary files /dev/null and b/blazor/dashboard-layout/images/blazor-app-interactive-mode.webp differ diff --git a/blazor/dashboard-layout/images/blazor-create-web-app.png b/blazor/dashboard-layout/images/blazor-create-web-app.png deleted file mode 100644 index 7dd6e612d2..0000000000 Binary files a/blazor/dashboard-layout/images/blazor-create-web-app.png and /dev/null differ diff --git a/blazor/dashboard-layout/images/blazor-create-web-app.webp b/blazor/dashboard-layout/images/blazor-create-web-app.webp new file mode 100644 index 0000000000..199356f771 Binary files /dev/null and b/blazor/dashboard-layout/images/blazor-create-web-app.webp differ diff --git a/blazor/dashboard-layout/images/blazor-dashboard-layout-cell-size.png b/blazor/dashboard-layout/images/blazor-dashboard-layout-cell-size.png deleted file mode 100644 index 6fb67b74b6..0000000000 Binary files a/blazor/dashboard-layout/images/blazor-dashboard-layout-cell-size.png and /dev/null differ diff --git a/blazor/dashboard-layout/images/blazor-dashboard-layout-cell-size.webp b/blazor/dashboard-layout/images/blazor-dashboard-layout-cell-size.webp new file mode 100644 index 0000000000..6a3575007c Binary files /dev/null and b/blazor/dashboard-layout/images/blazor-dashboard-layout-cell-size.webp differ diff --git a/blazor/dashboard-layout/images/blazor-dashboard-layout-cell-space.png b/blazor/dashboard-layout/images/blazor-dashboard-layout-cell-space.png deleted file mode 100644 index ce4f1691c6..0000000000 Binary files a/blazor/dashboard-layout/images/blazor-dashboard-layout-cell-space.png and /dev/null differ diff --git a/blazor/dashboard-layout/images/blazor-dashboard-layout-cell-space.webp b/blazor/dashboard-layout/images/blazor-dashboard-layout-cell-space.webp new file mode 100644 index 0000000000..b1020eef19 Binary files /dev/null and b/blazor/dashboard-layout/images/blazor-dashboard-layout-cell-space.webp differ diff --git a/blazor/dashboard-layout/images/blazor-dashboard-layout-component.png b/blazor/dashboard-layout/images/blazor-dashboard-layout-component.png deleted file mode 100644 index 78c9b8b538..0000000000 Binary files a/blazor/dashboard-layout/images/blazor-dashboard-layout-component.png and /dev/null differ diff --git a/blazor/dashboard-layout/images/blazor-dashboard-layout-component.webp b/blazor/dashboard-layout/images/blazor-dashboard-layout-component.webp new file mode 100644 index 0000000000..03aa11ae22 Binary files /dev/null and b/blazor/dashboard-layout/images/blazor-dashboard-layout-component.webp differ diff --git a/blazor/dashboard-layout/images/blazor-dashboard-layout-drag-and-drop.gif b/blazor/dashboard-layout/images/blazor-dashboard-layout-drag-and-drop.gif deleted file mode 100644 index ec886added..0000000000 Binary files a/blazor/dashboard-layout/images/blazor-dashboard-layout-drag-and-drop.gif and /dev/null differ diff --git a/blazor/dashboard-layout/images/blazor-dashboard-layout-drag-and-drop.webp b/blazor/dashboard-layout/images/blazor-dashboard-layout-drag-and-drop.webp new file mode 100644 index 0000000000..6b74f9339f Binary files /dev/null and b/blazor/dashboard-layout/images/blazor-dashboard-layout-drag-and-drop.webp differ diff --git a/blazor/dashboard-layout/images/blazor-dashboard-layout-drag-handler-of-panels.gif b/blazor/dashboard-layout/images/blazor-dashboard-layout-drag-handler-of-panels.gif deleted file mode 100644 index b0988b471f..0000000000 Binary files a/blazor/dashboard-layout/images/blazor-dashboard-layout-drag-handler-of-panels.gif and /dev/null differ diff --git a/blazor/dashboard-layout/images/blazor-dashboard-layout-drag-handler-of-panels.webp b/blazor/dashboard-layout/images/blazor-dashboard-layout-drag-handler-of-panels.webp new file mode 100644 index 0000000000..9ca6728dbe Binary files /dev/null and b/blazor/dashboard-layout/images/blazor-dashboard-layout-drag-handler-of-panels.webp differ diff --git a/blazor/dashboard-layout/images/blazor-dashboard-layout-gridlines.png b/blazor/dashboard-layout/images/blazor-dashboard-layout-gridlines.png deleted file mode 100644 index 4d80563dac..0000000000 Binary files a/blazor/dashboard-layout/images/blazor-dashboard-layout-gridlines.png and /dev/null differ diff --git a/blazor/dashboard-layout/images/blazor-dashboard-layout-gridlines.webp b/blazor/dashboard-layout/images/blazor-dashboard-layout-gridlines.webp new file mode 100644 index 0000000000..c13fdaa5a3 Binary files /dev/null and b/blazor/dashboard-layout/images/blazor-dashboard-layout-gridlines.webp differ diff --git a/blazor/dashboard-layout/images/blazor-dashboard-layout-panel-position.png b/blazor/dashboard-layout/images/blazor-dashboard-layout-panel-position.png deleted file mode 100644 index 7b9b8fbd8c..0000000000 Binary files a/blazor/dashboard-layout/images/blazor-dashboard-layout-panel-position.png and /dev/null differ diff --git a/blazor/dashboard-layout/images/blazor-dashboard-layout-panel-position.webp b/blazor/dashboard-layout/images/blazor-dashboard-layout-panel-position.webp new file mode 100644 index 0000000000..c6e598d9a7 Binary files /dev/null and b/blazor/dashboard-layout/images/blazor-dashboard-layout-panel-position.webp differ diff --git a/blazor/dashboard-layout/images/blazor-dashboard-layout-panel-resizing.gif b/blazor/dashboard-layout/images/blazor-dashboard-layout-panel-resizing.gif deleted file mode 100644 index 1ea87d19fd..0000000000 Binary files a/blazor/dashboard-layout/images/blazor-dashboard-layout-panel-resizing.gif and /dev/null differ diff --git a/blazor/dashboard-layout/images/blazor-dashboard-layout-panel-resizing.webp b/blazor/dashboard-layout/images/blazor-dashboard-layout-panel-resizing.webp new file mode 100644 index 0000000000..84fe66f76f Binary files /dev/null and b/blazor/dashboard-layout/images/blazor-dashboard-layout-panel-resizing.webp differ diff --git a/blazor/dashboard-layout/images/blazor-dashboard-layout-single-content.png b/blazor/dashboard-layout/images/blazor-dashboard-layout-single-content.png deleted file mode 100644 index a07e95e793..0000000000 Binary files a/blazor/dashboard-layout/images/blazor-dashboard-layout-single-content.png and /dev/null differ diff --git a/blazor/dashboard-layout/images/blazor-dashboard-layout-single-content.webp b/blazor/dashboard-layout/images/blazor-dashboard-layout-single-content.webp new file mode 100644 index 0000000000..50cd0596dd Binary files /dev/null and b/blazor/dashboard-layout/images/blazor-dashboard-layout-single-content.webp differ diff --git a/blazor/dashboard-layout/images/blazor-dashboard-layout-with-chart-component.png b/blazor/dashboard-layout/images/blazor-dashboard-layout-with-chart-component.png deleted file mode 100644 index 742dfef2cf..0000000000 Binary files a/blazor/dashboard-layout/images/blazor-dashboard-layout-with-chart-component.png and /dev/null differ diff --git a/blazor/dashboard-layout/images/blazor-dashboard-layout-with-chart-component.webp b/blazor/dashboard-layout/images/blazor-dashboard-layout-with-chart-component.webp new file mode 100644 index 0000000000..2ae1dd454f Binary files /dev/null and b/blazor/dashboard-layout/images/blazor-dashboard-layout-with-chart-component.webp differ diff --git a/blazor/dashboard-layout/images/blazor-wasm-app-template.png b/blazor/dashboard-layout/images/blazor-wasm-app-template.png deleted file mode 100644 index 8cf1737d81..0000000000 Binary files a/blazor/dashboard-layout/images/blazor-wasm-app-template.png and /dev/null differ diff --git a/blazor/dashboard-layout/images/blazor-wasm-app-template.webp b/blazor/dashboard-layout/images/blazor-wasm-app-template.webp new file mode 100644 index 0000000000..6824d1db62 Binary files /dev/null and b/blazor/dashboard-layout/images/blazor-wasm-app-template.webp differ diff --git a/blazor/dashboard-layout/images/cell-size.png b/blazor/dashboard-layout/images/cell-size.png deleted file mode 100644 index 4325b036ef..0000000000 Binary files a/blazor/dashboard-layout/images/cell-size.png and /dev/null differ diff --git a/blazor/dashboard-layout/images/cell-size.webp b/blazor/dashboard-layout/images/cell-size.webp new file mode 100644 index 0000000000..368978c903 Binary files /dev/null and b/blazor/dashboard-layout/images/cell-size.webp differ diff --git a/blazor/dashboard-layout/images/cell-spacing.png b/blazor/dashboard-layout/images/cell-spacing.png deleted file mode 100644 index 875eb26a4c..0000000000 Binary files a/blazor/dashboard-layout/images/cell-spacing.png and /dev/null differ diff --git a/blazor/dashboard-layout/images/cell-spacing.webp b/blazor/dashboard-layout/images/cell-spacing.webp new file mode 100644 index 0000000000..ba575979b0 Binary files /dev/null and b/blazor/dashboard-layout/images/cell-spacing.webp differ diff --git a/blazor/dashboard-layout/images/chart-component.png b/blazor/dashboard-layout/images/chart-component.png deleted file mode 100644 index 29102d2fb3..0000000000 Binary files a/blazor/dashboard-layout/images/chart-component.png and /dev/null differ diff --git a/blazor/dashboard-layout/images/chart-component.webp b/blazor/dashboard-layout/images/chart-component.webp new file mode 100644 index 0000000000..5432998a18 Binary files /dev/null and b/blazor/dashboard-layout/images/chart-component.webp differ diff --git a/blazor/dashboard-layout/images/dashboard-output.png b/blazor/dashboard-layout/images/dashboard-output.png deleted file mode 100644 index b99b741ccf..0000000000 Binary files a/blazor/dashboard-layout/images/dashboard-output.png and /dev/null differ diff --git a/blazor/dashboard-layout/images/dashboard-output.webp b/blazor/dashboard-layout/images/dashboard-output.webp new file mode 100644 index 0000000000..5c564cbe05 Binary files /dev/null and b/blazor/dashboard-layout/images/dashboard-output.webp differ diff --git a/blazor/dashboard-layout/images/default.png b/blazor/dashboard-layout/images/default.png deleted file mode 100644 index 189b54c238..0000000000 Binary files a/blazor/dashboard-layout/images/default.png and /dev/null differ diff --git a/blazor/dashboard-layout/images/default.webp b/blazor/dashboard-layout/images/default.webp new file mode 100644 index 0000000000..2319ed4e04 Binary files /dev/null and b/blazor/dashboard-layout/images/default.webp differ diff --git a/blazor/dashboard-layout/images/draggableHandler.png b/blazor/dashboard-layout/images/draggableHandler.png deleted file mode 100644 index 56f62b7d9b..0000000000 Binary files a/blazor/dashboard-layout/images/draggableHandler.png and /dev/null differ diff --git a/blazor/dashboard-layout/images/draggableHandler.webp b/blazor/dashboard-layout/images/draggableHandler.webp new file mode 100644 index 0000000000..a71cea6872 Binary files /dev/null and b/blazor/dashboard-layout/images/draggableHandler.webp differ diff --git a/blazor/dashboard-layout/images/dragging-of-panels.png b/blazor/dashboard-layout/images/dragging-of-panels.png deleted file mode 100644 index 875eb26a4c..0000000000 Binary files a/blazor/dashboard-layout/images/dragging-of-panels.png and /dev/null differ diff --git a/blazor/dashboard-layout/images/dragging-of-panels.webp b/blazor/dashboard-layout/images/dragging-of-panels.webp new file mode 100644 index 0000000000..ba575979b0 Binary files /dev/null and b/blazor/dashboard-layout/images/dragging-of-panels.webp differ diff --git a/blazor/dashboard-layout/images/giphy.gif b/blazor/dashboard-layout/images/giphy.gif deleted file mode 100644 index 7c7d178dbe..0000000000 Binary files a/blazor/dashboard-layout/images/giphy.gif and /dev/null differ diff --git a/blazor/dashboard-layout/images/giphy.webp b/blazor/dashboard-layout/images/giphy.webp new file mode 100644 index 0000000000..b1b2890eff Binary files /dev/null and b/blazor/dashboard-layout/images/giphy.webp differ diff --git a/blazor/dashboard-layout/images/graphical.png b/blazor/dashboard-layout/images/graphical.png deleted file mode 100644 index a0210dc4ff..0000000000 Binary files a/blazor/dashboard-layout/images/graphical.png and /dev/null differ diff --git a/blazor/dashboard-layout/images/graphical.webp b/blazor/dashboard-layout/images/graphical.webp new file mode 100644 index 0000000000..5e83b837c5 Binary files /dev/null and b/blazor/dashboard-layout/images/graphical.webp differ diff --git a/blazor/dashboard-layout/images/header-content-panels.png b/blazor/dashboard-layout/images/header-content-panels.png deleted file mode 100644 index 42224b29ea..0000000000 Binary files a/blazor/dashboard-layout/images/header-content-panels.png and /dev/null differ diff --git a/blazor/dashboard-layout/images/header-content-panels.webp b/blazor/dashboard-layout/images/header-content-panels.webp new file mode 100644 index 0000000000..26b3fda3ae Binary files /dev/null and b/blazor/dashboard-layout/images/header-content-panels.webp differ diff --git a/blazor/dashboard-layout/images/panel-overlap.png b/blazor/dashboard-layout/images/panel-overlap.png deleted file mode 100644 index 9c804453ac..0000000000 Binary files a/blazor/dashboard-layout/images/panel-overlap.png and /dev/null differ diff --git a/blazor/dashboard-layout/images/panel-overlap.webp b/blazor/dashboard-layout/images/panel-overlap.webp new file mode 100644 index 0000000000..f9625bb204 Binary files /dev/null and b/blazor/dashboard-layout/images/panel-overlap.webp differ diff --git a/blazor/dashboard-layout/images/panels.png b/blazor/dashboard-layout/images/panels.png deleted file mode 100644 index a7f28ef142..0000000000 Binary files a/blazor/dashboard-layout/images/panels.png and /dev/null differ diff --git a/blazor/dashboard-layout/images/panels.webp b/blazor/dashboard-layout/images/panels.webp new file mode 100644 index 0000000000..4cf8ed229c Binary files /dev/null and b/blazor/dashboard-layout/images/panels.webp differ diff --git a/blazor/dashboard-layout/images/position-of-panels.png b/blazor/dashboard-layout/images/position-of-panels.png deleted file mode 100644 index fe3f614358..0000000000 Binary files a/blazor/dashboard-layout/images/position-of-panels.png and /dev/null differ diff --git a/blazor/dashboard-layout/images/position-of-panels.webp b/blazor/dashboard-layout/images/position-of-panels.webp new file mode 100644 index 0000000000..bed3360cb1 Binary files /dev/null and b/blazor/dashboard-layout/images/position-of-panels.webp differ diff --git a/blazor/dashboard-layout/images/presistence-sample.png b/blazor/dashboard-layout/images/presistence-sample.png deleted file mode 100644 index 64c66142b4..0000000000 Binary files a/blazor/dashboard-layout/images/presistence-sample.png and /dev/null differ diff --git a/blazor/dashboard-layout/images/presistence-sample.webp b/blazor/dashboard-layout/images/presistence-sample.webp new file mode 100644 index 0000000000..cb538774bf Binary files /dev/null and b/blazor/dashboard-layout/images/presistence-sample.webp differ diff --git a/blazor/dashboard-layout/images/resizing-of-panels.png b/blazor/dashboard-layout/images/resizing-of-panels.png deleted file mode 100644 index 63abac5dae..0000000000 Binary files a/blazor/dashboard-layout/images/resizing-of-panels.png and /dev/null differ diff --git a/blazor/dashboard-layout/images/resizing-of-panels.webp b/blazor/dashboard-layout/images/resizing-of-panels.webp new file mode 100644 index 0000000000..c2d9f1b114 Binary files /dev/null and b/blazor/dashboard-layout/images/resizing-of-panels.webp differ diff --git a/blazor/dashboard-layout/images/responsive-adaptive.png b/blazor/dashboard-layout/images/responsive-adaptive.png deleted file mode 100644 index 391762c4ba..0000000000 Binary files a/blazor/dashboard-layout/images/responsive-adaptive.png and /dev/null differ diff --git a/blazor/dashboard-layout/images/responsive-adaptive.webp b/blazor/dashboard-layout/images/responsive-adaptive.webp new file mode 100644 index 0000000000..e04de47229 Binary files /dev/null and b/blazor/dashboard-layout/images/responsive-adaptive.webp differ diff --git a/blazor/dashboard-layout/images/script-default.png b/blazor/dashboard-layout/images/script-default.png deleted file mode 100644 index 030c0d5499..0000000000 Binary files a/blazor/dashboard-layout/images/script-default.png and /dev/null differ diff --git a/blazor/dashboard-layout/images/script-default.webp b/blazor/dashboard-layout/images/script-default.webp new file mode 100644 index 0000000000..7d262d11c3 Binary files /dev/null and b/blazor/dashboard-layout/images/script-default.webp differ diff --git a/blazor/dashboard-layout/images/sizing-of-panels.png b/blazor/dashboard-layout/images/sizing-of-panels.png deleted file mode 100644 index 5bb0e65e29..0000000000 Binary files a/blazor/dashboard-layout/images/sizing-of-panels.png and /dev/null differ diff --git a/blazor/dashboard-layout/images/sizing-of-panels.webp b/blazor/dashboard-layout/images/sizing-of-panels.webp new file mode 100644 index 0000000000..2d3448c5fe Binary files /dev/null and b/blazor/dashboard-layout/images/sizing-of-panels.webp differ diff --git a/blazor/dashboard-layout/images/source.gif b/blazor/dashboard-layout/images/source.gif deleted file mode 100644 index 7e9721451e..0000000000 Binary files a/blazor/dashboard-layout/images/source.gif and /dev/null differ diff --git a/blazor/dashboard-layout/images/source.webp b/blazor/dashboard-layout/images/source.webp new file mode 100644 index 0000000000..1aadbb66de Binary files /dev/null and b/blazor/dashboard-layout/images/source.webp differ diff --git a/blazor/dashboard-layout/images/stacked-layout.png b/blazor/dashboard-layout/images/stacked-layout.png deleted file mode 100644 index 26a61d8ad9..0000000000 Binary files a/blazor/dashboard-layout/images/stacked-layout.png and /dev/null differ diff --git a/blazor/dashboard-layout/images/stacked-layout.webp b/blazor/dashboard-layout/images/stacked-layout.webp new file mode 100644 index 0000000000..f179e594a8 Binary files /dev/null and b/blazor/dashboard-layout/images/stacked-layout.webp differ diff --git a/blazor/dashboard-layout/interaction-with-panels/dragging-moving-of-panels.md b/blazor/dashboard-layout/interaction-with-panels/dragging-moving-of-panels.md index f250668821..45c8da4ab6 100644 --- a/blazor/dashboard-layout/interaction-with-panels/dragging-moving-of-panels.md +++ b/blazor/dashboard-layout/interaction-with-panels/dragging-moving-of-panels.md @@ -49,7 +49,7 @@ The sample above demonstrates both dragging and the automatic pushing of panels. The following output illustrates the dragging functionality of the dashboard component: -{% previewsample "https://blazorplayground.syncfusion.com/embed/LZBeMsigAIcgTaPQ?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Drag and Drop Panels in Blazor DashboardLayout](../images/blazor-dashboard-layout-drag-and-drop.gif)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/LZBeMsigAIcgTaPQ?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Drag and Drop Panels in Blazor DashboardLayout](../images/blazor-dashboard-layout-drag-and-drop.webp)" %} ## Customizing the Drag Handle @@ -91,4 +91,4 @@ The draggable handle for panels can be customized using the [`DraggableHandle`]( The following output demonstrates customizing the dragging handle, where panels can only be dragged by interacting with their header section. -{% previewsample "https://blazorplayground.syncfusion.com/embed/BDLyiMsUAeyvtIeu?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5 backgroundimage "[Customizing Dragging Handler of Panels in Blazor DashboardLayout](../images/blazor-dashboard-layout-drag-handler-of-panels.gif)" %} \ No newline at end of file +{% previewsample "https://blazorplayground.syncfusion.com/embed/BDLyiMsUAeyvtIeu?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5 backgroundimage "[Customizing Dragging Handler of Panels in Blazor DashboardLayout](../images/blazor-dashboard-layout-drag-handler-of-panels.webp)" %} \ No newline at end of file diff --git a/blazor/dashboard-layout/interaction-with-panels/floating-of-panels.md b/blazor/dashboard-layout/interaction-with-panels/floating-of-panels.md index b9d3c785a2..d9470c62f3 100644 --- a/blazor/dashboard-layout/interaction-with-panels/floating-of-panels.md +++ b/blazor/dashboard-layout/interaction-with-panels/floating-of-panels.md @@ -41,4 +41,4 @@ The DashboardLayout component includes a panel floating functionality controlled ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/VtBUCVrcTKrdWwSb?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Floating Panels in Blazor DashboardLayout](../images/blazor-dashboard-layout-panel-resizing.gif)" %} \ No newline at end of file +{% previewsample "https://blazorplayground.syncfusion.com/embed/VtBUCVrcTKrdWwSb?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Floating Panels in Blazor DashboardLayout](../images/blazor-dashboard-layout-panel-resizing.webp)" %} \ No newline at end of file diff --git a/blazor/dashboard-layout/interaction-with-panels/resizing-of-panels.md b/blazor/dashboard-layout/interaction-with-panels/resizing-of-panels.md index 9847d99668..53db18a76d 100644 --- a/blazor/dashboard-layout/interaction-with-panels/resizing-of-panels.md +++ b/blazor/dashboard-layout/interaction-with-panels/resizing-of-panels.md @@ -41,6 +41,6 @@ The Dashboard Layout component provides panel resizing functionality, which can ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/LDVAsBVwTABPvxgH?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Resizing Panels in Blazor DashboardLayout](../images/blazor-dashboard-layout-panel-resizing.gif)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/LDVAsBVwTABPvxgH?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Resizing Panels in Blazor DashboardLayout](../images/blazor-dashboard-layout-panel-resizing.webp)" %} N> Initially, the panels can be resized only in south-east direction. However, panels can also be resized in east, west, north, south, and south-west directions by defining the required directions with the [`ResizableHandles`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Layouts.SfDashboardLayout.html#Syncfusion_Blazor_Layouts_SfDashboardLayout_ResizableHandles) property. \ No newline at end of file diff --git a/blazor/dashboard-layout/panels/position-sizing-of-panels.md b/blazor/dashboard-layout/panels/position-sizing-of-panels.md index c89fac426a..dfbf1323af 100644 --- a/blazor/dashboard-layout/panels/position-sizing-of-panels.md +++ b/blazor/dashboard-layout/panels/position-sizing-of-panels.md @@ -70,7 +70,7 @@ Panels within the layout can be precisely positioned and ordered using the [`Row The following screenshot illustrates panel positioning within the Dashboard Layout, utilizing the `Row` and `Column` properties: -{% previewsample "https://blazorplayground.syncfusion.com/embed/rDVgMhrwzVWhKSrw?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Changing Panels Position in Blazor DashBoard Layout](../images/blazor-dashboard-layout-panel-position.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/rDVgMhrwzVWhKSrw?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Changing Panels Position in Blazor DashBoard Layout](../images/blazor-dashboard-layout-panel-position.webp)" %} ## Sizing of Panels @@ -119,4 +119,4 @@ These properties are invaluable when designing dashboards where the content and The following screenshot demonstrates the sizing of panels within the Dashboard Layout, using the `SizeX` and `SizeY` properties: -{% previewsample "https://blazorplayground.syncfusion.com/embed/BZLKMLhcprCIqVxL?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Changing Panel Size in Blazor Dashboard Layout](../images/blazor-admin-template-layout-panel-size.png)" %} \ No newline at end of file +{% previewsample "https://blazorplayground.syncfusion.com/embed/BZLKMLhcprCIqVxL?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Changing Panel Size in Blazor Dashboard Layout](../images/blazor-admin-template-layout-panel-size.webp)" %} \ No newline at end of file diff --git a/blazor/dashboard-layout/panels/setting-header-of-panels.md b/blazor/dashboard-layout/panels/setting-header-of-panels.md index 3955f17a2e..fee1dfb9eb 100644 --- a/blazor/dashboard-layout/panels/setting-header-of-panels.md +++ b/blazor/dashboard-layout/panels/setting-header-of-panels.md @@ -53,4 +53,4 @@ The Blazor Dashboard Layout component utilizes two primary templates for renderi ``` The following output demonstrates the use of `HeaderTemplate` and `ContentTemplate` to define the header and content of panels: -{% previewsample "https://blazorplayground.syncfusion.com/embed/hNLAMVLGpBoyKHBy?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Dashboard Layout with Header.](../images/blazor-admin-template-layout-with-header.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/hNLAMVLGpBoyKHBy?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Dashboard Layout with Header.](../images/blazor-admin-template-layout-with-header.webp)" %} diff --git a/blazor/dropdown-tree/checkbox.md b/blazor/dropdown-tree/checkbox.md index 4fc8654281..5e1d2c9a16 100644 --- a/blazor/dropdown-tree/checkbox.md +++ b/blazor/dropdown-tree/checkbox.md @@ -122,4 +122,4 @@ In the following example, the [ShowSelectAll](https://help.syncfusion.com/cr/bla } ``` -![MultiSelection in Blazor Dropdown Tree.](./images/blazor-dropdowntree-component-selectall.PNG) +![MultiSelection in Blazor Dropdown Tree.](./images/blazor-dropdowntree-component-selectall.webp) diff --git a/blazor/dropdown-tree/events.md b/blazor/dropdown-tree/events.md index 7944ddd439..ab3d1438e2 100644 --- a/blazor/dropdown-tree/events.md +++ b/blazor/dropdown-tree/events.md @@ -265,7 +265,7 @@ The Blazor Dropdown Tree component's [ValueChanging](https://help.syncfusion.com } ``` -![MultiSelection in Blazor Dropdown Tree](./images/blazor-dropdowntree-component-valuechanging.png) +![MultiSelection in Blazor Dropdown Tree](./images/blazor-dropdowntree-component-valuechanging.webp) ## ValueChanged diff --git a/blazor/dropdown-tree/filtering.md b/blazor/dropdown-tree/filtering.md index 77fbbb4923..211ff8a634 100644 --- a/blazor/dropdown-tree/filtering.md +++ b/blazor/dropdown-tree/filtering.md @@ -49,7 +49,7 @@ The following code demonstrates the filtering functionality with local data in t } ``` -![Blazor Dropdown Tree with local data filtering](./images/filter/blazor-dropdowntree-local-filter.png) +![Blazor Dropdown Tree with local data filtering](./images/filter/blazor-dropdowntree-local-filter.webp) ## Remote data @@ -137,7 +137,7 @@ The Data items can be filtered with or without case sensitivity using the [Ignor You can use [FilterBarPlaceholder](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfDropDownTree-2.html#Syncfusion_Blazor_Navigations_SfDropDownTree_2_FilterBarPlaceholder) to accept the value to be displayed as a watermark text on the filter bar TextBox. `FilterBarPlaceholder` is applicable when [`AllowFiltering`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfDropDownTree-2.html#Syncfusion_Blazor_Navigations_SfDropDownTree_2_AllowFiltering) is used as `true`. `FilterBarPlaceholder` is depends on [`AllowFiltering`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfDropDownTree-2.html#Syncfusion_Blazor_Navigations_SfDropDownTree_2_AllowFiltering) property. -![Blazor Dropdown Tree with local data filtering](./images/filter/blazor-dropdowntree-placeholder.png) +![Blazor Dropdown Tree with local data filtering](./images/filter/blazor-dropdowntree-placeholder.webp) ## Minimum filter length diff --git a/blazor/dropdown-tree/form-validation.md b/blazor/dropdown-tree/form-validation.md index 5aa8b99f60..03554879d2 100644 --- a/blazor/dropdown-tree/form-validation.md +++ b/blazor/dropdown-tree/form-validation.md @@ -167,4 +167,4 @@ When the Dropdown Tree input is valid, the form is ready to be submitted. If the } ``` -![Blazor Dropdown Tree inside editform](./images/blazor-dropdowntree-component-validation.PNG) \ No newline at end of file +![Blazor Dropdown Tree inside editform](./images/blazor-dropdowntree-component-validation.webp) \ No newline at end of file diff --git a/blazor/dropdown-tree/getting-started-with-server-app.md b/blazor/dropdown-tree/getting-started-with-server-app.md index 1f04a3d148..e9655e1a48 100644 --- a/blazor/dropdown-tree/getting-started-with-server-app.md +++ b/blazor/dropdown-tree/getting-started-with-server-app.md @@ -193,6 +193,6 @@ The `TValue` parameter specifies the type for the [Value](https://help.syncfusio * Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Syncfusion® Blazor DropDown Tree component in the default web browser. -{% previewsample "https://blazorplayground.syncfusion.com/embed/hDLfNiVkAGwJAcqZ?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Dropdown Tree Component](./images/blazor-dropdowntree-component.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/hDLfNiVkAGwJAcqZ?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Dropdown Tree Component](./images/blazor-dropdowntree-component.webp)" %} N> [View Sample in GitHub](https://github.com/SyncfusionExamples/Blazor-Getting-Started-Examples/tree/main/DropdownTree). \ No newline at end of file diff --git a/blazor/dropdown-tree/getting-started-with-web-app.md b/blazor/dropdown-tree/getting-started-with-web-app.md index 20430ab8d0..7e8d47c72b 100644 --- a/blazor/dropdown-tree/getting-started-with-web-app.md +++ b/blazor/dropdown-tree/getting-started-with-web-app.md @@ -197,6 +197,6 @@ N> If the **Interactivity Location** is set to `Global` with `Auto` or `WebAssem * Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Syncfusion® Blazor Dropdown Tree component in the default web browser. -{% previewsample "https://blazorplayground.syncfusion.com/embed/hDLfNiVkAGwJAcqZ?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Dropdown Tree Component](./images/blazor-dropdowntree-component.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/hDLfNiVkAGwJAcqZ?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Dropdown Tree Component](./images/blazor-dropdowntree-component.webp)" %} N> [View Sample in GitHub](https://github.com/SyncfusionExamples/Blazor-Getting-Started-Examples/tree/main/DropdownTree). \ No newline at end of file diff --git a/blazor/dropdown-tree/getting-started.md b/blazor/dropdown-tree/getting-started.md index 1df6c892ca..8a3305deb6 100644 --- a/blazor/dropdown-tree/getting-started.md +++ b/blazor/dropdown-tree/getting-started.md @@ -178,6 +178,6 @@ The `TValue` parameter specifies the type of the [Value](https://help.syncfusion {% endhighlight %} {% endtabs %} -{% previewsample "https://blazorplayground.syncfusion.com/embed/hDLfNiVkAGwJAcqZ?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Dropdown Tree Component](./images/blazor-dropdowntree-component.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/hDLfNiVkAGwJAcqZ?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Dropdown Tree Component](./images/blazor-dropdowntree-component.webp)" %} N> [View Sample in GitHub](https://github.com/SyncfusionExamples/Blazor-Getting-Started-Examples/tree/main/DropdownTree). \ No newline at end of file diff --git a/blazor/dropdown-tree/images/Blazor-server-app-creation.png b/blazor/dropdown-tree/images/Blazor-server-app-creation.png deleted file mode 100644 index 02e4a025bf..0000000000 Binary files a/blazor/dropdown-tree/images/Blazor-server-app-creation.png and /dev/null differ diff --git a/blazor/dropdown-tree/images/Blazor-server-app-creation.webp b/blazor/dropdown-tree/images/Blazor-server-app-creation.webp new file mode 100644 index 0000000000..0d820ce3eb Binary files /dev/null and b/blazor/dropdown-tree/images/Blazor-server-app-creation.webp differ diff --git a/blazor/dropdown-tree/images/blazor-app-interactive-mode.png b/blazor/dropdown-tree/images/blazor-app-interactive-mode.png deleted file mode 100644 index 9edcc0e351..0000000000 Binary files a/blazor/dropdown-tree/images/blazor-app-interactive-mode.png and /dev/null differ diff --git a/blazor/dropdown-tree/images/blazor-app-interactive-mode.webp b/blazor/dropdown-tree/images/blazor-app-interactive-mode.webp new file mode 100644 index 0000000000..44f2080745 Binary files /dev/null and b/blazor/dropdown-tree/images/blazor-app-interactive-mode.webp differ diff --git a/blazor/dropdown-tree/images/blazor-create-web-app.png b/blazor/dropdown-tree/images/blazor-create-web-app.png deleted file mode 100644 index 7dd6e612d2..0000000000 Binary files a/blazor/dropdown-tree/images/blazor-create-web-app.png and /dev/null differ diff --git a/blazor/dropdown-tree/images/blazor-create-web-app.webp b/blazor/dropdown-tree/images/blazor-create-web-app.webp new file mode 100644 index 0000000000..199356f771 Binary files /dev/null and b/blazor/dropdown-tree/images/blazor-create-web-app.webp differ diff --git a/blazor/dropdown-tree/images/blazor-dropdowntree-component-open.PNG b/blazor/dropdown-tree/images/blazor-dropdowntree-component-open.PNG deleted file mode 100644 index ba7c7e8c15..0000000000 Binary files a/blazor/dropdown-tree/images/blazor-dropdowntree-component-open.PNG and /dev/null differ diff --git a/blazor/dropdown-tree/images/blazor-dropdowntree-component-open.webp b/blazor/dropdown-tree/images/blazor-dropdowntree-component-open.webp new file mode 100644 index 0000000000..620900b481 Binary files /dev/null and b/blazor/dropdown-tree/images/blazor-dropdowntree-component-open.webp differ diff --git a/blazor/dropdown-tree/images/blazor-dropdowntree-component-popup-height.PNG b/blazor/dropdown-tree/images/blazor-dropdowntree-component-popup-height.PNG deleted file mode 100644 index 3cfd32edc4..0000000000 Binary files a/blazor/dropdown-tree/images/blazor-dropdowntree-component-popup-height.PNG and /dev/null differ diff --git a/blazor/dropdown-tree/images/blazor-dropdowntree-component-popup-height.webp b/blazor/dropdown-tree/images/blazor-dropdowntree-component-popup-height.webp new file mode 100644 index 0000000000..9637a726a6 Binary files /dev/null and b/blazor/dropdown-tree/images/blazor-dropdowntree-component-popup-height.webp differ diff --git a/blazor/dropdown-tree/images/blazor-dropdowntree-component-popup-width.PNG b/blazor/dropdown-tree/images/blazor-dropdowntree-component-popup-width.PNG deleted file mode 100644 index 9c75b10290..0000000000 Binary files a/blazor/dropdown-tree/images/blazor-dropdowntree-component-popup-width.PNG and /dev/null differ diff --git a/blazor/dropdown-tree/images/blazor-dropdowntree-component-popup-width.webp b/blazor/dropdown-tree/images/blazor-dropdowntree-component-popup-width.webp new file mode 100644 index 0000000000..444ce84e9e Binary files /dev/null and b/blazor/dropdown-tree/images/blazor-dropdowntree-component-popup-width.webp differ diff --git a/blazor/dropdown-tree/images/blazor-dropdowntree-component-prevent-open.PNG b/blazor/dropdown-tree/images/blazor-dropdowntree-component-prevent-open.PNG deleted file mode 100644 index cb5bc3a327..0000000000 Binary files a/blazor/dropdown-tree/images/blazor-dropdowntree-component-prevent-open.PNG and /dev/null differ diff --git a/blazor/dropdown-tree/images/blazor-dropdowntree-component-prevent-open.webp b/blazor/dropdown-tree/images/blazor-dropdowntree-component-prevent-open.webp new file mode 100644 index 0000000000..c19058f190 Binary files /dev/null and b/blazor/dropdown-tree/images/blazor-dropdowntree-component-prevent-open.webp differ diff --git a/blazor/dropdown-tree/images/blazor-dropdowntree-component-selectall.PNG b/blazor/dropdown-tree/images/blazor-dropdowntree-component-selectall.PNG deleted file mode 100644 index d526405158..0000000000 Binary files a/blazor/dropdown-tree/images/blazor-dropdowntree-component-selectall.PNG and /dev/null differ diff --git a/blazor/dropdown-tree/images/blazor-dropdowntree-component-selectall.webp b/blazor/dropdown-tree/images/blazor-dropdowntree-component-selectall.webp new file mode 100644 index 0000000000..893eef55fe Binary files /dev/null and b/blazor/dropdown-tree/images/blazor-dropdowntree-component-selectall.webp differ diff --git a/blazor/dropdown-tree/images/blazor-dropdowntree-component-sort-order.PNG b/blazor/dropdown-tree/images/blazor-dropdowntree-component-sort-order.PNG deleted file mode 100644 index ac36976065..0000000000 Binary files a/blazor/dropdown-tree/images/blazor-dropdowntree-component-sort-order.PNG and /dev/null differ diff --git a/blazor/dropdown-tree/images/blazor-dropdowntree-component-sort-order.webp b/blazor/dropdown-tree/images/blazor-dropdowntree-component-sort-order.webp new file mode 100644 index 0000000000..53fcc581df Binary files /dev/null and b/blazor/dropdown-tree/images/blazor-dropdowntree-component-sort-order.webp differ diff --git a/blazor/dropdown-tree/images/blazor-dropdowntree-component-validation.PNG b/blazor/dropdown-tree/images/blazor-dropdowntree-component-validation.PNG deleted file mode 100644 index 31703e4907..0000000000 Binary files a/blazor/dropdown-tree/images/blazor-dropdowntree-component-validation.PNG and /dev/null differ diff --git a/blazor/dropdown-tree/images/blazor-dropdowntree-component-validation.webp b/blazor/dropdown-tree/images/blazor-dropdowntree-component-validation.webp new file mode 100644 index 0000000000..6e5d0c05fb Binary files /dev/null and b/blazor/dropdown-tree/images/blazor-dropdowntree-component-validation.webp differ diff --git a/blazor/dropdown-tree/images/blazor-dropdowntree-component-valuechanging.png b/blazor/dropdown-tree/images/blazor-dropdowntree-component-valuechanging.png deleted file mode 100644 index 219312d3ef..0000000000 Binary files a/blazor/dropdown-tree/images/blazor-dropdowntree-component-valuechanging.png and /dev/null differ diff --git a/blazor/dropdown-tree/images/blazor-dropdowntree-component-valuechanging.webp b/blazor/dropdown-tree/images/blazor-dropdowntree-component-valuechanging.webp new file mode 100644 index 0000000000..c8b7c0b7ba Binary files /dev/null and b/blazor/dropdown-tree/images/blazor-dropdowntree-component-valuechanging.webp differ diff --git a/blazor/dropdown-tree/images/blazor-dropdowntree-component.png b/blazor/dropdown-tree/images/blazor-dropdowntree-component.png deleted file mode 100644 index 9fa7b89a50..0000000000 Binary files a/blazor/dropdown-tree/images/blazor-dropdowntree-component.png and /dev/null differ diff --git a/blazor/dropdown-tree/images/blazor-dropdowntree-component.webp b/blazor/dropdown-tree/images/blazor-dropdowntree-component.webp new file mode 100644 index 0000000000..66e8793dc4 Binary files /dev/null and b/blazor/dropdown-tree/images/blazor-dropdowntree-component.webp differ diff --git a/blazor/dropdown-tree/images/blazor-wasm-app-template.png b/blazor/dropdown-tree/images/blazor-wasm-app-template.png deleted file mode 100644 index 8cf1737d81..0000000000 Binary files a/blazor/dropdown-tree/images/blazor-wasm-app-template.png and /dev/null differ diff --git a/blazor/dropdown-tree/images/blazor-wasm-app-template.webp b/blazor/dropdown-tree/images/blazor-wasm-app-template.webp new file mode 100644 index 0000000000..6824d1db62 Binary files /dev/null and b/blazor/dropdown-tree/images/blazor-wasm-app-template.webp differ diff --git a/blazor/dropdown-tree/images/filter/blazor-dropdowntree-local-filter.png b/blazor/dropdown-tree/images/filter/blazor-dropdowntree-local-filter.png deleted file mode 100644 index 903f98841c..0000000000 Binary files a/blazor/dropdown-tree/images/filter/blazor-dropdowntree-local-filter.png and /dev/null differ diff --git a/blazor/dropdown-tree/images/filter/blazor-dropdowntree-local-filter.webp b/blazor/dropdown-tree/images/filter/blazor-dropdowntree-local-filter.webp new file mode 100644 index 0000000000..d44c820db2 Binary files /dev/null and b/blazor/dropdown-tree/images/filter/blazor-dropdowntree-local-filter.webp differ diff --git a/blazor/dropdown-tree/images/filter/blazor-dropdowntree-placeholder.png b/blazor/dropdown-tree/images/filter/blazor-dropdowntree-placeholder.png deleted file mode 100644 index 8ca1ba7e48..0000000000 Binary files a/blazor/dropdown-tree/images/filter/blazor-dropdowntree-placeholder.png and /dev/null differ diff --git a/blazor/dropdown-tree/images/filter/blazor-dropdowntree-placeholder.webp b/blazor/dropdown-tree/images/filter/blazor-dropdowntree-placeholder.webp new file mode 100644 index 0000000000..7ac5c2d1ce Binary files /dev/null and b/blazor/dropdown-tree/images/filter/blazor-dropdowntree-placeholder.webp differ diff --git a/blazor/dropdown-tree/images/selection/blazor-dropdowntree-get-selected-value.PNG b/blazor/dropdown-tree/images/selection/blazor-dropdowntree-get-selected-value.PNG deleted file mode 100644 index 3920037d0f..0000000000 Binary files a/blazor/dropdown-tree/images/selection/blazor-dropdowntree-get-selected-value.PNG and /dev/null differ diff --git a/blazor/dropdown-tree/images/selection/blazor-dropdowntree-get-selected-value.webp b/blazor/dropdown-tree/images/selection/blazor-dropdowntree-get-selected-value.webp new file mode 100644 index 0000000000..743e5d4d25 Binary files /dev/null and b/blazor/dropdown-tree/images/selection/blazor-dropdowntree-get-selected-value.webp differ diff --git a/blazor/dropdown-tree/images/selection/blazor-dropdowntree-multi-selection.PNG b/blazor/dropdown-tree/images/selection/blazor-dropdowntree-multi-selection.PNG deleted file mode 100644 index 620cfb3850..0000000000 Binary files a/blazor/dropdown-tree/images/selection/blazor-dropdowntree-multi-selection.PNG and /dev/null differ diff --git a/blazor/dropdown-tree/images/selection/blazor-dropdowntree-multi-selection.webp b/blazor/dropdown-tree/images/selection/blazor-dropdowntree-multi-selection.webp new file mode 100644 index 0000000000..db53dc228c Binary files /dev/null and b/blazor/dropdown-tree/images/selection/blazor-dropdowntree-multi-selection.webp differ diff --git a/blazor/dropdown-tree/images/selection/blazor-dropdowntree-single-selection.PNG b/blazor/dropdown-tree/images/selection/blazor-dropdowntree-single-selection.PNG deleted file mode 100644 index fb2ef07bdc..0000000000 Binary files a/blazor/dropdown-tree/images/selection/blazor-dropdowntree-single-selection.PNG and /dev/null differ diff --git a/blazor/dropdown-tree/images/selection/blazor-dropdowntree-single-selection.webp b/blazor/dropdown-tree/images/selection/blazor-dropdowntree-single-selection.webp new file mode 100644 index 0000000000..28e0804503 Binary files /dev/null and b/blazor/dropdown-tree/images/selection/blazor-dropdowntree-single-selection.webp differ diff --git a/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-active.png b/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-active.png deleted file mode 100644 index 279a3e39c8..0000000000 Binary files a/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-active.png and /dev/null differ diff --git a/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-active.webp b/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-active.webp new file mode 100644 index 0000000000..d5aecd5379 Binary files /dev/null and b/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-active.webp differ diff --git a/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-arrow.PNG b/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-arrow.PNG deleted file mode 100644 index de71bed2d6..0000000000 Binary files a/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-arrow.PNG and /dev/null differ diff --git a/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-arrow.webp b/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-arrow.webp new file mode 100644 index 0000000000..11cd442ca6 Binary files /dev/null and b/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-arrow.webp differ diff --git a/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-container.PNG b/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-container.PNG deleted file mode 100644 index 7eb52fc6bd..0000000000 Binary files a/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-container.PNG and /dev/null differ diff --git a/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-container.webp b/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-container.webp new file mode 100644 index 0000000000..df367fbc93 Binary files /dev/null and b/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-container.webp differ diff --git a/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-cssclas.PNG b/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-cssclas.PNG deleted file mode 100644 index 74fe97b1c6..0000000000 Binary files a/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-cssclas.PNG and /dev/null differ diff --git a/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-cssclass.webp b/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-cssclass.webp new file mode 100644 index 0000000000..8c8fadd938 Binary files /dev/null and b/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-cssclass.webp differ diff --git a/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-disabled.PNG b/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-disabled.PNG deleted file mode 100644 index ec63832379..0000000000 Binary files a/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-disabled.PNG and /dev/null differ diff --git a/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-disabled.webp b/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-disabled.webp new file mode 100644 index 0000000000..6d2f841cd4 Binary files /dev/null and b/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-disabled.webp differ diff --git a/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-focus.png b/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-focus.png deleted file mode 100644 index 417e72dcbd..0000000000 Binary files a/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-focus.png and /dev/null differ diff --git a/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-focus.webp b/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-focus.webp new file mode 100644 index 0000000000..9fe367c3b6 Binary files /dev/null and b/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-focus.webp differ diff --git a/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-font.png b/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-font.png deleted file mode 100644 index d0842a8e4c..0000000000 Binary files a/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-font.png and /dev/null differ diff --git a/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-font.webp b/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-font.webp new file mode 100644 index 0000000000..3008c79bd9 Binary files /dev/null and b/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-font.webp differ diff --git a/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-html-attribute.PNG b/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-html-attribute.PNG deleted file mode 100644 index 64b21a8d90..0000000000 Binary files a/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-html-attribute.PNG and /dev/null differ diff --git a/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-html-attribute.webp b/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-html-attribute.webp new file mode 100644 index 0000000000..8b98e119de Binary files /dev/null and b/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-html-attribute.webp differ diff --git a/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-icon.PNG b/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-icon.PNG deleted file mode 100644 index ce9230a5ec..0000000000 Binary files a/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-icon.PNG and /dev/null differ diff --git a/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-icon.webp b/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-icon.webp new file mode 100644 index 0000000000..7b4b66bb1d Binary files /dev/null and b/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-icon.webp differ diff --git a/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-outline.PNG b/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-outline.PNG deleted file mode 100644 index 1e41fbe806..0000000000 Binary files a/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-outline.PNG and /dev/null differ diff --git a/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-outline.webp b/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-outline.webp new file mode 100644 index 0000000000..0786d89b9c Binary files /dev/null and b/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-outline.webp differ diff --git a/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-popup.PNG b/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-popup.PNG deleted file mode 100644 index ec5ad06518..0000000000 Binary files a/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-popup.PNG and /dev/null differ diff --git a/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-popup.webp b/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-popup.webp new file mode 100644 index 0000000000..c43ea13f2b Binary files /dev/null and b/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-popup.webp differ diff --git a/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-svg.png b/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-svg.png deleted file mode 100644 index da49ac285f..0000000000 Binary files a/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-svg.png and /dev/null differ diff --git a/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-svg.webp b/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-svg.webp new file mode 100644 index 0000000000..b2e866b3a4 Binary files /dev/null and b/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-svg.webp differ diff --git a/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-textwrap.png b/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-textwrap.png deleted file mode 100644 index 99f662f3bf..0000000000 Binary files a/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-textwrap.png and /dev/null differ diff --git a/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-textwrap.webp b/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-textwrap.webp new file mode 100644 index 0000000000..cee42c7020 Binary files /dev/null and b/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-textwrap.webp differ diff --git a/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-tooltip.png b/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-tooltip.png deleted file mode 100644 index 2f4f1adf21..0000000000 Binary files a/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-tooltip.png and /dev/null differ diff --git a/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-tooltip.webp b/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-tooltip.webp new file mode 100644 index 0000000000..56dfc3888f Binary files /dev/null and b/blazor/dropdown-tree/images/styles/blazor-dropdowntree-component-tooltip.webp differ diff --git a/blazor/dropdown-tree/images/template/blazor-dropdowntree-failure-template.PNG b/blazor/dropdown-tree/images/template/blazor-dropdowntree-failure-template.PNG deleted file mode 100644 index beba7ab3e3..0000000000 Binary files a/blazor/dropdown-tree/images/template/blazor-dropdowntree-failure-template.PNG and /dev/null differ diff --git a/blazor/dropdown-tree/images/template/blazor-dropdowntree-failure-template.webp b/blazor/dropdown-tree/images/template/blazor-dropdowntree-failure-template.webp new file mode 100644 index 0000000000..2bda6df2cf Binary files /dev/null and b/blazor/dropdown-tree/images/template/blazor-dropdowntree-failure-template.webp differ diff --git a/blazor/dropdown-tree/images/template/blazor-dropdowntree-float-label.PNG b/blazor/dropdown-tree/images/template/blazor-dropdowntree-float-label.PNG deleted file mode 100644 index ee90cecc04..0000000000 Binary files a/blazor/dropdown-tree/images/template/blazor-dropdowntree-float-label.PNG and /dev/null differ diff --git a/blazor/dropdown-tree/images/template/blazor-dropdowntree-float-label.webp b/blazor/dropdown-tree/images/template/blazor-dropdowntree-float-label.webp new file mode 100644 index 0000000000..5404b69f1f Binary files /dev/null and b/blazor/dropdown-tree/images/template/blazor-dropdowntree-float-label.webp differ diff --git a/blazor/dropdown-tree/images/template/blazor-dropdowntree-footer-template.PNG b/blazor/dropdown-tree/images/template/blazor-dropdowntree-footer-template.PNG deleted file mode 100644 index 1c0b8d549a..0000000000 Binary files a/blazor/dropdown-tree/images/template/blazor-dropdowntree-footer-template.PNG and /dev/null differ diff --git a/blazor/dropdown-tree/images/template/blazor-dropdowntree-footer-template.webp b/blazor/dropdown-tree/images/template/blazor-dropdowntree-footer-template.webp new file mode 100644 index 0000000000..c44e405626 Binary files /dev/null and b/blazor/dropdown-tree/images/template/blazor-dropdowntree-footer-template.webp differ diff --git a/blazor/dropdown-tree/images/template/blazor-dropdowntree-header-template.PNG b/blazor/dropdown-tree/images/template/blazor-dropdowntree-header-template.PNG deleted file mode 100644 index 1e9fea7561..0000000000 Binary files a/blazor/dropdown-tree/images/template/blazor-dropdowntree-header-template.PNG and /dev/null differ diff --git a/blazor/dropdown-tree/images/template/blazor-dropdowntree-header-template.webp b/blazor/dropdown-tree/images/template/blazor-dropdowntree-header-template.webp new file mode 100644 index 0000000000..374c9de0d9 Binary files /dev/null and b/blazor/dropdown-tree/images/template/blazor-dropdowntree-header-template.webp differ diff --git a/blazor/dropdown-tree/images/template/blazor-dropdowntree-item-template.PNG b/blazor/dropdown-tree/images/template/blazor-dropdowntree-item-template.PNG deleted file mode 100644 index ee0309a9e7..0000000000 Binary files a/blazor/dropdown-tree/images/template/blazor-dropdowntree-item-template.PNG and /dev/null differ diff --git a/blazor/dropdown-tree/images/template/blazor-dropdowntree-item-template.webp b/blazor/dropdown-tree/images/template/blazor-dropdowntree-item-template.webp new file mode 100644 index 0000000000..dde036322f Binary files /dev/null and b/blazor/dropdown-tree/images/template/blazor-dropdowntree-item-template.webp differ diff --git a/blazor/dropdown-tree/images/template/blazor-dropdowntree-nodata-template.PNG b/blazor/dropdown-tree/images/template/blazor-dropdowntree-nodata-template.PNG deleted file mode 100644 index 549b9a3e71..0000000000 Binary files a/blazor/dropdown-tree/images/template/blazor-dropdowntree-nodata-template.PNG and /dev/null differ diff --git a/blazor/dropdown-tree/images/template/blazor-dropdowntree-nodata-template.webp b/blazor/dropdown-tree/images/template/blazor-dropdowntree-nodata-template.webp new file mode 100644 index 0000000000..564c4a4cbc Binary files /dev/null and b/blazor/dropdown-tree/images/template/blazor-dropdowntree-nodata-template.webp differ diff --git a/blazor/dropdown-tree/images/template/blazor-dropdowntree-placeholder.PNG b/blazor/dropdown-tree/images/template/blazor-dropdowntree-placeholder.PNG deleted file mode 100644 index 0275636de4..0000000000 Binary files a/blazor/dropdown-tree/images/template/blazor-dropdowntree-placeholder.PNG and /dev/null differ diff --git a/blazor/dropdown-tree/images/template/blazor-dropdowntree-placeholder.webp b/blazor/dropdown-tree/images/template/blazor-dropdowntree-placeholder.webp new file mode 100644 index 0000000000..351daa5827 Binary files /dev/null and b/blazor/dropdown-tree/images/template/blazor-dropdowntree-placeholder.webp differ diff --git a/blazor/dropdown-tree/images/template/blazor-dropdowntree-selecteditem-template.png b/blazor/dropdown-tree/images/template/blazor-dropdowntree-selecteditem-template.png deleted file mode 100644 index c3ae679ff4..0000000000 Binary files a/blazor/dropdown-tree/images/template/blazor-dropdowntree-selecteditem-template.png and /dev/null differ diff --git a/blazor/dropdown-tree/images/template/blazor-dropdowntree-selecteditem-template.webp b/blazor/dropdown-tree/images/template/blazor-dropdowntree-selecteditem-template.webp new file mode 100644 index 0000000000..57d4708f82 Binary files /dev/null and b/blazor/dropdown-tree/images/template/blazor-dropdowntree-selecteditem-template.webp differ diff --git a/blazor/dropdown-tree/images/template/blazor-dropdowntree-value-template.png b/blazor/dropdown-tree/images/template/blazor-dropdowntree-value-template.png deleted file mode 100644 index c5c1d1a1a4..0000000000 Binary files a/blazor/dropdown-tree/images/template/blazor-dropdowntree-value-template.png and /dev/null differ diff --git a/blazor/dropdown-tree/images/template/blazor-dropdowntree-value-template.webp b/blazor/dropdown-tree/images/template/blazor-dropdowntree-value-template.webp new file mode 100644 index 0000000000..e731f5fb99 Binary files /dev/null and b/blazor/dropdown-tree/images/template/blazor-dropdowntree-value-template.webp differ diff --git a/blazor/dropdown-tree/popup-setting.md b/blazor/dropdown-tree/popup-setting.md index 747b9ad09f..31ff63ca67 100644 --- a/blazor/dropdown-tree/popup-setting.md +++ b/blazor/dropdown-tree/popup-setting.md @@ -49,7 +49,7 @@ In the following sample, the `PopupWidth` is set as `300px`. } ``` -![Blazor Dropdown Tree with customizing popup width](./images/blazor-dropdowntree-component-popup-width.PNG) +![Blazor Dropdown Tree with customizing popup width](./images/blazor-dropdowntree-component-popup-width.webp) ## Change the popup height @@ -89,7 +89,7 @@ Customize the height of the popup using the [PopupHeight](https://help.syncfusio } ``` -![Blazor Dropdown Tree with customizing popup height](./images/blazor-dropdowntree-component-popup-height.PNG) +![Blazor Dropdown Tree with customizing popup height](./images/blazor-dropdowntree-component-popup-height.webp) ## Change the popup ZIndex @@ -208,7 +208,7 @@ You can programmatically open and close the popup by accessing the [`ShowPopupAs } ``` -![Show or Hide Popup in Blazor Dropdown Tree](./images/blazor-dropdowntree-component-open.PNG) +![Show or Hide Popup in Blazor Dropdown Tree](./images/blazor-dropdowntree-component-open.webp) ## Show popup on initial loading @@ -251,7 +251,7 @@ You can achieve this by using [ShowPopupAsync()](https://help.syncfusion.com/cr/ } } ``` -![Show or Hide Popup in Blazor Dropdown Tree](./images/blazor-dropdowntree-component.png) +![Show or Hide Popup in Blazor Dropdown Tree](./images/blazor-dropdowntree-component.webp) ## Preventing opening and closing @@ -301,4 +301,4 @@ Prevent the popup open and close in the event argument [PopupEventArgs.cancel](h } ``` -![Blazor Dropdown Tree with Preventing opening and closing](./images/blazor-dropdowntree-component-prevent-open.png) \ No newline at end of file +![Blazor Dropdown Tree with Preventing opening and closing](./images/blazor-dropdowntree-component-prevent-open.webp) \ No newline at end of file diff --git a/blazor/dropdown-tree/selection.md b/blazor/dropdown-tree/selection.md index 8644755430..3612009e40 100644 --- a/blazor/dropdown-tree/selection.md +++ b/blazor/dropdown-tree/selection.md @@ -51,7 +51,7 @@ In the following example, you can select the single node only. } ``` -![Selection in Blazor Dropdown Tree.](./images/selection/blazor-dropdowntree-single-selection.png) +![Selection in Blazor Dropdown Tree.](./images/selection/blazor-dropdowntree-single-selection.webp) ## Multi Selection @@ -93,4 +93,4 @@ In the following example, the [AllowMultiSelection](https://help.syncfusion.com/ } ``` -![MultiSelection in Blazor Dropdown Tree.](./images/selection/blazor-dropdowntree-multi-selection.png) +![MultiSelection in Blazor Dropdown Tree.](./images/selection/blazor-dropdowntree-multi-selection.webp) diff --git a/blazor/dropdown-tree/sorting.md b/blazor/dropdown-tree/sorting.md index 751ca72885..498516e9b5 100644 --- a/blazor/dropdown-tree/sorting.md +++ b/blazor/dropdown-tree/sorting.md @@ -63,4 +63,4 @@ In the following example, the [SortOrder](https://help.syncfusion.com/cr/blazor/ } ``` -![Blazor Dropdown Tree with sortOrder descending.](./images/blazor-dropdowntree-component-sort-order.png) \ No newline at end of file +![Blazor Dropdown Tree with sortOrder descending.](./images/blazor-dropdowntree-component-sort-order.webp) \ No newline at end of file diff --git a/blazor/dropdown-tree/style.md b/blazor/dropdown-tree/style.md index 8807026387..258e2cf378 100644 --- a/blazor/dropdown-tree/style.md +++ b/blazor/dropdown-tree/style.md @@ -49,7 +49,7 @@ Specify the boolean value to the [Disabled](https://help.syncfusion.com/cr/blazo } ``` -![Blazor Dropdown Tree with Disabled ](./images/styles/blazor-dropdowntree-component-disabled.png) +![Blazor Dropdown Tree with Disabled ](./images/styles/blazor-dropdowntree-component-disabled.webp) ## CssClass @@ -97,7 +97,7 @@ Some of the predefined values are } ``` -![Blazor Dropdown Tree with CssClass property](./images/styles/blazor-dropdowntree-component-cssclas.png) +![Blazor Dropdown Tree with CssClass property](./images/styles/blazor-dropdowntree-component-cssclass.webp) ## Show the custom icon in dropdown icon @@ -109,7 +109,7 @@ You can customize the dropdown [icon](https://ej2.syncfusion.com/documentation/a } ``` -![Blazor Dropdown Tree with dropdown icon](./images/styles/blazor-dropdowntree-component-arrow.png) +![Blazor Dropdown Tree with dropdown icon](./images/styles/blazor-dropdowntree-component-arrow.webp) You can customize the dropdown icon for the particular component using the [CssClass](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfDropDownTree-2.html#Syncfusion_Blazor_Navigations_SfDropDownTree_2_CssClass) property and add style to the custom class which is mapped to `CssClass`. @@ -165,7 +165,7 @@ You can customize the dropdown [icon](https://ej2.syncfusion.com/documentation/a } ``` -![Blazor Dropdown Tree icon color](./images/styles/blazor-dropdowntree-component-icon.png) +![Blazor Dropdown Tree icon color](./images/styles/blazor-dropdowntree-component-icon.webp) ## Replace the dropdown icon with svg @@ -208,7 +208,7 @@ To replace the default dropdown icon in the Dropdown Tree component with an SVG, ``` -![Blazor Dropdown Tree svg icon](./images/styles/blazor-dropdowntree-component-svg.png) +![Blazor Dropdown Tree svg icon](./images/styles/blazor-dropdowntree-component-svg.webp) ## Customizing the appearance of container element @@ -223,7 +223,7 @@ You can customize the appearance of the container element within the Dropdown Tr } ``` -![Blazor Dropdown Tree container element customization](./images/styles/blazor-dropdowntree-component-container.png) +![Blazor Dropdown Tree container element customization](./images/styles/blazor-dropdowntree-component-container.webp) ## Customizing the focus color @@ -235,7 +235,7 @@ You can customize the component color when it is focused by targeting its CSS cl } ``` -![Blazor Dropdown Tree focus color](./images/styles/blazor-dropdowntree-component-focus.png) +![Blazor Dropdown Tree focus color](./images/styles/blazor-dropdowntree-component-focus.webp) ## Customizing the outline theme's focus color @@ -285,7 +285,7 @@ You can customize the color of the Dropdown Tree component when it is in a focus ``` -![Blazor Dropdown Tree focusing color outline theme](./images/styles/blazor-dropdowntree-component-outline.png) +![Blazor Dropdown Tree focusing color outline theme](./images/styles/blazor-dropdowntree-component-outline.webp) ## Customizing the background color of focus, hover, and active items @@ -299,7 +299,7 @@ You can customize the background color and text color of list items within the D } ``` -![Blazor Dropdown Tree with customizing the focus, hover and active item color](./images/styles/blazor-dropdowntree-component-active.png) +![Blazor Dropdown Tree with customizing the focus, hover and active item color](./images/styles/blazor-dropdowntree-component-active.webp) ## Customizing the appearance of pop-up element @@ -312,7 +312,7 @@ You can customize the appearance of the popup element within the Dropdown Tree c } ``` -![Blazor Dropdown Tree with customizing popup color](./images/styles/blazor-dropdowntree-component-popup.png) +![Blazor Dropdown Tree with customizing popup color](./images/styles/blazor-dropdowntree-component-popup.webp) ## Change the HTML attributes @@ -358,7 +358,7 @@ Add the additional html attributes such as styles, class, and more to the root e } ``` -![Blazor Dropdown Tree with different font family](./images/styles/blazor-dropdowntree-component-html-attribute.png) +![Blazor Dropdown Tree with different font family](./images/styles/blazor-dropdowntree-component-html-attribute.webp) ## Set the various font family for Dropdown Tree elements @@ -418,7 +418,7 @@ In the following sample, the font family of the Dropdown Tree, ListItem text in ``` -![Blazor Dropdown Tree with different font family](./images/styles/blazor-dropdowntree-component-font.png) +![Blazor Dropdown Tree with different font family](./images/styles/blazor-dropdowntree-component-font.webp) ## Show tooltip on list item @@ -494,7 +494,7 @@ The following code demonstrates how to display a tooltip when hovering over the } ``` -![Blazor Dropdown Tree with different font family](./images/styles/blazor-dropdowntree-component-tooltip.png) +![Blazor Dropdown Tree with different font family](./images/styles/blazor-dropdowntree-component-tooltip.webp) ### Tooltip using HTMLAttribute in Dropdown Tree component @@ -623,4 +623,4 @@ In the following example, by enabling the `TextWrap` the selected items will app } ``` -![Blazor Dropdown Tree with TextWrap property.](./images/styles/blazor-dropdowntree-component-textwrap.png) +![Blazor Dropdown Tree with TextWrap property.](./images/styles/blazor-dropdowntree-component-textwrap.webp) diff --git a/blazor/dropdown-tree/templates.md b/blazor/dropdown-tree/templates.md index 67db2c9e95..a982c7efaa 100644 --- a/blazor/dropdown-tree/templates.md +++ b/blazor/dropdown-tree/templates.md @@ -61,7 +61,7 @@ The variable `context` holds the data of the current node. } ``` -![Blazor Dropdown Tree with ItemTemplate.](./images/template/blazor-dropdowntree-item-template.png) +![Blazor Dropdown Tree with ItemTemplate.](./images/template/blazor-dropdowntree-item-template.webp) ## Value template @@ -111,7 +111,7 @@ The template expression can be provided directly inside the `ValueTemplate`, as ``` -![Blazor Dropdown Tree with ValueTemplate.](./images/template/blazor-dropdowntree-value-template.png) +![Blazor Dropdown Tree with ValueTemplate.](./images/template/blazor-dropdowntree-value-template.webp) ## Header template @@ -171,7 +171,7 @@ In the following sample, the header is customized with the custom element. ``` -![Blazor Dropdown Tree with HeaderTemplate.](./images/template/blazor-dropdowntree-header-template.png) +![Blazor Dropdown Tree with HeaderTemplate.](./images/template/blazor-dropdowntree-header-template.webp) ## Footer template @@ -232,7 +232,7 @@ In the following sample, the footer element displays the total number of employe ``` -![Blazor Dropdown Tree with Footer Template.](./images/template/blazor-dropdowntree-footer-template.png) +![Blazor Dropdown Tree with Footer Template.](./images/template/blazor-dropdowntree-footer-template.webp) ## No records template @@ -267,7 +267,7 @@ In the following sample, popup list content displays the notification of no data } ``` -![Blazor Dropdown Tree without Data.](./images/template/blazor-dropdowntree-nodata-template.png) +![Blazor Dropdown Tree without Data.](./images/template/blazor-dropdowntree-nodata-template.webp) ## Action failure template @@ -316,7 +316,7 @@ In the following sample, when the data fetch request fails, the Dropdown Tree di } ``` -![Blazor Dropdown Tree with Action Failure Template.](./images/template/blazor-dropdowntree-failure-template.png) +![Blazor Dropdown Tree with Action Failure Template.](./images/template/blazor-dropdowntree-failure-template.webp) ## Placeholder @@ -353,7 +353,7 @@ Use the [Placeholder](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Na } ``` -![Blazor Dropdown Tree with place holder.](./images/template/blazor-dropdowntree-placeholder.png) +![Blazor Dropdown Tree with place holder.](./images/template/blazor-dropdowntree-placeholder.webp) ## FloatLabel @@ -401,7 +401,7 @@ The `FloatLabelType` as `Auto` is demonstrated in the following code sample. } ``` -![Blazor Dropdown Tree with place holder.](./images/template/blazor-dropdowntree-float-label.png) +![Blazor Dropdown Tree with place holder.](./images/template/blazor-dropdowntree-float-label.webp) ## SelectedItem template @@ -458,4 +458,4 @@ In this example, the custom text provided is displayed instead of the text of th } ``` -![Blazor Dropdown Tree with SelectedItem template.](./images/template/blazor-dropdowntree-selecteditem-template.png) +![Blazor Dropdown Tree with SelectedItem template.](./images/template/blazor-dropdowntree-selecteditem-template.webp) diff --git a/blazor/dropdown-tree/value-binding.md b/blazor/dropdown-tree/value-binding.md index 144b99259b..248615cd36 100644 --- a/blazor/dropdown-tree/value-binding.md +++ b/blazor/dropdown-tree/value-binding.md @@ -116,7 +116,7 @@ In this example, the selected value is obtained through two-way binding using th } ``` -![Get selected value in Blazor DropDownTree](./images/selection/blazor-dropdowntree-get-selected-value.png) +![Get selected value in Blazor DropDownTree](./images/selection/blazor-dropdowntree-get-selected-value.webp) ## Clear Selection diff --git a/blazor/file-manager/end-user-capabilities.md b/blazor/file-manager/end-user-capabilities.md index 4bc36e6fad..c33b825e59 100644 --- a/blazor/file-manager/end-user-capabilities.md +++ b/blazor/file-manager/end-user-capabilities.md @@ -19,7 +19,7 @@ The File Manager UI is comprised of several sections like View, Toolbar, Breadcr * [Details view](#details-view) (For browsing files and folders using details view) -![End User Capabilities in Blazor FileManager](./images/blazor-filemanager-user-interface.png) +![End User Capabilities in Blazor FileManager](./images/blazor-filemanager-user-interface.webp) The basic File Manager is a light weight component with all the basic functions. The basic File Manager has the following sections in its UI to browse files and folders and manage them with file operations. @@ -27,7 +27,7 @@ The basic File Manager is a light weight component with all the basic functions. * [Large icons view](#large-icons-view) (For browsing files and folders) * [Context Menu](#context-menu) (For accessing file operations) -![Blazor FileManager](./images/blazor-filemanager.png) +![Blazor FileManager](./images/blazor-filemanager.webp) ## Toolbar @@ -37,7 +37,7 @@ If the Toolbar items exceed the size of the Toolbar, then the exceeding Toolbar Refer [Toolbar](./file-operations.md#toolbar) section in file operations to know more about the buttons present in Toolbar. -![Blazor File Manager with Toolbar](./images/blazor-filemanager-toolbar.png) +![Blazor File Manager with Toolbar](./images/blazor-filemanager-toolbar.webp) ## Context Menu @@ -47,7 +47,7 @@ Context menu can be customized using the [ContextMenuSettings](https://help.sync Refer [Context Menu](https://blazor.syncfusion.com/documentation/file-manager/context-menu) section to know more about the menu items present in Context Menu. -![Blazor File Manager with Context Menu](./images/blazor-filemanager-contextmenu.png) +![Blazor File Manager with Context Menu](./images/blazor-filemanager-contextmenu.webp) ## Files and Folders Navigation @@ -60,17 +60,17 @@ The File Manager provides navigation between files and folders using the followi The navigation pane displays the folder hierarchy of the file system and provides easy navigation to the desired folder. Using [NavigationPaneSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.FileManager.FileManagerNavigationPaneSettings.html), minimum and maximum width of the navigation pane can be changed. The navigation pane can be shown or hidden using the [Visible](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.FileManager.FileManagerNavigationPaneSettings.html#Syncfusion_Blazor_FileManager_FileManagerNavigationPaneSettings_Visible) option in the [NavigationPaneSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.FileManager.FileManagerNavigationPaneSettings.html). -![Blazor File Manager with Navigation Pane](./images/blazor-filemanager-navigationpane.png) +![Blazor File Manager with Navigation Pane](./images/blazor-filemanager-navigationpane.webp) You can customize the appearance of the navigation pane by using the `NavigationPaneTemplate` property. This enables you to modify icons, display text, and include additional elements to suit your application's requirements. -![Blazor File Manager with Navigation Pane Template Output](./images/blazor-filemanager-navigationpane-template.png) +![Blazor File Manager with Navigation Pane Template Output](./images/blazor-filemanager-navigationpane-template.webp) ### BreadCrumb The File Manager provides breadcrumb for navigating to the parent folders. The breadcrumb in the File Manager is responsible for resizing. Whenever the path length exceeds the breadcrumb length, a dropdown button will be added at the starting of the breadcrumb to hold the parent folders adjacent to root. -![Blazor File Manager with BreadCrumb](./images/blazor-filemanager-with-breadcrumb.png) +![Blazor File Manager with BreadCrumb](./images/blazor-filemanager-with-breadcrumb.webp) ## Large Icons View @@ -78,17 +78,17 @@ The `Large Icons View` is the default starting view in the FileManager. The view In the large icons view, the thumbnail icons will be shown in a larger size, which displays the data in a form that best suits their content. For image and video type files, a **preview** will be displayed. Extension thumbnails will be displayed for other type files. -![Blazor File Manager with LargeIconView](./images/blazor-filemanager-largeiconsview.png) +![Blazor File Manager with LargeIconView](./images/blazor-filemanager-largeiconsview.webp) The `LargeIconsTemplate` property enables complete customization of how folders and files are rendered in the `Large Icons View`. It allows you to enhance the layout by adding background images, custom file-type icons, and actions such as dropdown menus. -![Blazor FileManager Large Icon View Template Output](./images/blazor-filemanager-template-large-icons-view.png) +![Blazor FileManager Large Icon View Template Output](./images/blazor-filemanager-template-large-icons-view.webp) ## Details View In the details view, the files are displayed in a sorted list order. This file list comprises of several columns of information about the files such as **Name**, **Date Modified**, **Type**, and **Size**. Each file has its own small icon representing the file type. Additional columns can be added using [DetailsViewSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.FileManager.FileManagerDetailsViewSettings.html) API. The details view allows you to perform sorting using column header. -![Blazor FileManger with DetailsView](./images/blazor-filemanager-detailsview.png) +![Blazor FileManger with DetailsView](./images/blazor-filemanager-detailsview.webp) ## File Operations @@ -119,7 +119,7 @@ You can perform multiple selections by pressing the Ctrl key or Shift key and se The [FileSelected](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.FileManager.FileManagerEvents-1.html#Syncfusion_Blazor_FileManager_FileManagerEvents_1_FileSelected) event will be triggered when an item in the File Manager control is selected or unselected. -![File and folder selection in Blazor FileManger](./images/blazor-filemanager-selection.png) +![File and folder selection in Blazor FileManger](./images/blazor-filemanager-selection.webp) ### Create, Rename, Delete a File or Folder @@ -127,9 +127,9 @@ In the Blazor File Manager component, you can perform the [**create**](https://b Refer to the [Toolbar](./file-operations.md#toolbar) and [Context Menu](./context-menu.md#context-menu-in-blazor-filemanager-component) sections to learn more about the items that are present in the Toolbar and Context Menu. -![Create a folder in Blazor FileManger](./images/blazor-filemanager-create-operation.png) +![Create a folder in Blazor FileManger](./images/blazor-filemanager-create-operation.webp) -![Rename, delete a folder in Blazor FileManger](./images/blazor-filemanager-rename-delete.png) +![Rename, delete a folder in Blazor FileManger](./images/blazor-filemanager-rename-delete.webp) ### Moving File or Folder @@ -145,9 +145,9 @@ In the Blazor File Manager component, you can perform the [upload](https://blazo Refer to the [Toolbar](https://blazor.syncfusion.com/documentation/file-manager/file-operations#toolbar) and [Context Menu](https://blazor.syncfusion.com/documentation/file-manager/context-menu) sections to learn more about the items that are present in the Toolbar and Context Menu. -![Upload a file in Blazor FileManger](./images/blazor-filemanager-upload-operation.png) +![Upload a file in Blazor FileManger](./images/blazor-filemanager-upload-operation.webp) -![Download a file in Blazor FileManger](./images/blazor-filemanager-download-operation.png) +![Download a file in Blazor FileManger](./images/blazor-filemanager-download-operation.webp) ### Upload Files or Folders via context menu @@ -155,15 +155,15 @@ In the Blazor File Manager component, you can perform the files or folder [uploa Refer to the [Context Menu](https://blazor.syncfusion.com/documentation/file-manager/context-menu) sections to learn more about the items that are present in Context Menu. -![Upload a file in Blazor FileManger](./images/blazor-filemanager-fileupload.png) +![Upload a file in Blazor FileManger](./images/blazor-filemanager-fileupload.webp) -![Download a folder in Blazor FileManger](./images/blazor-filemanager-folderupload.png) +![Download a folder in Blazor FileManger](./images/blazor-filemanager-folderupload.webp) ### Searching Files and Folders In the Blazor File Manager component, you are able to [search](https://blazor.syncfusion.com/documentation/file-manager/file-operations#searching-files-and-folders) for the wanted files and folders using the default input search functionality option. -![Searching files and folders in Blazor FileManger](./images/blazor-filemanager-search-operation.png) +![Searching files and folders in Blazor FileManger](./images/blazor-filemanager-search-operation.webp) ### Cut, Copy, and Paste @@ -171,4 +171,4 @@ You can perform the **cut**, **copy**(https://blazor.syncfusion.com/documentatio Refer to the [Toolbar](https://blazor.syncfusion.com/documentation/file-manager/file-operations#toolbar)and [Context Menu](https://blazor.syncfusion.com/documentation/file-manager/context-menu) sections to learn more about the items that are present in the Toolbar and Context Menu. -![File operations in Blazor FileManager](./images/blazor-filemanager-cut-copy-paste.png) \ No newline at end of file +![File operations in Blazor FileManager](./images/blazor-filemanager-cut-copy-paste.webp) \ No newline at end of file diff --git a/blazor/file-manager/how-to/add-custom-tool-bar.md b/blazor/file-manager/how-to/add-custom-tool-bar.md index ae034db4af..045b4ccf3d 100644 --- a/blazor/file-manager/how-to/add-custom-tool-bar.md +++ b/blazor/file-manager/how-to/add-custom-tool-bar.md @@ -47,7 +47,7 @@ To enhance the customization of toolbar items, the [FileManagerToolbarSettings]( ``` -![Blazor FileManger displays Custom Item in Toolbar](../images/blazor-filemanager-custom-item.png) +![Blazor FileManger displays Custom Item in Toolbar](../images/blazor-filemanager-custom-item.webp) **Case 2**: To include Blazor components in the File Manager toolbar, you can use the template tag. This enables you to seamlessly render additional components within the toolbar. By assigning the same `Name` property in the toolbar items list, you can determine the desired position of the template item within the toolbar. @@ -95,4 +95,4 @@ To enhance the customization of toolbar items, the [FileManagerToolbarSettings]( ``` -![Blazor FileManger displays Zoom button in Toolbar](../images/blazor-filemanager-zoom-button.png) +![Blazor FileManger displays Zoom button in Toolbar](../images/blazor-filemanager-zoom-button.webp) diff --git a/blazor/file-manager/how-to/adding-custom-item-to-context-menu.md b/blazor/file-manager/how-to/adding-custom-item-to-context-menu.md index 400f7d1c5e..f5e9c4e332 100644 --- a/blazor/file-manager/how-to/adding-custom-item-to-context-menu.md +++ b/blazor/file-manager/how-to/adding-custom-item-to-context-menu.md @@ -38,4 +38,4 @@ After successful compilation of your application, simply press `F5` to run the a -![Blazor File Manager with Custom Context Menu](../images/blazor-filemanager-custom-context-menu.png) \ No newline at end of file +![Blazor File Manager with Custom Context Menu](../images/blazor-filemanager-custom-context-menu.webp) \ No newline at end of file diff --git a/blazor/file-manager/how-to/customize-http-handler.md b/blazor/file-manager/how-to/customize-http-handler.md index 10a2d61dda..928976f6d2 100644 --- a/blazor/file-manager/how-to/customize-http-handler.md +++ b/blazor/file-manager/how-to/customize-http-handler.md @@ -145,7 +145,7 @@ This section explains how to create a Blazor server application with Windows aut You can create a Blazor server application with Windows authentication using Visual Studio via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-7.0) or the [Syncfusion® Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio). -![Authentication](../images/customize-http-handler.png) +![Authentication](../images/customize-http-handler.webp) Include the [Microsoft.AspNetCore.Authentication.JWTBearer](https://www.nuget.org/packages/Microsoft.AspNetCore.Authentication.JwtBearer) package for generating user tokens. diff --git a/blazor/file-manager/how-to/nested-items.md b/blazor/file-manager/how-to/nested-items.md index 18060d0859..78cbe6ce25 100644 --- a/blazor/file-manager/how-to/nested-items.md +++ b/blazor/file-manager/how-to/nested-items.md @@ -180,7 +180,7 @@ The following example shows how to render the SfFileManager component inside the ``` -![Syncfusion Blazor File Manager displayed inside a dialog](../images/blazor-filemanager-inside-dialog.png) +![Syncfusion Blazor File Manager displayed inside a dialog](../images/blazor-filemanager-inside-dialog.webp) ## Adding File Manager inside the Tab @@ -231,4 +231,4 @@ The following example demonstrates how to integrate the Blazor File Manager comp ``` -![Syncfusion Blazor File Manager displayed inside a tab](../images/blazor-filemanager-inside-tab.png) \ No newline at end of file +![Syncfusion Blazor File Manager displayed inside a tab](../images/blazor-filemanager-inside-tab.webp) \ No newline at end of file diff --git a/blazor/file-manager/images/Blazor-server-app-creation.png b/blazor/file-manager/images/Blazor-server-app-creation.png deleted file mode 100644 index 02e4a025bf..0000000000 Binary files a/blazor/file-manager/images/Blazor-server-app-creation.png and /dev/null differ diff --git a/blazor/file-manager/images/Blazor-server-app-creation.webp b/blazor/file-manager/images/Blazor-server-app-creation.webp new file mode 100644 index 0000000000..0d820ce3eb Binary files /dev/null and b/blazor/file-manager/images/Blazor-server-app-creation.webp differ diff --git a/blazor/file-manager/images/Screenshot 2021-01-21 162629.png b/blazor/file-manager/images/Screenshot 2021-01-21 162629.png deleted file mode 100644 index 1ca8c5aee3..0000000000 Binary files a/blazor/file-manager/images/Screenshot 2021-01-21 162629.png and /dev/null differ diff --git a/blazor/file-manager/images/Screenshot 2021-01-21 162629.webp b/blazor/file-manager/images/Screenshot 2021-01-21 162629.webp new file mode 100644 index 0000000000..137b4b69a3 Binary files /dev/null and b/blazor/file-manager/images/Screenshot 2021-01-21 162629.webp differ diff --git a/blazor/file-manager/images/blazor-app-interactive-mode.png b/blazor/file-manager/images/blazor-app-interactive-mode.png deleted file mode 100644 index 9edcc0e351..0000000000 Binary files a/blazor/file-manager/images/blazor-app-interactive-mode.png and /dev/null differ diff --git a/blazor/file-manager/images/blazor-app-interactive-mode.webp b/blazor/file-manager/images/blazor-app-interactive-mode.webp new file mode 100644 index 0000000000..44f2080745 Binary files /dev/null and b/blazor/file-manager/images/blazor-app-interactive-mode.webp differ diff --git a/blazor/file-manager/images/blazor-create-web-app.png b/blazor/file-manager/images/blazor-create-web-app.png deleted file mode 100644 index 7dd6e612d2..0000000000 Binary files a/blazor/file-manager/images/blazor-create-web-app.png and /dev/null differ diff --git a/blazor/file-manager/images/blazor-create-web-app.webp b/blazor/file-manager/images/blazor-create-web-app.webp new file mode 100644 index 0000000000..199356f771 Binary files /dev/null and b/blazor/file-manager/images/blazor-create-web-app.webp differ diff --git a/blazor/file-manager/images/blazor-filemanager-allowextension.png b/blazor/file-manager/images/blazor-filemanager-allowextension.png deleted file mode 100644 index 7865b551c4..0000000000 Binary files a/blazor/file-manager/images/blazor-filemanager-allowextension.png and /dev/null differ diff --git a/blazor/file-manager/images/blazor-filemanager-allowextension.webp b/blazor/file-manager/images/blazor-filemanager-allowextension.webp new file mode 100644 index 0000000000..b3064a9682 Binary files /dev/null and b/blazor/file-manager/images/blazor-filemanager-allowextension.webp differ diff --git a/blazor/file-manager/images/blazor-filemanager-autoupload.png b/blazor/file-manager/images/blazor-filemanager-autoupload.png deleted file mode 100644 index 46f06c0bfe..0000000000 Binary files a/blazor/file-manager/images/blazor-filemanager-autoupload.png and /dev/null differ diff --git a/blazor/file-manager/images/blazor-filemanager-autoupload.webp b/blazor/file-manager/images/blazor-filemanager-autoupload.webp new file mode 100644 index 0000000000..aadaa29ba5 Binary files /dev/null and b/blazor/file-manager/images/blazor-filemanager-autoupload.webp differ diff --git a/blazor/file-manager/images/blazor-filemanager-chunkupload.png b/blazor/file-manager/images/blazor-filemanager-chunkupload.png deleted file mode 100644 index 8166ad916e..0000000000 Binary files a/blazor/file-manager/images/blazor-filemanager-chunkupload.png and /dev/null differ diff --git a/blazor/file-manager/images/blazor-filemanager-chunkupload.webp b/blazor/file-manager/images/blazor-filemanager-chunkupload.webp new file mode 100644 index 0000000000..e9b7f9401c Binary files /dev/null and b/blazor/file-manager/images/blazor-filemanager-chunkupload.webp differ diff --git a/blazor/file-manager/images/blazor-filemanager-component.png b/blazor/file-manager/images/blazor-filemanager-component.png deleted file mode 100644 index 141b0340cb..0000000000 Binary files a/blazor/file-manager/images/blazor-filemanager-component.png and /dev/null differ diff --git a/blazor/file-manager/images/blazor-filemanager-component.webp b/blazor/file-manager/images/blazor-filemanager-component.webp new file mode 100644 index 0000000000..10f8752218 Binary files /dev/null and b/blazor/file-manager/images/blazor-filemanager-component.webp differ diff --git a/blazor/file-manager/images/blazor-filemanager-contextmenu.png b/blazor/file-manager/images/blazor-filemanager-contextmenu.png deleted file mode 100644 index a8cdb64f8b..0000000000 Binary files a/blazor/file-manager/images/blazor-filemanager-contextmenu.png and /dev/null differ diff --git a/blazor/file-manager/images/blazor-filemanager-contextmenu.webp b/blazor/file-manager/images/blazor-filemanager-contextmenu.webp new file mode 100644 index 0000000000..7523a95e88 Binary files /dev/null and b/blazor/file-manager/images/blazor-filemanager-contextmenu.webp differ diff --git a/blazor/file-manager/images/blazor-filemanager-create-operation.png b/blazor/file-manager/images/blazor-filemanager-create-operation.png deleted file mode 100644 index 2f4f5c7211..0000000000 Binary files a/blazor/file-manager/images/blazor-filemanager-create-operation.png and /dev/null differ diff --git a/blazor/file-manager/images/blazor-filemanager-create-operation.webp b/blazor/file-manager/images/blazor-filemanager-create-operation.webp new file mode 100644 index 0000000000..3339624406 Binary files /dev/null and b/blazor/file-manager/images/blazor-filemanager-create-operation.webp differ diff --git a/blazor/file-manager/images/blazor-filemanager-currentpage.png b/blazor/file-manager/images/blazor-filemanager-currentpage.png deleted file mode 100644 index 226e81b4a5..0000000000 Binary files a/blazor/file-manager/images/blazor-filemanager-currentpage.png and /dev/null differ diff --git a/blazor/file-manager/images/blazor-filemanager-currentpage.webp b/blazor/file-manager/images/blazor-filemanager-currentpage.webp new file mode 100644 index 0000000000..9be9fc9867 Binary files /dev/null and b/blazor/file-manager/images/blazor-filemanager-currentpage.webp differ diff --git a/blazor/file-manager/images/blazor-filemanager-custom-context-menu.png b/blazor/file-manager/images/blazor-filemanager-custom-context-menu.png deleted file mode 100644 index 518386b57f..0000000000 Binary files a/blazor/file-manager/images/blazor-filemanager-custom-context-menu.png and /dev/null differ diff --git a/blazor/file-manager/images/blazor-filemanager-custom-context-menu.webp b/blazor/file-manager/images/blazor-filemanager-custom-context-menu.webp new file mode 100644 index 0000000000..c3ed505e7c Binary files /dev/null and b/blazor/file-manager/images/blazor-filemanager-custom-context-menu.webp differ diff --git a/blazor/file-manager/images/blazor-filemanager-custom-dialog.png b/blazor/file-manager/images/blazor-filemanager-custom-dialog.png deleted file mode 100644 index fdd14b292e..0000000000 Binary files a/blazor/file-manager/images/blazor-filemanager-custom-dialog.png and /dev/null differ diff --git a/blazor/file-manager/images/blazor-filemanager-custom-dialog.webp b/blazor/file-manager/images/blazor-filemanager-custom-dialog.webp new file mode 100644 index 0000000000..da5444162b Binary files /dev/null and b/blazor/file-manager/images/blazor-filemanager-custom-dialog.webp differ diff --git a/blazor/file-manager/images/blazor-filemanager-custom-item.png b/blazor/file-manager/images/blazor-filemanager-custom-item.png deleted file mode 100644 index 97e28a9f79..0000000000 Binary files a/blazor/file-manager/images/blazor-filemanager-custom-item.png and /dev/null differ diff --git a/blazor/file-manager/images/blazor-filemanager-custom-item.webp b/blazor/file-manager/images/blazor-filemanager-custom-item.webp new file mode 100644 index 0000000000..2b08b7b9fb Binary files /dev/null and b/blazor/file-manager/images/blazor-filemanager-custom-item.webp differ diff --git a/blazor/file-manager/images/blazor-filemanager-custom-layout.png b/blazor/file-manager/images/blazor-filemanager-custom-layout.png deleted file mode 100644 index 8543c3b32c..0000000000 Binary files a/blazor/file-manager/images/blazor-filemanager-custom-layout.png and /dev/null differ diff --git a/blazor/file-manager/images/blazor-filemanager-custom-layout.webp b/blazor/file-manager/images/blazor-filemanager-custom-layout.webp new file mode 100644 index 0000000000..e9b10dfb51 Binary files /dev/null and b/blazor/file-manager/images/blazor-filemanager-custom-layout.webp differ diff --git a/blazor/file-manager/images/blazor-filemanager-custom-selected-items.png b/blazor/file-manager/images/blazor-filemanager-custom-selected-items.png deleted file mode 100644 index 283883b6b6..0000000000 Binary files a/blazor/file-manager/images/blazor-filemanager-custom-selected-items.png and /dev/null differ diff --git a/blazor/file-manager/images/blazor-filemanager-custom-selected-items.webp b/blazor/file-manager/images/blazor-filemanager-custom-selected-items.webp new file mode 100644 index 0000000000..b0e04d78a3 Binary files /dev/null and b/blazor/file-manager/images/blazor-filemanager-custom-selected-items.webp differ diff --git a/blazor/file-manager/images/blazor-filemanager-custom-thumbnail.png b/blazor/file-manager/images/blazor-filemanager-custom-thumbnail.png deleted file mode 100644 index 28aad486d3..0000000000 Binary files a/blazor/file-manager/images/blazor-filemanager-custom-thumbnail.png and /dev/null differ diff --git a/blazor/file-manager/images/blazor-filemanager-custom-thumbnail.webp b/blazor/file-manager/images/blazor-filemanager-custom-thumbnail.webp new file mode 100644 index 0000000000..338b075f86 Binary files /dev/null and b/blazor/file-manager/images/blazor-filemanager-custom-thumbnail.webp differ diff --git a/blazor/file-manager/images/blazor-filemanager-custom-toolbar.png b/blazor/file-manager/images/blazor-filemanager-custom-toolbar.png deleted file mode 100644 index 25535cf470..0000000000 Binary files a/blazor/file-manager/images/blazor-filemanager-custom-toolbar.png and /dev/null differ diff --git a/blazor/file-manager/images/blazor-filemanager-custom-toolbar.webp b/blazor/file-manager/images/blazor-filemanager-custom-toolbar.webp new file mode 100644 index 0000000000..657c7672a2 Binary files /dev/null and b/blazor/file-manager/images/blazor-filemanager-custom-toolbar.webp differ diff --git a/blazor/file-manager/images/blazor-filemanager-customized-navigation-pane.png b/blazor/file-manager/images/blazor-filemanager-customized-navigation-pane.png deleted file mode 100644 index 0e2400c966..0000000000 Binary files a/blazor/file-manager/images/blazor-filemanager-customized-navigation-pane.png and /dev/null differ diff --git a/blazor/file-manager/images/blazor-filemanager-customized-navigation-pane.webp b/blazor/file-manager/images/blazor-filemanager-customized-navigation-pane.webp new file mode 100644 index 0000000000..8bd4ec81cf Binary files /dev/null and b/blazor/file-manager/images/blazor-filemanager-customized-navigation-pane.webp differ diff --git a/blazor/file-manager/images/blazor-filemanager-cut-copy-paste.png b/blazor/file-manager/images/blazor-filemanager-cut-copy-paste.png deleted file mode 100644 index bc2d52aee1..0000000000 Binary files a/blazor/file-manager/images/blazor-filemanager-cut-copy-paste.png and /dev/null differ diff --git a/blazor/file-manager/images/blazor-filemanager-cut-copy-paste.webp b/blazor/file-manager/images/blazor-filemanager-cut-copy-paste.webp new file mode 100644 index 0000000000..52aff25d26 Binary files /dev/null and b/blazor/file-manager/images/blazor-filemanager-cut-copy-paste.webp differ diff --git a/blazor/file-manager/images/blazor-filemanager-detailsview-custom-sorting.png b/blazor/file-manager/images/blazor-filemanager-detailsview-custom-sorting.png deleted file mode 100644 index 180238f042..0000000000 Binary files a/blazor/file-manager/images/blazor-filemanager-detailsview-custom-sorting.png and /dev/null differ diff --git a/blazor/file-manager/images/blazor-filemanager-detailsview-custom-sorting.webp b/blazor/file-manager/images/blazor-filemanager-detailsview-custom-sorting.webp new file mode 100644 index 0000000000..aeca9df84b Binary files /dev/null and b/blazor/file-manager/images/blazor-filemanager-detailsview-custom-sorting.webp differ diff --git a/blazor/file-manager/images/blazor-filemanager-detailsview.png b/blazor/file-manager/images/blazor-filemanager-detailsview.png deleted file mode 100644 index c18c93d553..0000000000 Binary files a/blazor/file-manager/images/blazor-filemanager-detailsview.png and /dev/null differ diff --git a/blazor/file-manager/images/blazor-filemanager-detailsview.webp b/blazor/file-manager/images/blazor-filemanager-detailsview.webp new file mode 100644 index 0000000000..879b32c24e Binary files /dev/null and b/blazor/file-manager/images/blazor-filemanager-detailsview.webp differ diff --git a/blazor/file-manager/images/blazor-filemanager-directoryupload.png b/blazor/file-manager/images/blazor-filemanager-directoryupload.png deleted file mode 100644 index 0b929839c3..0000000000 Binary files a/blazor/file-manager/images/blazor-filemanager-directoryupload.png and /dev/null differ diff --git a/blazor/file-manager/images/blazor-filemanager-directoryupload.webp b/blazor/file-manager/images/blazor-filemanager-directoryupload.webp new file mode 100644 index 0000000000..790df767ce Binary files /dev/null and b/blazor/file-manager/images/blazor-filemanager-directoryupload.webp differ diff --git a/blazor/file-manager/images/blazor-filemanager-download-operation.png b/blazor/file-manager/images/blazor-filemanager-download-operation.png deleted file mode 100644 index 4a6c619c37..0000000000 Binary files a/blazor/file-manager/images/blazor-filemanager-download-operation.png and /dev/null differ diff --git a/blazor/file-manager/images/blazor-filemanager-download-operation.webp b/blazor/file-manager/images/blazor-filemanager-download-operation.webp new file mode 100644 index 0000000000..7e37d15ace Binary files /dev/null and b/blazor/file-manager/images/blazor-filemanager-download-operation.webp differ diff --git a/blazor/file-manager/images/blazor-filemanager-drag-and-drop.gif b/blazor/file-manager/images/blazor-filemanager-drag-and-drop.gif deleted file mode 100644 index 80ece666f2..0000000000 Binary files a/blazor/file-manager/images/blazor-filemanager-drag-and-drop.gif and /dev/null differ diff --git a/blazor/file-manager/images/blazor-filemanager-drag-and-drop.webp b/blazor/file-manager/images/blazor-filemanager-drag-and-drop.webp new file mode 100644 index 0000000000..2770f3644f Binary files /dev/null and b/blazor/file-manager/images/blazor-filemanager-drag-and-drop.webp differ diff --git a/blazor/file-manager/images/blazor-filemanager-file-system.png b/blazor/file-manager/images/blazor-filemanager-file-system.png deleted file mode 100644 index 1eccd40b61..0000000000 Binary files a/blazor/file-manager/images/blazor-filemanager-file-system.png and /dev/null differ diff --git a/blazor/file-manager/images/blazor-filemanager-file-system.webp b/blazor/file-manager/images/blazor-filemanager-file-system.webp new file mode 100644 index 0000000000..42d74bba6e Binary files /dev/null and b/blazor/file-manager/images/blazor-filemanager-file-system.webp differ diff --git a/blazor/file-manager/images/blazor-filemanager-fileupload.PNG b/blazor/file-manager/images/blazor-filemanager-fileupload.PNG deleted file mode 100644 index b5d21a7fd9..0000000000 Binary files a/blazor/file-manager/images/blazor-filemanager-fileupload.PNG and /dev/null differ diff --git a/blazor/file-manager/images/blazor-filemanager-fileupload.webp b/blazor/file-manager/images/blazor-filemanager-fileupload.webp new file mode 100644 index 0000000000..bc1c9c6e4d Binary files /dev/null and b/blazor/file-manager/images/blazor-filemanager-fileupload.webp differ diff --git a/blazor/file-manager/images/blazor-filemanager-folder-upload.gif b/blazor/file-manager/images/blazor-filemanager-folder-upload.gif deleted file mode 100644 index 9b6b2a1b20..0000000000 Binary files a/blazor/file-manager/images/blazor-filemanager-folder-upload.gif and /dev/null differ diff --git a/blazor/file-manager/images/blazor-filemanager-folder-upload.webp b/blazor/file-manager/images/blazor-filemanager-folder-upload.webp new file mode 100644 index 0000000000..646a97592b Binary files /dev/null and b/blazor/file-manager/images/blazor-filemanager-folder-upload.webp differ diff --git a/blazor/file-manager/images/blazor-filemanager-folderupload.PNG b/blazor/file-manager/images/blazor-filemanager-folderupload.PNG deleted file mode 100644 index 16b7d65689..0000000000 Binary files a/blazor/file-manager/images/blazor-filemanager-folderupload.PNG and /dev/null differ diff --git a/blazor/file-manager/images/blazor-filemanager-folderupload.webp b/blazor/file-manager/images/blazor-filemanager-folderupload.webp new file mode 100644 index 0000000000..a3783dfff0 Binary files /dev/null and b/blazor/file-manager/images/blazor-filemanager-folderupload.webp differ diff --git a/blazor/file-manager/images/blazor-filemanager-generate-key.png b/blazor/file-manager/images/blazor-filemanager-generate-key.png deleted file mode 100644 index 639cbaa9fe..0000000000 Binary files a/blazor/file-manager/images/blazor-filemanager-generate-key.png and /dev/null differ diff --git a/blazor/file-manager/images/blazor-filemanager-generate-key.webp b/blazor/file-manager/images/blazor-filemanager-generate-key.webp new file mode 100644 index 0000000000..09b4fe5931 Binary files /dev/null and b/blazor/file-manager/images/blazor-filemanager-generate-key.webp differ diff --git a/blazor/file-manager/images/blazor-filemanager-image-preview.png b/blazor/file-manager/images/blazor-filemanager-image-preview.png deleted file mode 100644 index eb92326d35..0000000000 Binary files a/blazor/file-manager/images/blazor-filemanager-image-preview.png and /dev/null differ diff --git a/blazor/file-manager/images/blazor-filemanager-image-preview.webp b/blazor/file-manager/images/blazor-filemanager-image-preview.webp new file mode 100644 index 0000000000..845fb1652d Binary files /dev/null and b/blazor/file-manager/images/blazor-filemanager-image-preview.webp differ diff --git a/blazor/file-manager/images/blazor-filemanager-inside-dialog.png b/blazor/file-manager/images/blazor-filemanager-inside-dialog.png deleted file mode 100644 index fe4b70b215..0000000000 Binary files a/blazor/file-manager/images/blazor-filemanager-inside-dialog.png and /dev/null differ diff --git a/blazor/file-manager/images/blazor-filemanager-inside-dialog.webp b/blazor/file-manager/images/blazor-filemanager-inside-dialog.webp new file mode 100644 index 0000000000..1bcd838e14 Binary files /dev/null and b/blazor/file-manager/images/blazor-filemanager-inside-dialog.webp differ diff --git a/blazor/file-manager/images/blazor-filemanager-inside-tab.png b/blazor/file-manager/images/blazor-filemanager-inside-tab.png deleted file mode 100644 index 0c1f750f2a..0000000000 Binary files a/blazor/file-manager/images/blazor-filemanager-inside-tab.png and /dev/null differ diff --git a/blazor/file-manager/images/blazor-filemanager-inside-tab.webp b/blazor/file-manager/images/blazor-filemanager-inside-tab.webp new file mode 100644 index 0000000000..500a6e812a Binary files /dev/null and b/blazor/file-manager/images/blazor-filemanager-inside-tab.webp differ diff --git a/blazor/file-manager/images/blazor-filemanager-largeicons-custom-sorting.png b/blazor/file-manager/images/blazor-filemanager-largeicons-custom-sorting.png deleted file mode 100644 index b7a01b6e25..0000000000 Binary files a/blazor/file-manager/images/blazor-filemanager-largeicons-custom-sorting.png and /dev/null differ diff --git a/blazor/file-manager/images/blazor-filemanager-largeicons-custom-sorting.webp b/blazor/file-manager/images/blazor-filemanager-largeicons-custom-sorting.webp new file mode 100644 index 0000000000..2b572ad50e Binary files /dev/null and b/blazor/file-manager/images/blazor-filemanager-largeicons-custom-sorting.webp differ diff --git a/blazor/file-manager/images/blazor-filemanager-largeiconsview.png b/blazor/file-manager/images/blazor-filemanager-largeiconsview.png deleted file mode 100644 index 2c51d6cd82..0000000000 Binary files a/blazor/file-manager/images/blazor-filemanager-largeiconsview.png and /dev/null differ diff --git a/blazor/file-manager/images/blazor-filemanager-largeiconsview.webp b/blazor/file-manager/images/blazor-filemanager-largeiconsview.webp new file mode 100644 index 0000000000..435b13ecb2 Binary files /dev/null and b/blazor/file-manager/images/blazor-filemanager-largeiconsview.webp differ diff --git a/blazor/file-manager/images/blazor-filemanager-maui-app.png b/blazor/file-manager/images/blazor-filemanager-maui-app.png deleted file mode 100644 index fd455c4388..0000000000 Binary files a/blazor/file-manager/images/blazor-filemanager-maui-app.png and /dev/null differ diff --git a/blazor/file-manager/images/blazor-filemanager-maui-app.webp b/blazor/file-manager/images/blazor-filemanager-maui-app.webp new file mode 100644 index 0000000000..ddd8937aa6 Binary files /dev/null and b/blazor/file-manager/images/blazor-filemanager-maui-app.webp differ diff --git a/blazor/file-manager/images/blazor-filemanager-multi-selection.png b/blazor/file-manager/images/blazor-filemanager-multi-selection.png deleted file mode 100644 index d575382f9d..0000000000 Binary files a/blazor/file-manager/images/blazor-filemanager-multi-selection.png and /dev/null differ diff --git a/blazor/file-manager/images/blazor-filemanager-multi-selection.webp b/blazor/file-manager/images/blazor-filemanager-multi-selection.webp new file mode 100644 index 0000000000..4cc656ac09 Binary files /dev/null and b/blazor/file-manager/images/blazor-filemanager-multi-selection.webp differ diff --git a/blazor/file-manager/images/blazor-filemanager-navigationpane-template.png b/blazor/file-manager/images/blazor-filemanager-navigationpane-template.png deleted file mode 100644 index e3bc25e8bc..0000000000 Binary files a/blazor/file-manager/images/blazor-filemanager-navigationpane-template.png and /dev/null differ diff --git a/blazor/file-manager/images/blazor-filemanager-navigationpane-template.webp b/blazor/file-manager/images/blazor-filemanager-navigationpane-template.webp new file mode 100644 index 0000000000..31e198a3da Binary files /dev/null and b/blazor/file-manager/images/blazor-filemanager-navigationpane-template.webp differ diff --git a/blazor/file-manager/images/blazor-filemanager-navigationpane.png b/blazor/file-manager/images/blazor-filemanager-navigationpane.png deleted file mode 100644 index 269cd28bce..0000000000 Binary files a/blazor/file-manager/images/blazor-filemanager-navigationpane.png and /dev/null differ diff --git a/blazor/file-manager/images/blazor-filemanager-navigationpane.webp b/blazor/file-manager/images/blazor-filemanager-navigationpane.webp new file mode 100644 index 0000000000..1f42fbb28b Binary files /dev/null and b/blazor/file-manager/images/blazor-filemanager-navigationpane.webp differ diff --git a/blazor/file-manager/images/blazor-filemanager-nuget-package.png b/blazor/file-manager/images/blazor-filemanager-nuget-package.png deleted file mode 100644 index 1ca8c5aee3..0000000000 Binary files a/blazor/file-manager/images/blazor-filemanager-nuget-package.png and /dev/null differ diff --git a/blazor/file-manager/images/blazor-filemanager-nuget-package.webp b/blazor/file-manager/images/blazor-filemanager-nuget-package.webp new file mode 100644 index 0000000000..137b4b69a3 Binary files /dev/null and b/blazor/file-manager/images/blazor-filemanager-nuget-package.webp differ diff --git a/blazor/file-manager/images/blazor-filemanager-numericitemcount.png b/blazor/file-manager/images/blazor-filemanager-numericitemcount.png deleted file mode 100644 index 95c0b440e8..0000000000 Binary files a/blazor/file-manager/images/blazor-filemanager-numericitemcount.png and /dev/null differ diff --git a/blazor/file-manager/images/blazor-filemanager-numericitemcount.webp b/blazor/file-manager/images/blazor-filemanager-numericitemcount.webp new file mode 100644 index 0000000000..4764e9180c Binary files /dev/null and b/blazor/file-manager/images/blazor-filemanager-numericitemcount.webp differ diff --git a/blazor/file-manager/images/blazor-filemanager-page-template.png b/blazor/file-manager/images/blazor-filemanager-page-template.png deleted file mode 100644 index ff71a06c79..0000000000 Binary files a/blazor/file-manager/images/blazor-filemanager-page-template.png and /dev/null differ diff --git a/blazor/file-manager/images/blazor-filemanager-page-template.webp b/blazor/file-manager/images/blazor-filemanager-page-template.webp new file mode 100644 index 0000000000..9bd6a4fc74 Binary files /dev/null and b/blazor/file-manager/images/blazor-filemanager-page-template.webp differ diff --git a/blazor/file-manager/images/blazor-filemanager-pagesize-dropdown.png b/blazor/file-manager/images/blazor-filemanager-pagesize-dropdown.png deleted file mode 100644 index 943dbdc1dc..0000000000 Binary files a/blazor/file-manager/images/blazor-filemanager-pagesize-dropdown.png and /dev/null differ diff --git a/blazor/file-manager/images/blazor-filemanager-pagesize-dropdown.webp b/blazor/file-manager/images/blazor-filemanager-pagesize-dropdown.webp new file mode 100644 index 0000000000..203ad42cfa Binary files /dev/null and b/blazor/file-manager/images/blazor-filemanager-pagesize-dropdown.webp differ diff --git a/blazor/file-manager/images/blazor-filemanager-pagesize.png b/blazor/file-manager/images/blazor-filemanager-pagesize.png deleted file mode 100644 index 5ab282f3f4..0000000000 Binary files a/blazor/file-manager/images/blazor-filemanager-pagesize.png and /dev/null differ diff --git a/blazor/file-manager/images/blazor-filemanager-pagesize.webp b/blazor/file-manager/images/blazor-filemanager-pagesize.webp new file mode 100644 index 0000000000..0616b7037e Binary files /dev/null and b/blazor/file-manager/images/blazor-filemanager-pagesize.webp differ diff --git a/blazor/file-manager/images/blazor-filemanager-pagination.png b/blazor/file-manager/images/blazor-filemanager-pagination.png deleted file mode 100644 index 792ed900fd..0000000000 Binary files a/blazor/file-manager/images/blazor-filemanager-pagination.png and /dev/null differ diff --git a/blazor/file-manager/images/blazor-filemanager-pagination.webp b/blazor/file-manager/images/blazor-filemanager-pagination.webp new file mode 100644 index 0000000000..f2b6393749 Binary files /dev/null and b/blazor/file-manager/images/blazor-filemanager-pagination.webp differ diff --git a/blazor/file-manager/images/blazor-filemanager-rename-delete.png b/blazor/file-manager/images/blazor-filemanager-rename-delete.png deleted file mode 100644 index 14ba904a8b..0000000000 Binary files a/blazor/file-manager/images/blazor-filemanager-rename-delete.png and /dev/null differ diff --git a/blazor/file-manager/images/blazor-filemanager-rename-delete.webp b/blazor/file-manager/images/blazor-filemanager-rename-delete.webp new file mode 100644 index 0000000000..dd8fcd0abd Binary files /dev/null and b/blazor/file-manager/images/blazor-filemanager-rename-delete.webp differ diff --git a/blazor/file-manager/images/blazor-filemanager-search-operation.png b/blazor/file-manager/images/blazor-filemanager-search-operation.png deleted file mode 100644 index 4b05a652f3..0000000000 Binary files a/blazor/file-manager/images/blazor-filemanager-search-operation.png and /dev/null differ diff --git a/blazor/file-manager/images/blazor-filemanager-search-operation.webp b/blazor/file-manager/images/blazor-filemanager-search-operation.webp new file mode 100644 index 0000000000..3a4dcb3728 Binary files /dev/null and b/blazor/file-manager/images/blazor-filemanager-search-operation.webp differ diff --git a/blazor/file-manager/images/blazor-filemanager-selection.png b/blazor/file-manager/images/blazor-filemanager-selection.png deleted file mode 100644 index 9390610e02..0000000000 Binary files a/blazor/file-manager/images/blazor-filemanager-selection.png and /dev/null differ diff --git a/blazor/file-manager/images/blazor-filemanager-selection.webp b/blazor/file-manager/images/blazor-filemanager-selection.webp new file mode 100644 index 0000000000..ea94660e9a Binary files /dev/null and b/blazor/file-manager/images/blazor-filemanager-selection.webp differ diff --git a/blazor/file-manager/images/blazor-filemanager-sequentialupload.png b/blazor/file-manager/images/blazor-filemanager-sequentialupload.png deleted file mode 100644 index 354559b8fa..0000000000 Binary files a/blazor/file-manager/images/blazor-filemanager-sequentialupload.png and /dev/null differ diff --git a/blazor/file-manager/images/blazor-filemanager-sequentialupload.webp b/blazor/file-manager/images/blazor-filemanager-sequentialupload.webp new file mode 100644 index 0000000000..8a40b0f087 Binary files /dev/null and b/blazor/file-manager/images/blazor-filemanager-sequentialupload.webp differ diff --git a/blazor/file-manager/images/blazor-filemanager-template-large-icons-view.png b/blazor/file-manager/images/blazor-filemanager-template-large-icons-view.png deleted file mode 100644 index 784bf8bed4..0000000000 Binary files a/blazor/file-manager/images/blazor-filemanager-template-large-icons-view.png and /dev/null differ diff --git a/blazor/file-manager/images/blazor-filemanager-template-large-icons-view.webp b/blazor/file-manager/images/blazor-filemanager-template-large-icons-view.webp new file mode 100644 index 0000000000..49671a65d8 Binary files /dev/null and b/blazor/file-manager/images/blazor-filemanager-template-large-icons-view.webp differ diff --git a/blazor/file-manager/images/blazor-filemanager-toolbar.png b/blazor/file-manager/images/blazor-filemanager-toolbar.png deleted file mode 100644 index 035947013d..0000000000 Binary files a/blazor/file-manager/images/blazor-filemanager-toolbar.png and /dev/null differ diff --git a/blazor/file-manager/images/blazor-filemanager-toolbar.webp b/blazor/file-manager/images/blazor-filemanager-toolbar.webp new file mode 100644 index 0000000000..0e05732ea9 Binary files /dev/null and b/blazor/file-manager/images/blazor-filemanager-toolbar.webp differ diff --git a/blazor/file-manager/images/blazor-filemanager-upload-operation.png b/blazor/file-manager/images/blazor-filemanager-upload-operation.png deleted file mode 100644 index 2a05b04a4a..0000000000 Binary files a/blazor/file-manager/images/blazor-filemanager-upload-operation.png and /dev/null differ diff --git a/blazor/file-manager/images/blazor-filemanager-upload-operation.webp b/blazor/file-manager/images/blazor-filemanager-upload-operation.webp new file mode 100644 index 0000000000..9b2032050e Binary files /dev/null and b/blazor/file-manager/images/blazor-filemanager-upload-operation.webp differ diff --git a/blazor/file-manager/images/blazor-filemanager-user-interface.png b/blazor/file-manager/images/blazor-filemanager-user-interface.png deleted file mode 100644 index e177b09544..0000000000 Binary files a/blazor/file-manager/images/blazor-filemanager-user-interface.png and /dev/null differ diff --git a/blazor/file-manager/images/blazor-filemanager-user-interface.webp b/blazor/file-manager/images/blazor-filemanager-user-interface.webp new file mode 100644 index 0000000000..6fa51a6b53 Binary files /dev/null and b/blazor/file-manager/images/blazor-filemanager-user-interface.webp differ diff --git a/blazor/file-manager/images/blazor-filemanager-virtualization.gif b/blazor/file-manager/images/blazor-filemanager-virtualization.gif deleted file mode 100644 index 8f39c80455..0000000000 Binary files a/blazor/file-manager/images/blazor-filemanager-virtualization.gif and /dev/null differ diff --git a/blazor/file-manager/images/blazor-filemanager-virtualization.webp b/blazor/file-manager/images/blazor-filemanager-virtualization.webp new file mode 100644 index 0000000000..31d640aed8 Binary files /dev/null and b/blazor/file-manager/images/blazor-filemanager-virtualization.webp differ diff --git a/blazor/file-manager/images/blazor-filemanager-with-breadcrumb.png b/blazor/file-manager/images/blazor-filemanager-with-breadcrumb.png deleted file mode 100644 index 1726ecb3fd..0000000000 Binary files a/blazor/file-manager/images/blazor-filemanager-with-breadcrumb.png and /dev/null differ diff --git a/blazor/file-manager/images/blazor-filemanager-with-breadcrumb.webp b/blazor/file-manager/images/blazor-filemanager-with-breadcrumb.webp new file mode 100644 index 0000000000..078dfea824 Binary files /dev/null and b/blazor/file-manager/images/blazor-filemanager-with-breadcrumb.webp differ diff --git a/blazor/file-manager/images/blazor-filemanager-zoom-button.png b/blazor/file-manager/images/blazor-filemanager-zoom-button.png deleted file mode 100644 index 4cc41375c0..0000000000 Binary files a/blazor/file-manager/images/blazor-filemanager-zoom-button.png and /dev/null differ diff --git a/blazor/file-manager/images/blazor-filemanager-zoom-button.webp b/blazor/file-manager/images/blazor-filemanager-zoom-button.webp new file mode 100644 index 0000000000..7d5733b161 Binary files /dev/null and b/blazor/file-manager/images/blazor-filemanager-zoom-button.webp differ diff --git a/blazor/file-manager/images/blazor-filemanager.png b/blazor/file-manager/images/blazor-filemanager.png deleted file mode 100644 index 400f83655a..0000000000 Binary files a/blazor/file-manager/images/blazor-filemanager.png and /dev/null differ diff --git a/blazor/file-manager/images/blazor-filemanager.webp b/blazor/file-manager/images/blazor-filemanager.webp new file mode 100644 index 0000000000..c7c8b9b1d3 Binary files /dev/null and b/blazor/file-manager/images/blazor-filemanager.webp differ diff --git a/blazor/file-manager/images/blazor-nuget-explorer.png b/blazor/file-manager/images/blazor-nuget-explorer.png deleted file mode 100644 index 72f9986edd..0000000000 Binary files a/blazor/file-manager/images/blazor-nuget-explorer.png and /dev/null differ diff --git a/blazor/file-manager/images/blazor-nuget-explorer.webp b/blazor/file-manager/images/blazor-nuget-explorer.webp new file mode 100644 index 0000000000..dedfe67a6a Binary files /dev/null and b/blazor/file-manager/images/blazor-nuget-explorer.webp differ diff --git a/blazor/file-manager/images/blazor-nuget-selection.png b/blazor/file-manager/images/blazor-nuget-selection.png deleted file mode 100644 index e8f7d31194..0000000000 Binary files a/blazor/file-manager/images/blazor-nuget-selection.png and /dev/null differ diff --git a/blazor/file-manager/images/blazor-nuget-selection.webp b/blazor/file-manager/images/blazor-nuget-selection.webp new file mode 100644 index 0000000000..365b657b48 Binary files /dev/null and b/blazor/file-manager/images/blazor-nuget-selection.webp differ diff --git a/blazor/file-manager/images/blazor-wasm-app-template.png b/blazor/file-manager/images/blazor-wasm-app-template.png deleted file mode 100644 index 8cf1737d81..0000000000 Binary files a/blazor/file-manager/images/blazor-wasm-app-template.png and /dev/null differ diff --git a/blazor/file-manager/images/blazor-wasm-app-template.webp b/blazor/file-manager/images/blazor-wasm-app-template.webp new file mode 100644 index 0000000000..6824d1db62 Binary files /dev/null and b/blazor/file-manager/images/blazor-wasm-app-template.webp differ diff --git a/blazor/file-manager/images/custom-cm.png b/blazor/file-manager/images/custom-cm.png deleted file mode 100644 index 331a954bdf..0000000000 Binary files a/blazor/file-manager/images/custom-cm.png and /dev/null differ diff --git a/blazor/file-manager/images/custom-cm.webp b/blazor/file-manager/images/custom-cm.webp new file mode 100644 index 0000000000..eddc606d27 Binary files /dev/null and b/blazor/file-manager/images/custom-cm.webp differ diff --git a/blazor/file-manager/images/custom-toolbar.png b/blazor/file-manager/images/custom-toolbar.png deleted file mode 100644 index 82bc852362..0000000000 Binary files a/blazor/file-manager/images/custom-toolbar.png and /dev/null differ diff --git a/blazor/file-manager/images/custom-toolbar.webp b/blazor/file-manager/images/custom-toolbar.webp new file mode 100644 index 0000000000..ae4528b8b7 Binary files /dev/null and b/blazor/file-manager/images/custom-toolbar.webp differ diff --git a/blazor/file-manager/images/customize-http-handler.png b/blazor/file-manager/images/customize-http-handler.png deleted file mode 100644 index a143da03cb..0000000000 Binary files a/blazor/file-manager/images/customize-http-handler.png and /dev/null differ diff --git a/blazor/file-manager/images/customize-http-handler.webp b/blazor/file-manager/images/customize-http-handler.webp new file mode 100644 index 0000000000..f02216ec38 Binary files /dev/null and b/blazor/file-manager/images/customize-http-handler.webp differ diff --git a/blazor/file-manager/images/fileManager.png b/blazor/file-manager/images/fileManager.png deleted file mode 100644 index 57c64edb3a..0000000000 Binary files a/blazor/file-manager/images/fileManager.png and /dev/null differ diff --git a/blazor/file-manager/images/fileManager.webp b/blazor/file-manager/images/fileManager.webp new file mode 100644 index 0000000000..37d3dee06c Binary files /dev/null and b/blazor/file-manager/images/fileManager.webp differ diff --git a/blazor/file-manager/images/filemanager-output.png b/blazor/file-manager/images/filemanager-output.png deleted file mode 100644 index ecca622d8b..0000000000 Binary files a/blazor/file-manager/images/filemanager-output.png and /dev/null differ diff --git a/blazor/file-manager/images/filemanager-output.webp b/blazor/file-manager/images/filemanager-output.webp new file mode 100644 index 0000000000..dee31541f2 Binary files /dev/null and b/blazor/file-manager/images/filemanager-output.webp differ diff --git a/blazor/file-manager/images/filemanagerfull.png b/blazor/file-manager/images/filemanagerfull.png deleted file mode 100644 index 1a8324518e..0000000000 Binary files a/blazor/file-manager/images/filemanagerfull.png and /dev/null differ diff --git a/blazor/file-manager/images/filemanagerfull.webp b/blazor/file-manager/images/filemanagerfull.webp new file mode 100644 index 0000000000..127687522d Binary files /dev/null and b/blazor/file-manager/images/filemanagerfull.webp differ diff --git a/blazor/file-manager/images/getimage.png b/blazor/file-manager/images/getimage.png deleted file mode 100644 index 8fef334c2d..0000000000 Binary files a/blazor/file-manager/images/getimage.png and /dev/null differ diff --git a/blazor/file-manager/images/getimage.webp b/blazor/file-manager/images/getimage.webp new file mode 100644 index 0000000000..9c4a2a6ec9 Binary files /dev/null and b/blazor/file-manager/images/getimage.webp differ diff --git a/blazor/file-manager/images/hosted-filemanager.png b/blazor/file-manager/images/hosted-filemanager.png deleted file mode 100644 index 13d8ed056b..0000000000 Binary files a/blazor/file-manager/images/hosted-filemanager.png and /dev/null differ diff --git a/blazor/file-manager/images/hosted-filemanager.webp b/blazor/file-manager/images/hosted-filemanager.webp new file mode 100644 index 0000000000..707e7c024d Binary files /dev/null and b/blazor/file-manager/images/hosted-filemanager.webp differ diff --git a/blazor/file-manager/images/multi-selection.png b/blazor/file-manager/images/multi-selection.png deleted file mode 100644 index 4332097b21..0000000000 Binary files a/blazor/file-manager/images/multi-selection.png and /dev/null differ diff --git a/blazor/file-manager/images/multi-selection.webp b/blazor/file-manager/images/multi-selection.webp new file mode 100644 index 0000000000..3998375465 Binary files /dev/null and b/blazor/file-manager/images/multi-selection.webp differ