Skip to content

Commit 07a1249

Browse files
arman-boyakhchyanarman-boyakhchyan
authored
Angular: Update Code Snippets to Named Config Components (#8205)
1 parent 9114a3b commit 07a1249

File tree

684 files changed

+3278
-3278
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

684 files changed

+3278
-3278
lines changed

‎api-reference/10 UI Components/BaseChart/1 Configuration/animation/animation.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -30,11 +30,11 @@ The UI component animates its elements at the beginning of its lifetime and when
3030

3131
<!-- tab: app.component.html -->
3232
<dx-{widget-name} ... >
33-
<dxo-animation
33+
<dxo-{widget-name}-animation
3434
easing="linear"
3535
[duration]="500"
3636
[maxPointCountSupported]="100">
37-
</dxo-animation>
37+
</dxo-{widget-name}-animation>
3838
</dx-{widget-name}>
3939

4040
<!-- tab: app.component.ts -->

‎api-reference/10 UI Components/BaseChart/1 Configuration/tooltip/customizeTooltip.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -220,11 +220,11 @@ The following example hides a tooltip for points with values greater than 10:
220220

221221
<!-- tab: app.component.html -->
222222
<dx-{widget-name} ... >
223-
<dxo-tooltip ...
223+
<dxo-{widget-name}-tooltip ...
224224
[enabled]="true"
225225
[customizeTooltip]="customizeTooltip"
226226
>
227-
</dxo-tooltip>
227+
</dxo-{widget-name}-tooltip>
228228
</dx-{widget-name}>
229229

230230
<!-- tab: app.component.ts -->

‎api-reference/10 UI Components/BaseChart/7 Chart Elements/Label/3 Methods/shift(x_y).md‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -49,14 +49,14 @@ The following example customizes a Bar Chart. The code moves the label to the to
4949
<dx-chart ...
5050
(onDrawn)="moveLabel($event)"
5151
>
52-
<dxi-series ...
52+
<dxi-chart-series ...
5353
type="bar"
5454
>
55-
<dxo-label ...
55+
<dxo-chart-label ...
5656
[visible]="true"
5757
>
58-
</dxo-label>
59-
</dxi-series>
58+
</dxo-chart-label>
59+
</dxi-chart-series>
6060
</dx-chart>
6161

6262
<!-- tab: app.component.ts -->

‎api-reference/10 UI Components/BaseGauge/1 Configuration/animation/animation.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -28,10 +28,10 @@ To make your gauge "live", enable animation for it by setting the **enabled** pr
2828

2929
<!-- tab: app.component.html -->
3030
<dx-{widget-name} ... >
31-
<dxo-animation
31+
<dxo-{widget-name}-animation
3232
easing="linear"
3333
[duration]="500">
34-
</dxo-animation>
34+
</dxo-{widget-name}-animation>
3535
</dx-{widget-name}>
3636

3737
<!-- tab: app.component.ts -->

‎api-reference/10 UI Components/BaseGauge/1 Configuration/rangeContainer/backgroundColor.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -32,9 +32,9 @@ The background color is used to indicate the area reserved for the range contain
3232

3333
<!-- tab: app.component.html -->
3434
<dx-{widget-name} ... >
35-
<dxo-range-container [backgroundColor]="fill">
35+
<dxo-{widget-name}-range-container [backgroundColor]="fill">
3636
<!-- ... -->
37-
</dxo-range-container>
37+
</dxo-{widget-name}-range-container>
3838
</dx-{widget-name}>
3939

4040
<!-- tab: app.component.ts -->

‎api-reference/10 UI Components/BaseGauge/1 Configuration/rangeContainer/ranges/color.md‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -34,10 +34,10 @@ Specifies the color of a range.
3434

3535
<!-- tab: app.component.html -->
3636
<dx-{widget-name} ... >
37-
<dxo-range-container ... >
38-
<dxi-range [startValue]="0" [endValue]="50" color="#92000A"></dxi-range>
39-
<dxi-range [startValue]="50" [endValue]="100" [color]="fill">
40-
</dxo-range-container>
37+
<dxo-{widget-name}-range-container ... >
38+
<dxi-{widget-name}-range [startValue]="0" [endValue]="50" color="#92000A"></dxi-{widget-name}-range>
39+
<dxi-{widget-name}-range [startValue]="50" [endValue]="100" [color]="fill">
40+
</dxo-{widget-name}-range-container>
4141
</dx-{widget-name}>
4242

4343
<!-- tab: app.component.ts -->

‎api-reference/10 UI Components/BaseGauge/5 Indicator Types/CommonIndicator/color.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -31,8 +31,8 @@ Specifies the color of the indicator.
3131

3232
<!-- tab: app.component.html -->
3333
<dx-{widget-name} ... >
34-
<dxo-value-indicator [color]="fill">
35-
</dxo-value-indicator>
34+
<dxo-{widget-name}-value-indicator [color]="fill">
35+
</dxo-{widget-name}-value-indicator>
3636
</dx-{widget-name}>
3737

3838
<!-- tab: app.component.ts -->

‎api-reference/10 UI Components/BaseLegend/title/font/font.md‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -31,13 +31,13 @@ The following code sample illustrates how to set this property:
3131

3232
<!-- tab: app.component.html -->
3333
<dx-{widget-name} ... >
34-
<dxo-legend>
35-
<dxo-title ... >
36-
<dxo-font
34+
<dxo-{widget-name}-legend>
35+
<dxo-{widget-name}-title ... >
36+
<dxo-{widget-name}-font
3737
color="black">
38-
</dxo-font>
39-
</dxo-title>
40-
</dxo-legend>
38+
</dxo-{widget-name}-font>
39+
</dxo-{widget-name}-title>
40+
</dxo-{widget-name}-legend>
4141
</dx-{widget-name}>
4242

4343
<!-- tab: app.component.ts -->

‎api-reference/10 UI Components/BaseLegend/title/subtitle/font/font.md‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -35,15 +35,15 @@ The following code sample illustrates how to set this property:
3535

3636
<!-- tab: app.component.html -->
3737
<dx-{widget-name} ... >
38-
<dxo-legend>
39-
<dxo-title ... >
40-
<dxo-subtitle ... >
41-
<dxo-font
38+
<dxo-{widget-name}-legend>
39+
<dxo-{widget-name}-title ... >
40+
<dxo-{widget-name}-subtitle ... >
41+
<dxo-{widget-name}-font
4242
color="black">
43-
</dxo-font>
44-
</dxo-subtitle>
45-
</dxo-title>
46-
</dxo-legend>
43+
</dxo-{widget-name}-font>
44+
</dxo-{widget-name}-subtitle>
45+
</dxo-{widget-name}-title>
46+
</dxo-{widget-name}-legend>
4747
</dx-{widget-name}>
4848

4949
<!-- tab: app.component.ts -->

‎api-reference/10 UI Components/BaseSparkline/1 Configuration/size/size.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -41,10 +41,10 @@ You can specify a custom width and height for the component:
4141

4242
<!-- tab: app.component.html -->
4343
<dx-{widget-name} ... >
44-
<dxo-size
44+
<dxo-{widget-name}-size
4545
[height]="300"
4646
[width]="600">
47-
</dxo-size>
47+
</dxo-{widget-name}-size>
4848
</dx-{widget-name}>
4949

5050
<!-- tab: app.component.ts -->

0 commit comments

Comments
 (0)