Skip to content

Commit 504bf4d

Browse files
BackiarajBackiaraj
committed
Update preview sample output of Blazor components UG documentation
1 parent 3eae470 commit 504bf4d

18 files changed

+78
-240
lines changed

‎blazor/chat-ui/getting-started-webapp.md‎

Lines changed: 2 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -225,11 +225,9 @@ N> If the **Interactivity Location** is set to `Global`, the **Render Mode** is
225225
{% endhighlight %}
226226
{% endtabs %}
227227

228-
{% previewsample "https://blazorplayground.syncfusion.com/embed/VDBfMLiHUEAVqRkp?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
229-
230228
Press <kbd>Ctrl</kbd>+<kbd>F5</kbd> (Windows) or <kbd>⌘</kbd>+<kbd>F5</kbd> (macOS) to launch the application. The Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Chat UI component will be rendered in your browser.
231229

232-
![Blazor Chat UI Component](./images/chat-ui-component.png)
230+
{% previewsample "https://blazorplayground.syncfusion.com/embed/VDBfMLiHUEAVqRkp?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Chat UI Component](./images/chat-ui-component.png)" %}
233231

234232
## Configure Messages and User
235233

@@ -257,6 +255,4 @@ Use the [Messages](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Inter
257255
{% endhighlight %}
258256
{% endtabs %}
259257

260-
{% previewsample "https://blazorplayground.syncfusion.com/embed/LZLfWBixUbETBpmk?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
261-
262-
![Blazor Chat UI default prompt](./images/default-messages.png)
258+
{% previewsample "https://blazorplayground.syncfusion.com/embed/LZLfWBixUbETBpmk?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Chat UI default prompt](./images/default-messages.png)" %}

‎blazor/chat-ui/getting-started.md‎

Lines changed: 2 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -151,11 +151,9 @@ Add the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Chat UI componen
151151

152152
* Press <kbd>Ctrl</kbd>+<kbd>F5</kbd> (Windows) or <kbd>⌘</kbd>+<kbd>F5</kbd> (macOS) to launch the application. This will render the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Chat UI component in your default web browser.
153153

154-
{% previewsample "https://blazorplayground.syncfusion.com/embed/VDBfMLiHUEAVqRkp?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
155-
156154
* Press <kbd>Ctrl</kbd>+<kbd>F5</kbd> (Windows) or <kbd>⌘</kbd>+<kbd>F5</kbd> (macOS) to launch the application. This will render the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Chat UI component in your default web browser.
157155

158-
![Blazor Chat UI Component.](images/chat-ui-component.png)
156+
{% previewsample "https://blazorplayground.syncfusion.com/embed/VDBfMLiHUEAVqRkp?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Chat UI Component.](images/chat-ui-component.png)" %}
159157

160158
## Configure messages and user
161159

@@ -183,7 +181,5 @@ You can use the [Messages](https://help.syncfusion.com/cr/blazor/Syncfusion.Blaz
183181
{% endhighlight %}
184182
{% endtabs %}
185183

186-
{% previewsample "https://blazorplayground.syncfusion.com/embed/LZLfWBixUbETBpmk?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
187-
188-
![Blazor Chat UI default prompt.](images/default-messages.png)
184+
{% previewsample "https://blazorplayground.syncfusion.com/embed/LZLfWBixUbETBpmk?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Chat UI default prompt.](images/default-messages.png)" %}
189185

‎blazor/check-box/how-to/checkbox-model-binding.md‎

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -46,6 +46,4 @@ In this sample, first check the option and click the submit button to post the s
4646
}
4747

4848
```
49-
{% previewsample "https://blazorplayground.syncfusion.com/embed/LjhKMVrmrJkahhmZ?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
50-
51-
![Model Binding in Blazor CheckBox](./../images/blazor-checkbox-model-binding.png)
49+
{% previewsample "https://blazorplayground.syncfusion.com/embed/LjhKMVrmrJkahhmZ?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Model Binding in Blazor CheckBox](./../images/blazor-checkbox-model-binding.png)" %}

‎blazor/check-box/how-to/customized-checkbox.md‎

Lines changed: 4 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -76,9 +76,7 @@ The background and border color of the Checkbox is customized through the custom
7676
</style>
7777
7878
```
79-
{% previewsample "https://blazorplayground.syncfusion.com/embed/BZVKshBQrJbnEQzO?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
80-
81-
![Customizing Appearance of Blazor CheckBox](./../images/blazor-checkbox-appearance-customization.png)
79+
{% previewsample "https://blazorplayground.syncfusion.com/embed/BZVKshBQrJbnEQzO?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Customizing Appearance of Blazor CheckBox](./../images/blazor-checkbox-appearance-customization.png)" %}
8280

8381
## Customize width and height
8482

@@ -119,9 +117,7 @@ The following section explains about how to customize the height and width of th
119117
</style>
120118
121119
```
122-
{% previewsample "https://blazorplayground.syncfusion.com/embed/BtrUWLLGVTFECslm?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
123-
124-
![Customizing Height and Width of Blazor CheckBox](./../images/blazor-checkbox-height-width-customization.png)
120+
{% previewsample "https://blazorplayground.syncfusion.com/embed/BtrUWLLGVTFECslm?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Customizing Height and Width of Blazor CheckBox](./../images/blazor-checkbox-height-width-customization.png)" %}
125121

126122
## Custom frame
127123

@@ -178,9 +174,7 @@ In the following example, to-do list is displayed with round checkbox by changin
178174
</style>
179175
180176
```
181-
{% previewsample "https://blazorplayground.syncfusion.com/embed/BZrgirhGhJYCyqDJ?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
182-
183-
![Customizing Blazor CheckBox Frame](./../images/blazor-checkbox-frame-customization.png)
177+
{% previewsample "https://blazorplayground.syncfusion.com/embed/BZrgirhGhJYCyqDJ?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Customizing Blazor CheckBox Frame](./../images/blazor-checkbox-frame-customization.png)" %}
184178

185179
## Custom check icon
186180

@@ -228,6 +222,4 @@ In the following example, the check icon can be customized by changing check ico
228222
</style>
229223
230224
```
231-
{% previewsample "https://blazorplayground.syncfusion.com/embed/rjBgWrLGrpkSQSUL?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
232-
233-
![Customizing Check Icon in Blazor CheckBox](./../images/blazor-checkbox-check-icon-customization.png)
225+
{% previewsample "https://blazorplayground.syncfusion.com/embed/rjBgWrLGrpkSQSUL?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Customizing Check Icon in Blazor CheckBox](./../images/blazor-checkbox-check-icon-customization.png)" %}

‎blazor/check-box/how-to/right-to-left.md‎

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -23,6 +23,4 @@ The following example illustrates how to enable right-to-left support in Checkbo
2323
}
2424
2525
```
26-
{% previewsample "https://blazorplayground.syncfusion.com/embed/htVgiLhmVyZvKJzz?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
27-
28-
![Right to Left in Blazor CheckBox](./../images/blazor-checkbox-right-to-left.png)
26+
{% previewsample "https://blazorplayground.syncfusion.com/embed/htVgiLhmVyZvKJzz?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Right to Left in Blazor CheckBox](./../images/blazor-checkbox-right-to-left.png)" %}

‎blazor/check-box/label-and-size.md‎

Lines changed: 2 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -27,9 +27,7 @@ The [Blazor Checkbox](https://www.syncfusion.com/blazor-components/blazor-checkb
2727
}
2828
2929
```
30-
{% previewsample "https://blazorplayground.syncfusion.com/embed/LjLgMVBmLTwBGRID?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
31-
32-
![Blazor CheckBox with Label](./images/blazor-checkbox-label.png)
30+
{% previewsample "https://blazorplayground.syncfusion.com/embed/LjLgMVBmLTwBGRID?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor CheckBox with Label](./images/blazor-checkbox-label.png)" %}
3331

3432
## Size
3533

@@ -53,9 +51,7 @@ The different Checkbox sizes available are default and small. To reduce the size
5351
</style>
5452
5553
```
56-
{% previewsample "https://blazorplayground.syncfusion.com/embed/BNLAiVVQVzGyDwWz?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
57-
58-
![Changing Blazor CheckBox Size](./images/blazor-checkbox-size.png)
54+
{% previewsample "https://blazorplayground.syncfusion.com/embed/BNLAiVVQVzGyDwWz?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Changing Blazor CheckBox Size](./images/blazor-checkbox-size.png)" %}
5955

6056
## See also
6157

‎blazor/chip/customization.md‎

Lines changed: 5 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -38,9 +38,7 @@ The Chip control has the following predefined styles that can be defined using t
3838
3939
```
4040

41-
{% previewsample "https://blazorplayground.syncfusion.com/embed/BXLKsrBcBIwnwbXs?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
42-
43-
![Customizing Blazor Chip Styles](./images/blazor-chip-style.png)
41+
{% previewsample "https://blazorplayground.syncfusion.com/embed/BXLKsrBcBIwnwbXs?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Customizing Blazor Chip Styles](./images/blazor-chip-style.png)" %}
4442

4543
## Leading icon
4644

@@ -77,9 +75,7 @@ You can add and customize the leading icon of chip using the [`LeadingIconCss`](
7775
7876
```
7977

80-
{% previewsample "https://blazorplayground.syncfusion.com/embed/hZLeDksEzbMVhnKc?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
81-
82-
![Customizing LeadingIcon of Blazor Chip](./images/blazor-chip-leading-icon.gif)
78+
{% previewsample "https://blazorplayground.syncfusion.com/embed/hZLeDksEzbMVhnKc?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Customizing LeadingIcon of Blazor Chip](./images/blazor-chip-leading-icon.gif)" %}
8379

8480
## Avatar
8581

@@ -136,10 +132,7 @@ You can add and customize the avatar content of chip using the [`LeadingText`](h
136132
</SfChip>
137133

138134
```
139-
{% previewsample "https://blazorplayground.syncfusion.com/embed/VXrqCLrQrovxnFxf?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
140-
141-
142-
![Customizing Avatar Text of Blazor Chip](./images/blazor-chip-avatar-content.gif)
135+
{% previewsample "https://blazorplayground.syncfusion.com/embed/VXrqCLrQrovxnFxf?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Customizing Avatar Text of Blazor Chip](./images/blazor-chip-avatar-content.gif)" %}
143136

144137
## Trailing icon
145138

@@ -158,10 +151,7 @@ You can add and customize the trailing icon of chip using the [`TrailingIconCss`
158151

159152
```
160153

161-
{% previewsample "https://blazorplayground.syncfusion.com/embed/hZVUiBhwBekjUuOz?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
162-
163-
164-
![Customizing Blazor Chip TrailingIcon](./images/blazor-chip-trailing-icon.png)
154+
{% previewsample "https://blazorplayground.syncfusion.com/embed/hZVUiBhwBekjUuOz?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Customizing Blazor Chip TrailingIcon](./images/blazor-chip-trailing-icon.png)" %}
165155

166156
## Outline chip
167157

@@ -179,11 +169,7 @@ Outline chip has the border with the background transparent. It can be set using
179169
</SfChip>
180170

181171
```
182-
{% previewsample "https://blazorplayground.syncfusion.com/embed/VtVgshrQrokgrCJD?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
183-
184-
185-
186-
![Blazor Outline Chip with Transparent Background](./images/blazor-outline-chip-transparent-background.gif)
172+
{% previewsample "https://blazorplayground.syncfusion.com/embed/VtVgshrQrokgrCJD?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Outline Chip with Transparent Background](./images/blazor-outline-chip-transparent-background.gif)" %}
187173

188174
## Template
189175

‎blazor/chip/types.md‎

Lines changed: 4 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -33,9 +33,7 @@ Input Chip holds information in compact form. It converts user input into chips.
3333
3434
```
3535

36-
{% previewsample "https://blazorplayground.syncfusion.com/embed/BDhotaWuJwkKgwBO?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
37-
38-
![Blazor Chip with Input Items](./images/blazor-chip-input-items.png)
36+
{% previewsample "https://blazorplayground.syncfusion.com/embed/BDhotaWuJwkKgwBO?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Chip with Input Items](./images/blazor-chip-input-items.png)" %}
3937

4038
## Choice Chip
4139

@@ -54,9 +52,7 @@ Choice Chip allows you to select a single chip from the set of Chip/ChipItems. I
5452
5553
```
5654

57-
{% previewsample "https://blazorplayground.syncfusion.com/embed/LXrgihLQrIIaiZzR?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
58-
59-
![Single Selection in Blazor Chip](./images/blazor-chip-single-selection.gif)
55+
{% previewsample "https://blazorplayground.syncfusion.com/embed/LXrgihLQrIIaiZzR?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Single Selection in Blazor Chip](./images/blazor-chip-single-selection.gif)" %}
6056

6157
## Filter Chip
6258

@@ -75,10 +71,7 @@ Filter Chip allows you to select a multiple chip from the set of Chip/ChipItems.
7571
7672
```
7773

78-
{% previewsample "https://blazorplayground.syncfusion.com/embed/rjVUChLGrodMJCaU?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
79-
80-
81-
![Multiple Selection in Blazor Chip](./images/blazor-chip-multiple-selection.gif)
74+
{% previewsample "https://blazorplayground.syncfusion.com/embed/rjVUChLGrodMJCaU?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Multiple Selection in Blazor Chip](./images/blazor-chip-multiple-selection.gif)" %}
8275

8376
## Action Chip
8477

@@ -109,10 +102,7 @@ The Action Chip triggers the event like [`OnClick`](https://help.syncfusion.com/
109102
}
110103
111104
```
112-
{% previewsample "https://blazorplayground.syncfusion.com/embed/BjLgCrLGBSnHjcxB?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
113-
114-
115-
![Blazor Action Chip](./images/blazor-action-chip.gif)
105+
{% previewsample "https://blazorplayground.syncfusion.com/embed/BjLgCrLGBSnHjcxB?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Action Chip](./images/blazor-action-chip.gif)" %}
116106

117107
### Deletable Chip
118108

‎blazor/circular-gauge/annotations.md‎

Lines changed: 3 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -46,9 +46,7 @@ You can place any custom element on the axis area using [ContentTemplate](https:
4646
}
4747
</style>
4848
```
49-
{% previewsample "https://blazorplayground.syncfusion.com/embed/VtLgWrBGKhmauxQC?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
50-
51-
![Blazor Circular Gauge with Annotation](./images/blazor-circulargauge-annotation.png)
49+
{% previewsample "https://blazorplayground.syncfusion.com/embed/VtLgWrBGKhmauxQC?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Circular Gauge with Annotation](./images/blazor-circulargauge-annotation.png)" %}
5250

5351
## Positioning the annotation
5452

@@ -89,9 +87,7 @@ The radius of an annotation takes values either in pixel or in percentage. By se
8987
}
9088
</style>
9189
```
92-
{% previewsample "https://blazorplayground.syncfusion.com/embed/LZBgsrVcKVvLKeKB?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
93-
94-
![Changing Annotation Position in Blazor Circular Gauge](./images/blazor-circulargauge-annotation-position.png)
90+
{% previewsample "https://blazorplayground.syncfusion.com/embed/LZBgsrVcKVvLKeKB?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Changing Annotation Position in Blazor Circular Gauge](./images/blazor-circulargauge-annotation-position.png)" %}
9591

9692
## Multiple annotations
9793

@@ -146,9 +142,7 @@ Using [CircularGaugeAnnotation](https://help.syncfusion.com/cr/aspnetcore-blazor
146142
}
147143
</style>
148144
```
149-
{% previewsample "https://blazorplayground.syncfusion.com/embed/BjVKWrBQqrFpJXLX?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
150-
151-
![Blazor Circular Gauge with Multiple Annotation](./images/blazor-circulargauge-multiple-annotation.png)
145+
{% previewsample "https://blazorplayground.syncfusion.com/embed/BjVKWrBQqrFpJXLX?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Circular Gauge with Multiple Annotation](./images/blazor-circulargauge-multiple-annotation.png)" %}
152146

153147
## See also
154148

‎blazor/circular-gauge/appearance.md‎

Lines changed: 5 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -27,9 +27,7 @@ You can add a title to the Circular Gauge using the [Title](https://help.syncfus
2727
</CircularGaugeAxes>
2828
</SfCircularGauge>
2929
```
30-
{% previewsample "https://blazorplayground.syncfusion.com/embed/LDLytkMmVzxeMrwb?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
31-
32-
![Blazor Circular Gauge with Title](./images/blazor-circulargauge-title.png)
30+
{% previewsample "https://blazorplayground.syncfusion.com/embed/LDLytkMmVzxeMrwb?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Circular Gauge with Title](./images/blazor-circulargauge-title.png)" %}
3331

3432
## Circular gauge position
3533

@@ -48,9 +46,7 @@ You can set the mid point of the Circular Gauge in pixel as shown below.
4846
</CircularGaugeAxes>
4947
</SfCircularGauge>
5048
```
51-
{% previewsample "https://blazorplayground.syncfusion.com/embed/VDBKWVrmgfzCKvPj?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
52-
53-
![Changing Blazor Circular Gauge Position based on Pixel Value](./images/blazor-circulargauge-custom-position.png)
49+
{% previewsample "https://blazorplayground.syncfusion.com/embed/VDBKWVrmgfzCKvPj?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Changing Blazor Circular Gauge Position based on Pixel Value](./images/blazor-circulargauge-custom-position.png)" %}
5450

5551
### In percentage
5652

@@ -65,9 +61,7 @@ By setting the value in percentage, Circular Gauge gets its mid point with respe
6561
</CircularGaugeAxes>
6662
</SfCircularGauge>
6763
```
68-
{% previewsample "https://blazorplayground.syncfusion.com/embed/VthKiVBGgzfHHcXo?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
69-
70-
![changing Blazor Circular Gauge Position based on Percent Value](./images/blazor-circulargauge-position-based-on-percentage.png)
64+
{% previewsample "https://blazorplayground.syncfusion.com/embed/VthKiVBGgzfHHcXo?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[changing Blazor Circular Gauge Position based on Percent Value](./images/blazor-circulargauge-position-based-on-percentage.png)" %}
7165

7266
## Background customization
7367

@@ -101,9 +95,7 @@ Using the [Background](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.C
10195
</CircularGaugeAxes>
10296
</SfCircularGauge>
10397
```
104-
{% previewsample "https://blazorplayground.syncfusion.com/embed/VjBqiLLwApIVWPGg?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
105-
106-
![Changing Background and Border of Blazor Circular Gauge](./images/blazor-circulargauge-background-border-color.png)
98+
{% previewsample "https://blazorplayground.syncfusion.com/embed/VjBqiLLwApIVWPGg?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Changing Background and Border of Blazor Circular Gauge](./images/blazor-circulargauge-background-border-color.png)" %}
10799

108100
## Radius calculation based on angles
109101

@@ -121,6 +113,4 @@ You can render semi or quarter Circular Gauge by modifying the start and end ang
121113
</CircularGaugeAxes>
122114
</SfCircularGauge>
123115
```
124-
{% previewsample "https://blazorplayground.syncfusion.com/embed/LjVqiVBmKJoTIDfY?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
125-
126-
![Blazor Circular Gauge with Custom Radius and Angle](./images/blazor-circulargauge-custom-radius-angle.png)
116+
{% previewsample "https://blazorplayground.syncfusion.com/embed/LjVqiVBmKJoTIDfY?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor Circular Gauge with Custom Radius and Angle](./images/blazor-circulargauge-custom-radius-angle.png)" %}

0 commit comments

Comments
 (0)