Skip to content

Commit

Permalink
Merge pull request #4026 from IgniteUI/ESShared/XPlaform_en_igniteui-…
Browse files Browse the repository at this point in the history
…xplat-docs_2023.11.30.1

Changes from igniteui-xplat-docs for en
  • Loading branch information
zdrawku authored Nov 30, 2023
2 parents e57930f + a928e2d commit a088ed5
Showing 1 changed file with 11 additions and 2 deletions.
13 changes: 11 additions & 2 deletions en/components/menus/toolbar.md
Original file line number Diff line number Diff line change
Expand Up @@ -144,6 +144,11 @@ Trend Actions
* `ShowCrosshairs`: A [`IgxToolActionCheckboxComponent`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_layouts.igxtoolactioncheckboxcomponent.html) that toggles mouse-over crosshair annotations via the chart's [`crosshairsDisplayMode`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_charts.igxdomainchartcomponent.html#crosshairsDisplayMode) property.
* `ShowGridlines`: A [`IgxToolActionCheckboxComponent`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_layouts.igxtoolactioncheckboxcomponent.html) that toggles extra gridlines by applying a `MajorStroke` to the X-Axis.

Save to Image Action

* `CopyAsImage`: A [`IgxToolActionLabelComponent`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_layouts.igxtoolactionlabelcomponent.html) that exposes an option to copy the chart to the clipboard.
* `CopyHeader`: A sub section header.

### Vertical Orientation

By default the Angular Toolbar is shown horizontally, but it also has the ability to shown vertically by setting the [`orientation`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_layouts.igxtoolbarcomponent.html#orientation) property.
Expand All @@ -152,8 +157,12 @@ By default the Angular Toolbar is shown horizontally, but it also has the abilit
<igx-toolbar orientation="Vertical" />
```

<!-- The following example demonstrates the vertical orientation of the Angular Toolbar.
`sample="/charts/toolbar/layout-in-vertical-orientation", height="600", alt="Angular Verical Orientation"` -->
The following example demonstrates the vertical orientation of the Angular Toolbar. <code-view style="height: 600px" alt="Angular Verical Orientation"
data-demos-base-url="{environment:dvDemosBaseUrl}"
iframe-src="{environment:dvDemosBaseUrl}/charts/toolbar/layout-in-vertical-orientation"
github-src="charts/toolbar/layout-in-vertical-orientation">
</code-view>


<!-- ## Styling/Theming
Expand Down

0 comments on commit a088ed5

Please sign in to comment.