Skip to content

DOCINFRA-2341_merged_using_automation #6644

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 5 commits into from
Sep 22, 2025
Merged

DOCINFRA-2341_merged_using_automation #6644

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
2897c40
982808: Updated the samples in 3DChart, bullet chart and circular gauge.
mohammednowfel4989 Sep 19, 2025
8276161
983312: updtLinkH1
AbishekRoyDennisRaj Sep 19, 2025
41e6471
983312: updtLinkH1
AbishekRoyDennisRaj Sep 19, 2025
45e7500
Merge pull request #6623 from syncfusion-content/982808-UGIssueHotfix
Keerthivasan-Ramamoorthy Sep 22, 2025
ec6fe6c
Merge pull request #6628 from syncfusion-content/983312-updtLinkH1
KameshRajendran Sep 22, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file modified blazor/3D-chart/images/getting-started/blazor-chart-exporting.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified blazor/3D-chart/images/getting-started/blazor-chart-printing.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 2 additions & 2 deletions blazor/3D-chart/print-export.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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)

Expand Down Expand Up @@ -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)
2 changes: 0 additions & 2 deletions blazor/3D-chart/working-with-data.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -207,7 +207,6 @@ The [SfDataManager](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Data
</SfChart3D>

```
{% 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)

Expand Down Expand Up @@ -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

Expand Down
Binary file modified blazor/bullet-chart/images/blazor-bullet-chart-actual-bar-customization.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified blazor/bullet-chart/images/blazor-bullet-chart-actual-bar.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified blazor/bullet-chart/images/blazor-bullet-chart-dot-actual-bar.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion blazor/circular-gauge/appearance.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@ You can add a title to the Circular Gauge using the [Title](https://help.syncfus
</CircularGaugeAxes>
</SfCircularGauge>
```
{% 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)

Expand Down
24 changes: 20 additions & 4 deletions blazor/circular-gauge/dimensions.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,9 +20,17 @@ You can set the size of the Circular Gauge in pixel as demonstrated below.
```cshtml
@using Syncfusion.Blazor.CircularGauge

<SfCircularGauge Width= "200px" Height= "200px"></SfCircularGauge>
<SfCircularGauge Width= "200px" Height= "200px">
<CircularGaugeAxes>
<CircularGaugeAxis>
<CircularGaugePointers>
<CircularGaugePointer/>
</CircularGaugePointers>
</CircularGaugeAxis>
</CircularGaugeAxes>
</SfCircularGauge>
```
{% 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)

Expand All @@ -34,11 +42,19 @@ By setting value in percentage, gauge gets its dimension with respect to its con
@using Syncfusion.Blazor.CircularGauge

<div style="height:450px; width:450px">
<SfCircularGauge Width="50%" Height="50%"></SfCircularGauge>
<SfCircularGauge Width="50%" Height="50%">
<CircularGaugeAxes>
<CircularGaugeAxis>
<CircularGaugePointers>
<CircularGaugePointer/>
</CircularGaugePointers>
</CircularGaugeAxis>
</CircularGaugeAxes>
</SfCircularGauge>
</div>
```

{% 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)

Expand Down
120 changes: 60 additions & 60 deletions blazor/circular-gauge/how-to/place-gauge-inside-other-components.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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

<SfDashboardLayout ID="DashBoard" AllowResizing="true" AllowFloating="true" CellSpacing="@CellSpacing" Columns="20">
<DashboardLayoutEvents Created="Created" OnWindowResize="@ResizingWindow" Resizing="@ResizingWindow"></DashboardLayoutEvents>
<SfDashboardLayout ID="DashBoard" AllowResizing="true" AllowFloating="true" CellSpacing="@CellSpacing" Columns="20">
<DashboardLayoutEvents Created="Created" OnWindowResize="@ResizingWindow"></DashboardLayoutEvents>
<DashboardLayoutPanels>
<DashboardLayoutPanel Id="LayoutOne" Row="0" Col="5" SizeX="5" SizeY="7">
<DashboardLayoutPanel Id="LayoutOne" Row="0" Column="5" SizeX="5" SizeY="7">
<HeaderTemplate><div> Circular Gauge </div></HeaderTemplate>
<ContentTemplate>
@if (IsInitialRender)
{
<SfCircularGauge ID="GaugeOne" @ref="GaugeOne" Background="transparent" Height="100%" Width="100%">
<SfCircularGauge ID="GaugeOne" @ref="GaugeOne" Background="transparent" Height="100%" Width="100%">
<CircularGaugeAxes>
<CircularGaugeAxis Radius="80%" StartAngle="230" EndAngle="130">
<CircularGaugeAxisLabelStyle Offset="-1">
Expand All @@ -54,72 +54,72 @@ When you drag and resize the Dashboard Layout panel or resize the window, the Ci
</SfCircularGauge>
}
</ContentTemplate>
</DashboardLayoutPanel>
<DashboardLayoutPanel Id="LayoutTwo" Row="1" Col="5" SizeX="5" SizeY="7">
</DashboardLayoutPanel>
<DashboardLayoutPanel Id="LayoutTwo" Row="1" Column="5" SizeX="5" SizeY="7">
<HeaderTemplate><div> Semi Circular Gauge </div></HeaderTemplate>
<ContentTemplate>
@if (IsInitialRender)
{
<SfCircularGauge ID="GaugeTwo" @ref="GaugeTwo" Width="100%" Height="100%" MoveToCenter="true">
<CircularGaugeAxes>
<CircularGaugeAxis Radius="80%" StartAngle="270" EndAngle="90">
<CircularGaugeAxisLabelStyle Offset="-1">
<SfCircularGauge ID="GaugeTwo" @ref="GaugeTwo" Width="100%" Height="100%" MoveToCenter="true">
<CircularGaugeAxes>
<CircularGaugeAxis Radius="80%" StartAngle="270" EndAngle="90">
<CircularGaugeAxisLabelStyle Offset="-1">
<CircularGaugeAxisLabelFont FontFamily="inherit"></CircularGaugeAxisLabelFont>
</CircularGaugeAxisLabelStyle>
<CircularGaugeAxisLineStyle Width="0" Color="white" />
<CircularGaugeAxisMajorTicks Offset="15" />
<CircularGaugeAxisMinorTicks Offset="15" />
<CircularGaugeRanges>
<CircularGaugeRange Start="0" End="40" StartWidth="10" EndWidth="10" Color="Red">
</CircularGaugeRange>
<CircularGaugeRange Start="40" End="70" StartWidth="10" EndWidth="10" Color="Green">
</CircularGaugeRange>
<CircularGaugeRange Start="70" End="100" StartWidth="10" EndWidth="10" Color="Yellow">
</CircularGaugeRange>
</CircularGaugeRanges>
</CircularGaugeAxis>
</CircularGaugeAxes>
</SfCircularGauge>
</CircularGaugeAxisLabelStyle>
<CircularGaugeAxisLineStyle Width="0" Color="white" />
<CircularGaugeAxisMajorTicks Offset="15" />
<CircularGaugeAxisMinorTicks Offset="15" />
<CircularGaugeRanges>
<CircularGaugeRange Start="0" End="40" StartWidth="10" EndWidth="10" Color="Red">
</CircularGaugeRange>
<CircularGaugeRange Start="40" End="70" StartWidth="10" EndWidth="10" Color="Green">
</CircularGaugeRange>
<CircularGaugeRange Start="70" End="100" StartWidth="10" EndWidth="10" Color="Yellow">
</CircularGaugeRange>
</CircularGaugeRanges>
</CircularGaugeAxis>
</CircularGaugeAxes>
</SfCircularGauge>
}
</ContentTemplate>
</DashboardLayoutPanel>
<DashboardLayoutPanel Id="LayoutThree" Row="2" Col="5" SizeX="5" SizeY="7">
<DashboardLayoutPanel Id="LayoutThree" Row="2" Column="5" SizeX="5" SizeY="7">
<HeaderTemplate><div> Arc Gauge </div></HeaderTemplate>
<ContentTemplate>
@if (IsInitialRender)
{
<SfCircularGauge Background="transparent" ID="GaugeThree" @ref="GaugeThree" Width="100%" Height="100%">
<CircularGaugeTitleStyle FontFamily="inherit"></CircularGaugeTitleStyle>
<CircularGaugeAxes>
<CircularGaugeAxis StartAngle="200" EndAngle="160" Minimum="1" Maximum="100" Radius="80%">
<CircularGaugeAxisLineStyle Width="0" />
<CircularGaugeAxisLabelStyle>
<CircularGaugeAxisLabelFont Size="0px" FontFamily="inherit" />
</CircularGaugeAxisLabelStyle>
<CircularGaugeAxisMajorTicks Height="0" />
<CircularGaugeAxisMinorTicks Height="0" />
<CircularGaugeRanges>
<CircularGaugeRange Start="1" End="100" Radius="90%" StartWidth="30" EndWidth="30" Color="#E0E0E0" RoundedCornerRadius="20" />
</CircularGaugeRanges>
<CircularGaugePointers>
<CircularGaugePointer Value="60" RoundedCornerRadius="20" Type="PointerType.RangeBar" Radius="90%" Color="#e5ce20" PointerWidth="30">
<CircularGaugePointerAnimation Enable="false" />
<CircularGaugePointerBorder Width="0" />
</CircularGaugePointer>
</CircularGaugePointers>
<CircularGaugeAnnotations>
<CircularGaugeAnnotation Radius="30%" Angle="90" ZIndex="1">
<ContentTemplate>
<div class="annotationText">60/100</div>
</ContentTemplate>
</CircularGaugeAnnotation>
</CircularGaugeAnnotations>
</CircularGaugeAxis>
</CircularGaugeAxes>
<CircularGaugeTitleStyle FontFamily="inherit"></CircularGaugeTitleStyle>
<CircularGaugeAxes>
<CircularGaugeAxis StartAngle="200" EndAngle="160" Minimum="1" Maximum="100" Radius="80%">
<CircularGaugeAxisLineStyle Width="0" />
<CircularGaugeAxisLabelStyle>
<CircularGaugeAxisLabelFont Size="0px" FontFamily="inherit" />
</CircularGaugeAxisLabelStyle>
<CircularGaugeAxisMajorTicks Height="0" />
<CircularGaugeAxisMinorTicks Height="0" />
<CircularGaugeRanges>
<CircularGaugeRange Start="1" End="100" Radius="90%" StartWidth="30" EndWidth="30" Color="#E0E0E0" RoundedCornerRadius="20" />
</CircularGaugeRanges>
<CircularGaugePointers>
<CircularGaugePointer Value="60" RoundedCornerRadius="20" Type="PointerType.RangeBar" Radius="90%" Color="#e5ce20" PointerWidth="30">
<CircularGaugePointerAnimation Enable="false" />
<CircularGaugePointerBorder Width="0" />
</CircularGaugePointer>
</CircularGaugePointers>
<CircularGaugeAnnotations>
<CircularGaugeAnnotation Radius="30%" Angle="90" ZIndex="1">
<ContentTemplate>
<div class="annotationText">60/100</div>
</ContentTemplate>
</CircularGaugeAnnotation>
</CircularGaugeAnnotations>
</CircularGaugeAxis>
</CircularGaugeAxes>
</SfCircularGauge>
}
</ContentTemplate>
</DashboardLayoutPanel>
</DashboardLayoutPanel>
</DashboardLayoutPanels>
</SfDashboardLayout>

Expand Down Expand Up @@ -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();
Expand All @@ -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)

Expand Down Expand Up @@ -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)

Expand Down Expand Up @@ -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)

Expand Down Expand Up @@ -499,10 +497,12 @@ When you expand the Accordion component, the Circular Gauge component is not not
<CircularGaugeAxisMajorTicks Height="0" />
<CircularGaugeAxisMinorTicks Height="0" />
<CircularGaugeRanges>
<CircularGaugeRange Start="1" End="100" Radius="90%" StartWidth="30" EndWidth="30" Color="#E0E0E0" RoundedCornerRadius="20" />
<CircularGaugeRange Start="1" End="100" Radius="90%" StartWidth="30" EndWidth="30" Color="#E0E0E0"
RoundedCornerRadius="20" />
</CircularGaugeRanges>
<CircularGaugePointers>
<CircularGaugePointer Value="60" RoundedCornerRadius="20" Type="PointerType.RangeBar" Radius="90%" Color="#e5ce20" PointerWidth="30">
<CircularGaugePointer Value="60" RoundedCornerRadius="20" Type="PointerType.RangeBar" Radius="90%"
Color="#e5ce20" PointerWidth="30">
<CircularGaugePointerAnimation Enable="false" />
<CircularGaugePointerBorder Width="0" />
</CircularGaugePointer>
Expand Down
3 changes: 1 addition & 2 deletions blazor/circular-gauge/pointers.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -327,7 +327,6 @@ You can use image instead of rendering marker shape to denote the pointer value.
</CircularGaugeAxes>
</SfCircularGauge>
```
{% 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)

Expand Down Expand Up @@ -417,7 +416,7 @@ The pointers are animated on loading the gauge using the [CircularGaugePointerAn
</CircularGaugeAxes>
</SfCircularGauge>
```
{% 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)

Expand Down
2 changes: 0 additions & 2 deletions blazor/circular-gauge/ranges.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -353,7 +353,6 @@ To apply linear gradient to the range, follow the below code sample.
}
</style>
```
{% previewsample "https://blazorplayground.syncfusion.com/embed/VXBgWrrmqhBbMMDq?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}

### Radial gradient

Expand Down Expand Up @@ -464,7 +463,6 @@ To apply radial gradient to the range, follow the below code sample.
}
</style>
```
{% previewsample "https://blazorplayground.syncfusion.com/embed/LXVqiLLcAhUizuIm?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}

## See also

Expand Down
Loading