Skip to content
This repository was archived by the owner on May 19, 2026. It is now read-only.

Commit 50d7e10

Browse files
HUSSAR-mtrelaHUSSAR-mtrela
authored
Merge pull request #6129 from IgniteUI/ESShared/XPlaform_en_igniteui-xplat-docs-make-pr_2025.6.4.1
Changes from igniteui-xplat-docs-make-pr for en
2 parents d68a282 + 630c22c commit 50d7e10

4 files changed

Lines changed: 12 additions & 24 deletions

File tree

‎en/components/charts/features/chart-overlays.md‎

Lines changed: 0 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -81,21 +81,6 @@ For example, you can use `DataAnnotationSliceLayer`, [`IgxValueOverlayComponent`
8181
</code-view>
8282

8383

84-
### Rendering Overlay Text
85-
86-
The following code snippet demonstrates how to render a comparison of three annotation layers as shown in the picture above.
87-
88-
<div class="divider--half"></div>
89-
90-
```html
91-
<igx-data-chart
92-
[dataSource]="data">
93-
</igx-data-chart>
94-
```
95-
96-
```ts
97-
```
98-
9984
### Styling Overlay Text
10085

10186
This code example shows how to style and customize Overlay Text on

‎en/components/dashboard-tile.md‎

Lines changed: 3 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -15,12 +15,10 @@ Interacting with the chart type menu in the toolbar will allow for selecting a d
1515

1616
## Angular Dashboard Tile Example
1717

18-
<!-- TODO -->
19-
2018
<code-view style="height: 600px" alt="Angular Dashboard Tile Example"
2119
data-demos-base-url="{environment:dvDemosBaseUrl}"
22-
iframe-src="{environment:dvDemosBaseUrl}/charts/dashboard-tile/chart-dashboard"
23-
github-src="charts/dashboard-tile/chart-dashboard">
20+
iframe-src="{environment:dvDemosBaseUrl}/charts/dashboard-tile/local-data-source-dashboard"
21+
github-src="charts/dashboard-tile/local-data-source-dashboard">
2422
</code-view>
2523

2624

@@ -35,7 +33,7 @@ npm install igniteui-angular-charts
3533
npm install igniteui-angular-core
3634
npm install igniteui-angular-dashboards
3735
npm install igniteui-angular-gauges
38-
npm install igniteui-angular-grids
36+
npm install igniteui-angular-data-grids
3937
npm install igniteui-angular-inputs
4038
npm install igniteui-angular-layouts
4139
npm install igniteui-angular-maps

‎en/components/general-changelog-dv.md‎

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -39,6 +39,12 @@ All notable changes for each version of Ignite UI for Angular are documented on
3939

4040
* The `DashboardTile` now supports propagating the aggregations from its DataGrid view to the chart visualization such as sorting, grouping, filtering and selection. This is currently supported by binding the `DataSource` of the `DashboardTile` to an instance of `LocalDataSource`.
4141

42+
### igniteui-angular
43+
44+
**Breaking Changes**
45+
46+
* The 'igniteui-angular-grids' package has been renamed to 'igniteui-angular-data-grids'.
47+
4248
### Enhancements
4349

4450
#### Toolbar
@@ -199,7 +205,7 @@ This new [Color Editor](inputs/color-editor.md) can be used as a standalone colo
199205

200206
## **17.0.0 (November 2023)**
201207

202-
### igniteui-angular-grids (Toolbar - Beta)
208+
### igniteui-angular (Toolbar - Beta)
203209

204210
* Save tool action has been added to save the chart to an image via the clipboard.
205211
* Vertical orientation has been added via the toolbar's [`orientation`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_layouts.igxtoolbarcomponent.html#orientation) property. By default the toolbar is horizontal, now the toolbar can be shown in vertical orientation where the tools will popup to the left/right respectfully.

‎en/components/menus/toolbar.md‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -87,7 +87,7 @@ Each of these tools exposes an `OnCommand` event that is triggered by mouse clic
8787

8888
New and existing tools can be repositioned and marked hidden using the [`overlayId`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_layouts.igxtoolactioncomponent.html#overlayId), [`beforeId`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_layouts.igxtoolactioncomponent.html#beforeId) and [`afterId`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_layouts.igxtoolactioncomponent.html#afterId) properties on the [`IgxToolActionComponent`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_layouts.igxtoolactioncomponent.html) object. ToolActions also expose a [`visibility`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_layouts.igxtoolactioncomponent.html#visibility) property.
8989

90-
The following example demonstrates a couple of features. First you can group tools together in the [`IgxToolActionSubPanelComponent`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_layouts.igxtoolactionsubpanelcomponent.html) including hiding built in tools such as the **ZoomReset** and **AnalyzeMenu** menu tool actions. In this example a new instance of the **ZoomReset** tool action is added and placed within the **ZoomMenu** by using the the [`afterId`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_layouts.igxtoolactioncomponent.html#afterId) property and assigning that to **ZoomOut**. It is also highlighted via the [`isHighlighted`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_layouts.igxtoolactioncomponent.html#isHighlighted) property on the tool. This will ensure the new Reset tool is promptly displayed at the bottom of the **ZoomMenu**.
90+
The following example demonstrates a couple of features. First you can group tools together in the [`IgxToolActionSubPanelComponent`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_layouts.igxtoolactionsubpanelcomponent.html) including hiding built in tools such as the **ZoomReset** and **AnalyzeMenu** menu tool actions. In this example a new instance of the **ZoomReset** tool action within the **ZoomMenu** by using the the [`afterId`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_layouts.igxtoolactioncomponent.html#afterId) property and assigning that to **ZoomOut** to be precise with it's placement. It is also highlighted via the [`isHighlighted`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_layouts.igxtoolactioncomponent.html#isHighlighted) property on the tool.
9191

9292
<code-view style="height: 600px" alt="Angular Toolbar Example"
9393
data-demos-base-url="{environment:dvDemosBaseUrl}"
@@ -119,8 +119,7 @@ Several pre-existing [`IgxToolActionComponent`]({environment:dvApiBaseUrl}/produ
119119

120120
Zooming Actions
121121

122-
* `ZoomReset`: A [`IgxToolActionLabelComponent`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_layouts.igxtoolactionlabelcomponent.html) that invokes the [`resetZoom`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_charts.igxdomainchartcomponent.html#resetZoom) method on the chart to reset the zoom level to it's default position.
123-
* `ZoomMenu`: A [`IgxToolActionIconMenuComponent`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_layouts.igxtoolactioniconmenucomponent.html) that exposes two [`IgxToolActionLabelComponent`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_layouts.igxtoolactionlabelcomponent.html) items to invoke the [`zoomIn`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_charts.igxdomainchartcomponent.html#zoomIn) and [`zoomOut`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_charts.igxdomainchartcomponent.html#zoomOut) methods on the chart for increasing/decreasing the chart's zoom level.
122+
* `ZoomMenu`: A [`IgxToolActionIconMenuComponent`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_layouts.igxtoolactioniconmenucomponent.html) that exposes three [`IgxToolActionLabelComponent`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_layouts.igxtoolactionlabelcomponent.html) items to invoke the [`zoomIn`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_charts.igxdomainchartcomponent.html#zoomIn) and [`zoomOut`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_charts.igxdomainchartcomponent.html#zoomOut) methods on the chart for increasing/decreasing the chart's zoom level including `ZoomReset`, a [`IgxToolActionLabelComponent`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_layouts.igxtoolactionlabelcomponent.html) that invokes the [`resetZoom`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_charts.igxdomainchartcomponent.html#resetZoom) method on the chart to reset the zoom level to it's default position.
124123

125124
Trend Actions
126125

0 commit comments

Comments
 (0)