diff --git a/blazor/3D-chart/images/getting-started/blazor-chart-exporting.png b/blazor/3D-chart/images/getting-started/blazor-chart-exporting.png index 3656c1a197..731e26d0e5 100644 Binary files a/blazor/3D-chart/images/getting-started/blazor-chart-exporting.png and b/blazor/3D-chart/images/getting-started/blazor-chart-exporting.png differ diff --git a/blazor/3D-chart/images/getting-started/blazor-chart-printing.png b/blazor/3D-chart/images/getting-started/blazor-chart-printing.png index 0caddd4c07..0c9a56927c 100644 Binary files a/blazor/3D-chart/images/getting-started/blazor-chart-printing.png and b/blazor/3D-chart/images/getting-started/blazor-chart-printing.png differ diff --git a/blazor/3D-chart/print-export.md b/blazor/3D-chart/print-export.md index 7d7b8660c2..c4cfa00e19 100644 --- a/blazor/3D-chart/print-export.md +++ b/blazor/3D-chart/print-export.md @@ -58,7 +58,7 @@ The rendered 3D chart can be printed directly from the browser by calling the pu } ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/VDVptnWKMUGlprdU?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/rtrotaWGVNdkipal?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %} ![Printing in Blazor 3D Chart](images/getting-started/blazor-chart-printing.png) @@ -111,6 +111,6 @@ The rendered 3D chart can be exported to `JPEG`, `PNG`, `SVG`, or `PDF` format u } ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/BNhJXxCgsqbldGjc?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/rDLItkMwhXdAfBmY?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %} ![Exporting in Blazor 3D Chart](images/getting-started/blazor-chart-exporting.png) diff --git a/blazor/3D-chart/working-with-data.md b/blazor/3D-chart/working-with-data.md index 7283884c74..5f805222bb 100644 --- a/blazor/3D-chart/working-with-data.md +++ b/blazor/3D-chart/working-with-data.md @@ -207,7 +207,6 @@ The [SfDataManager](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Data ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/VZhpXnrpAccANHLf?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %} ![Blazor 3D Chart with ODataV4Adaptor Binding](images/working-data/blazor-chart-odatav4-adaptor-binding.png) @@ -266,7 +265,6 @@ The following sample code shows how to send parameters using the Query property } ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/hDVzNxLfUlNVErCr?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %} ## Empty points diff --git a/blazor/bullet-chart/images/blazor-bullet-chart-actual-bar-customization.png b/blazor/bullet-chart/images/blazor-bullet-chart-actual-bar-customization.png index 7d9bf73704..5ae27b8b17 100644 Binary files a/blazor/bullet-chart/images/blazor-bullet-chart-actual-bar-customization.png and b/blazor/bullet-chart/images/blazor-bullet-chart-actual-bar-customization.png differ diff --git a/blazor/bullet-chart/images/blazor-bullet-chart-actual-bar.png b/blazor/bullet-chart/images/blazor-bullet-chart-actual-bar.png index 6f8968a32a..39bad0b5df 100644 Binary files a/blazor/bullet-chart/images/blazor-bullet-chart-actual-bar.png and b/blazor/bullet-chart/images/blazor-bullet-chart-actual-bar.png differ diff --git a/blazor/bullet-chart/images/blazor-bullet-chart-dot-actual-bar.png b/blazor/bullet-chart/images/blazor-bullet-chart-dot-actual-bar.png index 97c0fea6a1..b27fc7f739 100644 Binary files a/blazor/bullet-chart/images/blazor-bullet-chart-dot-actual-bar.png and b/blazor/bullet-chart/images/blazor-bullet-chart-dot-actual-bar.png differ diff --git a/blazor/circular-gauge/appearance.md b/blazor/circular-gauge/appearance.md index 1a4aa65d72..0b2631c6ec 100644 --- a/blazor/circular-gauge/appearance.md +++ b/blazor/circular-gauge/appearance.md @@ -27,7 +27,7 @@ You can add a title to the Circular Gauge using the [Title](https://help.syncfus ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/rDrqMhLwAfAAeKAL?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/LDLytkMmVzxeMrwb?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %} ![Blazor Circular Gauge with Title](./images/blazor-circulargauge-title.png) diff --git a/blazor/circular-gauge/dimensions.md b/blazor/circular-gauge/dimensions.md index 8d6a27dd3b..070f8345c4 100644 --- a/blazor/circular-gauge/dimensions.md +++ b/blazor/circular-gauge/dimensions.md @@ -20,9 +20,17 @@ You can set the size of the Circular Gauge in pixel as demonstrated below. ```cshtml @using Syncfusion.Blazor.CircularGauge - + + + + + + + + + ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/hNrKihBwKMBZGKzB?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/hthItOWmVBPpLJbl?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %} ![Changing Blazor Circular Gauge Size in Pixel](./images/blazor-circulargauge-size.png) @@ -34,11 +42,19 @@ By setting value in percentage, gauge gets its dimension with respect to its con @using Syncfusion.Blazor.CircularGauge
- + + + + + + + + +
``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/VDhKsVVGACLBzBrP?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/LDVetOicVLudqTfx?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %} ![Changing Blazor Circular Gauge Size in Percentage](./images/blazor-circulargauge-size.png) diff --git a/blazor/circular-gauge/how-to/place-gauge-inside-other-components.md b/blazor/circular-gauge/how-to/place-gauge-inside-other-components.md index 3654b63410..1c0c97208b 100644 --- a/blazor/circular-gauge/how-to/place-gauge-inside-other-components.md +++ b/blazor/circular-gauge/how-to/place-gauge-inside-other-components.md @@ -23,15 +23,15 @@ When you drag and resize the Dashboard Layout panel or resize the window, the Ci @using Syncfusion.Blazor.Layouts @using Syncfusion.Blazor.Inputs - - + + - +
Circular Gauge
@if (IsInitialRender) { - + @@ -54,72 +54,72 @@ When you drag and resize the Dashboard Layout panel or resize the window, the Ci } - - + +
Semi Circular Gauge
@if (IsInitialRender) { - - - - + + + + - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + } - +
Arc Gauge
@if (IsInitialRender) { - - - - - - - - - - - - - - - - - - - - - -
60/100
- - - - - + + + + + + + + + + + + + + + + + + + + + +
60/100
+ + + + + } - + @@ -161,7 +161,7 @@ When you drag and resize the Dashboard Layout panel or resize the window, the Ci }); }, null, 500, Timeout.Infinite); } - + private async Task RefreshComponents() { await Task.Yield(); @@ -172,7 +172,6 @@ When you drag and resize the Dashboard Layout panel or resize the window, the Ci } ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/hDLAirBcqpadhlqd?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %} ![Blazor Circular Gauge inside Dashboard Layout component](../images/blazor-circulargauge-with-dashboard-layout.png) @@ -313,7 +312,6 @@ When the Circular Gauge component renders within the Tab component, its renderin } ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/hjVKMLhwUeZXVtLD?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %} ![Blazor Circular Gauge inside Tab component](../images/blazor-circulargauge-with-tab.png) @@ -405,7 +403,7 @@ When you drag and resize the Dialog component, the Circular Gauge component is n ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/hZrUCrrwKojeelUv?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/LjLSZkicrHnxtFdb?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %} ![Blazor Circular Gauge inside Dialog component](../images/blazor-circulargauge-with-dialog.png) @@ -499,10 +497,12 @@ When you expand the Accordion component, the Circular Gauge component is not not - + - + diff --git a/blazor/circular-gauge/pointers.md b/blazor/circular-gauge/pointers.md index 3524bd80f5..5beb1d75f5 100644 --- a/blazor/circular-gauge/pointers.md +++ b/blazor/circular-gauge/pointers.md @@ -327,7 +327,6 @@ You can use image instead of rendering marker shape to denote the pointer value. ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/BXhUMLhmgVRVZgdx?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %} ![Blazor Circular Gauge with Image Pointer](./images/blazor-circulargauge-pointer-with-image.png) @@ -417,7 +416,7 @@ The pointers are animated on loading the gauge using the [CircularGaugePointerAn ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/BDhUWhVmqBcsUFix?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/VXVoNkWwhpogscSG?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %} ![Blazor Circular Gauge with Pointer Animation](./images/blazor-circulargauge-pointer-animation.gif) diff --git a/blazor/circular-gauge/ranges.md b/blazor/circular-gauge/ranges.md index 6323437b55..142f34187a 100644 --- a/blazor/circular-gauge/ranges.md +++ b/blazor/circular-gauge/ranges.md @@ -353,7 +353,6 @@ To apply linear gradient to the range, follow the below code sample. } ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/VXBgWrrmqhBbMMDq?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %} ### Radial gradient @@ -464,7 +463,6 @@ To apply radial gradient to the range, follow the below code sample. } ``` -{% previewsample "https://blazorplayground.syncfusion.com/embed/LXVqiLLcAhUizuIm?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %} ## See also diff --git a/blazor/common/accessibility.md b/blazor/common/accessibility.md index bfab210ac0..dd0e23b53b 100644 --- a/blazor/common/accessibility.md +++ b/blazor/common/accessibility.md @@ -1757,7 +1757,7 @@ SfPdfViewer Yes -Demo +Demo Documentation @@ -2848,41 +2848,6 @@ TreeView Documentation - - -PDF Viewer - - -Yes - - -Yes - - -Yes - - -Yes - - -Yes - - -Partial - - -Yes - - -Yes - - -Demo - - -Documentation - -