diff --git a/docs/angular/src/content/en/components/themes/sass/component-themes.mdx b/docs/angular/src/content/en/components/themes/sass/component-themes.mdx
index 797e81178b..7be732493b 100644
--- a/docs/angular/src/content/en/components/themes/sass/component-themes.mdx
+++ b/docs/angular/src/content/en/components/themes/sass/component-themes.mdx
@@ -216,8 +216,6 @@ The above instance could also be achieved without using any Sass. All we need to
}
```
-
-
## API Overview
diff --git a/docs/angular/src/content/jp/components/ai/skills.mdx b/docs/angular/src/content/jp/components/ai/skills.mdx
index 7888075ba0..7c3fc9dbed 100644
--- a/docs/angular/src/content/jp/components/ai/skills.mdx
+++ b/docs/angular/src/content/jp/components/ai/skills.mdx
@@ -287,8 +287,6 @@ Theming MCP の詳細については、[Ignite UI Theming MCP](./theming-mcp.mdx
## その他のリソース
-
-
- Ignite UI for Angular で作業を開始
- Angular Schematics & Ignite UI CLI
@@ -297,7 +295,6 @@ Theming MCP の詳細については、[Ignite UI Theming MCP](./theming-mcp.mdx
- [Ignite UI CLI MCP](./cli-mcp.mdx)
- [Ignite UI Theming MCP](./theming-mcp.mdx)
-
コミュニティに参加して新しいアイデアをご提案ください。
- [Ignite UI for Angular **フォーラム** (英語)](https://www.infragistics.com/community/forums/f/ignite-ui-for-angular)
diff --git a/docs/angular/src/content/jp/components/ai/theming-mcp.mdx b/docs/angular/src/content/jp/components/ai/theming-mcp.mdx
index f4ddabf26d..674661c15f 100644
--- a/docs/angular/src/content/jp/components/ai/theming-mcp.mdx
+++ b/docs/angular/src/content/jp/components/ai/theming-mcp.mdx
@@ -370,8 +370,6 @@ ng add igniteui-angular
- [Ignite UI for Angular スキル](./skills.mdx)
- [Ignite UI CLI MCP](./cli-mcp.mdx)
-
-
コミュニティは常に活気があり、新しいアイデアを歓迎しています。
- [Ignite UI for Angular **フォーラム** (英語)](https://www.infragistics.com/community/forums/f/ignite-ui-for-angular)
diff --git a/docs/angular/src/content/jp/components/themes/sass/component-themes.mdx b/docs/angular/src/content/jp/components/themes/sass/component-themes.mdx
index c6f867ae4d..0fbedf9a9b 100644
--- a/docs/angular/src/content/jp/components/themes/sass/component-themes.mdx
+++ b/docs/angular/src/content/jp/components/themes/sass/component-themes.mdx
@@ -215,8 +215,6 @@ CSS 変数を使用する間は、`::ng-deep` 擬似セレクターは必要あ
}
```
-
-
## API の概要
diff --git a/docs/xplat/src/content/en/components/charts/features/chart-axis-gridlines.mdx b/docs/xplat/src/content/en/components/charts/features/chart-axis-gridlines.mdx
index 777cde3828..0cbb4eaa9a 100644
--- a/docs/xplat/src/content/en/components/charts/features/chart-axis-gridlines.mdx
+++ b/docs/xplat/src/content/en/components/charts/features/chart-axis-gridlines.mdx
@@ -35,8 +35,6 @@ This example shows how configure the axis gridline to display major and minor gr
-
-
## {Platform} Axis Gridlines Properties
Setting the axis interval property specifies how often major gridlines and axis labels are rendered on an axis. Similarly, the axis minor interval property specifies how frequent minor gridlines are rendered on an axis.
@@ -76,8 +74,6 @@ The following example demonstrates a with the above
-
-
## {Platform} Axis Tickmarks Example
Axis tick marks are enabled by setting the and properties to a value greater than 0. These properties specifies the length of the line segments forming the tick marks.
@@ -91,8 +87,6 @@ The following example demonstrates how to customize the tickmarks by setting the
-
-
## {Platform} Axis Tickmarks Properties
You can customize how the axis tickmarks are displayed in our {Platform} chats by setting the following properties:
diff --git a/docs/xplat/src/content/en/components/charts/features/chart-axis-layouts.mdx b/docs/xplat/src/content/en/components/charts/features/chart-axis-layouts.mdx
index 7aef38aa1f..68f83fd105 100644
--- a/docs/xplat/src/content/en/components/charts/features/chart-axis-layouts.mdx
+++ b/docs/xplat/src/content/en/components/charts/features/chart-axis-layouts.mdx
@@ -54,8 +54,6 @@ The following example depicts a stock price and trade volume chart with a [Stock
-
-
### Axis Crossing Example
In addition to placing axes outside plot area, the {Platform} also provides options to position axes inside of plot area and make them cross at specific values. For example, you can create trigonometric chart by setting and properties on both x-axis and y-axis to render axis lines and axis labels such that they are crossing at (0, 0) origin point.
@@ -67,9 +65,6 @@ The following example shows a Sin and Cos wave represented by a [Scatter Spline
-
-
-
@@ -82,8 +77,6 @@ The following example demonstrates how to style the data chart using the
-
diff --git a/docs/xplat/src/content/en/components/charts/features/chart-axis-options.mdx b/docs/xplat/src/content/en/components/charts/features/chart-axis-options.mdx
index afc560708c..77483ca2f8 100644
--- a/docs/xplat/src/content/en/components/charts/features/chart-axis-options.mdx
+++ b/docs/xplat/src/content/en/components/charts/features/chart-axis-options.mdx
@@ -23,8 +23,6 @@ The axis titles feature of the {Platform} charts, allows you to add contextual i
-
-
## Axis Labels Example
@@ -35,8 +33,6 @@ The {Platform} Charts allows you full control over configuring, formatting, and
-
-
## Axis Labels Management & Formatting
The axes of the chart have the ability to perform an enhanced calculation regarding the amount of space available to the labels of the owning axis. This enhanced calculation allows the axis to optimize the amount of space given to it in order to display more labels for the given axis.
@@ -54,8 +50,6 @@ The following example formats the yAxis with a
-
-
## Axis Range Example
In the {Platform} charts, you can define a range minimum and range maximum value of a numeric or time axis. The range minimum is the lowest value of the axis and the range maximum is the highest value of the axis. These are set by setting the and options.
@@ -67,9 +61,6 @@ By default, charts will calculate the minimum and maximum values for the numeric
-
-
-
## Axis Modes & Scale
In the and controls, you can choose if your data is plotted on logarithmic scale along the y-axis when the property is set to true or on linear scale when this property is set to false (default value). With the property, you can change base of logarithmic scale from default value of 10 to other integer value.
@@ -83,8 +74,6 @@ In addition to
-
## Axis Gap Example
The property of the {Platform} charts, determines the amount of space between columns or bars of plotted series. This property accepts a numeric value between 0.0 and 1.0. The value represents a relative width of the gap out of the available number of pixels between the series. Setting this property to 0 would mean there is no gap rendered between the series, and setting it 1 would render the maximum available gap.
@@ -100,8 +89,6 @@ The following example shows the average maximum temperature in Celsius in New Yo
-
-
## Axis Overlap Example
The property of the {Platform} charts, allows setting the overlap of the rendered columns or bars of plotted series. This property accepts a numeric value between -1.0 and 1.0. The value represents a relative overlap out of the available number of pixels dedicated to each series. Setting this property to a negative value (down to -1.0) results in the categories being pushed away from each other, producing a gap between themselves. Conversely, setting this property to a positive value (up to 1.0) results in the categories overlapping each other. A value of 1 directs the chart to render the categories on top of each other.
@@ -113,8 +100,6 @@ The following example shows a comparison of the highest grossing worldwide film
-
-
## Additional Resources
You can find more information about related chart features in these topics:
diff --git a/docs/xplat/src/content/en/components/charts/features/chart-data-annotations.mdx b/docs/xplat/src/content/en/components/charts/features/chart-data-annotations.mdx
index d95ecd6acd..e60b91d639 100644
--- a/docs/xplat/src/content/en/components/charts/features/chart-data-annotations.mdx
+++ b/docs/xplat/src/content/en/components/charts/features/chart-data-annotations.mdx
@@ -39,8 +39,6 @@ For example, you can use DataAnnotationSliceLayer to annotate stock prices with
-
-
## {Platform} Data Annotation Strip Layer Example
In {Platform}, the renders multiple vertical or horizontal strips between 2 values on an axis in the component. This data annotation layer can be used to annotate duration of events (e.g. stock market crash) on x-axis or important range of values on y-axis. Setting the TargetAxis property to y-axis will render data annotation layer as horizontal strips or setting TargetAxis property to x-axis will render data annotation layer as vertical strips. Similarly to all series, the also supports data binding via the property that can be set to a collection of data items which should have at least 1 numeric data column mapped to the AnnotationValueMemberPath property.
@@ -50,8 +48,6 @@ For example, you can use to annotate
-
-
## {Platform} Data Annotation Line Layer Example
In {Platform}, renders multiple lines between 2 points in plot area of the component. This data annotation layer can be used to annotate stock chart with growth and decline in stock prices. Similarly to all series, the DataAnnotationLineLayer also supports data binding via the property that can be set to a collection of data items which should have at least 4 numeric data columns representing x/y coordinates of starting point and ending point of the lines. The starting points should be mapped using using and properties and the ending points should be mapped using and properties.
@@ -61,8 +57,6 @@ For example, you can use DataAnnotationLineLayer to annotate growth and decline
-
-
## {Platform} Data Annotation Rect Layer Example
In {Platform}, the renders multiple rectangles defined by starting and ending points in plot area of the component. This data annotation layer can be used to annotate region of plot area such as bearish patterns in stock prices. Similarly to all series, the DataAnnotationRectLayer also supports data binding via the property that can be set to a collection of data items which should have at least 4 numeric data columns representing x/y coordinates of starting point and ending point of the rectangles. The starting points should be mapped using using and properties and the ending points should be mapped using and properties.
@@ -72,8 +66,6 @@ For example, you can use DataAnnotationRectLayer to annotate bearish patterns an
-
-
## {Platform} Data Annotation Band Layer Example
In {Platform}, the renders multiple skewed rectangles (free-form parallelogram) between 2 points in plot area of the component. This data annotation layer can be used to annotate range of growth and decline in stock prices. Similarly to all series, the DataAnnotationBandLayer also supports data binding via the property that can be set to a collection of data items which should have at least 4 numeric data columns representing x/y coordinates of starting point and ending point of the lines. The starting points should be mapped using and properties and the ending points should be mapped using and properties. In addition, you can specify thickness/size of the skewed rectangle by binding numeric data column to the AnnotationBreadthMemberPath property.
@@ -83,8 +75,6 @@ For example, you can use DataAnnotationBandLayer to annotate range of growth in
-
-
## API References
The following is a list of API members mentioned in the above sections:
diff --git a/docs/xplat/src/content/en/components/charts/features/chart-markers.mdx b/docs/xplat/src/content/en/components/charts/features/chart-markers.mdx
index 12952bb326..b3b7ebb47f 100644
--- a/docs/xplat/src/content/en/components/charts/features/chart-markers.mdx
+++ b/docs/xplat/src/content/en/components/charts/features/chart-markers.mdx
@@ -112,7 +112,13 @@ The following sample demonstrates `MarkerSize` on scatter series with an interac
For `BubbleSeries`, the `MarkerSize` property does not override the bubble radius, which is controlled by the radius data column and the `RadiusScale`. Bubble sizes remain entirely driven by the data and scale configuration.
-
+## {Platform} Chart Checkmark Marker Type
+
+The {ProductName} charts include a `Checkmark` option in the `MarkerType` enum. This marker renders a V-shaped checkmark icon inside a circle on data points in your chart.
+
+You can apply the `Checkmark` marker type to an individual series by setting its `MarkerType` property to `MarkerType.Checkmark`. To use the checkmark shape for all series in the chart simultaneously, set the chart's `MarkerAutomaticBehavior` property to `MarkerAutomaticBehavior.Checkmark`.
+
+The `SeriesViewer.CheckmarkMarkerTemplate` property defines the marker template used for series with a checkmark marker type, and can be used to customize its appearance across the chart.
## {Platform} Chart Marker Templates
diff --git a/docs/xplat/src/content/en/components/charts/features/chart-titles.mdx b/docs/xplat/src/content/en/components/charts/features/chart-titles.mdx
index 7a5ae61c20..eae466cd4a 100644
--- a/docs/xplat/src/content/en/components/charts/features/chart-titles.mdx
+++ b/docs/xplat/src/content/en/components/charts/features/chart-titles.mdx
@@ -21,8 +21,6 @@ The title and subtitle feature of the chart control allows you to add informatio
-
-
## API References
When adding a title or subtitle to the chart control, the content of the chart automatically resizes allowing for the title and subtitle information.
diff --git a/docs/xplat/src/content/en/components/charts/types/area-chart.mdx b/docs/xplat/src/content/en/components/charts/types/area-chart.mdx
index e4d682eaec..9e8af44dee 100644
--- a/docs/xplat/src/content/en/components/charts/types/area-chart.mdx
+++ b/docs/xplat/src/content/en/components/charts/types/area-chart.mdx
@@ -24,8 +24,6 @@ You can create {Platform} Category Area Chart in the
-
## Area Chart Recommendations
### Area Chart Use Cases
@@ -67,8 +65,6 @@ There are several common use cases for choosing an Area Chart:
-
-
## {Platform} Area Chart with Multiple Series
Similarly to how you can show multiple [Line Chart](line-chart.mdx) and [Spline Chart](spline-chart.mdx), you may also combine multiple Area Charts in the same control. This is accomplished by binding multiple data source to property of the control.
@@ -76,8 +72,6 @@ Similarly to how you can show multiple [Line Chart](line-chart.mdx) and [Spline
-
-
## {Platform} Area Chart Styling
Area charts often have semi-transparent fill for their areas, thicker lines and slightly larger markers than usual. Below is an example showing how you can style the Area Chart from earlier accordingly.
@@ -87,8 +81,6 @@ Area charts often have semi-transparent fill for their areas, thicker lines and
-
-
## Advanced Types of Area Charts
The following sections explain more advanced types of {Platform} Area Charts that can be created using the control instead of control with simplified API.
@@ -102,8 +94,6 @@ The {Platform} Step Area Chart belongs to a group of category charts and it is r
-
-
The following sections explain more advanced types of {Platform} Area Charts that can be created using the control instead of control with simplified API.
@@ -116,8 +106,6 @@ The {Platform} Range Area Chart allows you show the area as a range between two
-
-
## {Platform} Stacked Area Chart
The {Platform} Stacked Area Chars is rendered using a collection of points connected by line segments, with the area below the line filled in and stacked on top of each other. Stacked Area Charts follow all the same requirements as Area Charts, with the only difference being that visually, the shaded areas are stacked on top of each other. You can create this type of chart in control by binding your data to , as shown in the example below.
@@ -127,8 +115,6 @@ The {Platform} Stacked Area Chars is rendered using a collection of points conne
-
-
## {Platform} Stacked 100% Area Chart
The {Platform} Stacked 100% Area Chart allows you represent your data as part of a whole being changed over time e.g. a country's energy consumption related to the sources from which it is produced. In such cases representing all stacked elements equally may be a better idea. You can create this type of chart in control by binding your data to , as shown in the example below.
@@ -138,8 +124,6 @@ The {Platform} Stacked 100% Area Chart allows you represent your data as part of
-
-
## {Platform} Stacked Spline Area Chart
The {Platform} Stacked Spline Area Chart is rendered using a collection of points connected by curved spline segments, with the area below the curved spline fill in and stacked on top of each other. Stacked Spline Area Chart follows all of the same requirements as area charts, with the only difference being that the visually shaded areas are stacked on top of each other. You can create this type of chart in control by binding your data to , as shown in the example below.
@@ -149,8 +133,6 @@ The {Platform} Stacked Spline Area Chart is rendered using a collection of point
-
-
## {Platform} Stacked 100% Spline Area Chart
@@ -161,8 +143,6 @@ The {Platform} Stacked 100% Spline Area Chart is identical to the Stacked Spline
-
-
## {Platform} Radial Area Chart
The {Platform} Radial Area Chart belongs to a group of [Radial Chart](radial-chart.mdx) and has a shape of a filled polygon that is bound by a collection of straight lines connecting data points. This chart type uses the same concept of data plotting as the Area Chart, but wraps the data points around a circular axis rather than stretching them horizontally. You can create this type of chart in control by binding your data to , as shown in the example below.
@@ -172,8 +152,6 @@ The {Platform} Radial Area Chart belongs to a group of [Radial Chart](radial-cha
-
-
## {Platform} Polar Area Chart
The {Platform} Polar Area Chart belongs to a group of [Polar Chart](polar-chart.mdx) and have a shape of a filled polygon, where vertices or corners are located at the polar (angle/radius) coordinates of data points and are connected by a straight line and then filling the area represented by the connected points. The Polar Area Chart uses the same concepts of data plotting as the Scatter Marker Chart, but instead wraps the points around a circle and fills in the area that is drawn, rather than stretching the points and area filled along a horizontal line. You can create this type of chart in control by binding your data to , as shown in the example below.
@@ -183,8 +161,6 @@ The {Platform} Polar Area Chart belongs to a group of [Polar Chart](polar-chart.
-
-
## {Platform} Polar Spline Area Chart
The {Platform} Polar Spline Area Chart belongs to a group of [Polar Chart](polar-chart.mdx) and have a shape of a filled polygon, where vertices or corners are located at the polar (angle/radius) coordinates of data points and are connected by a curved spline and then filling the area represented by the connected points. The Polar Spline Area Chart uses the same concepts of data plotting as the Scatter Marker Chart, but instead wraps the points around a circle and fills in the area that is drawn, rather than stretching the points and area filled along a horizontal line. You can create this type of chart in control by binding your data to , as shown in the example below.
@@ -194,8 +170,6 @@ The {Platform} Polar Spline Area Chart belongs to a group of [Polar Chart](polar
-
-
## Additional Resources
You can find more information about related chart types in these topics:
diff --git a/docs/xplat/src/content/en/components/charts/types/bar-chart.mdx b/docs/xplat/src/content/en/components/charts/types/bar-chart.mdx
index d59aa923fc..43539a22e7 100644
--- a/docs/xplat/src/content/en/components/charts/types/bar-chart.mdx
+++ b/docs/xplat/src/content/en/components/charts/types/bar-chart.mdx
@@ -111,8 +111,6 @@ You can create this type of chart in the control by
-
-
## {Platform} Range Bar Chart
The {Platform} Range Bar Chart belongs to a group of range charts and is rendered using horizontal rectangles that can appear in the middle of the plot area of the chart, rather than stretching from the left like the traditional [Category Bar Chart](bar-chart.mdx#{PlatformLower}-bar-chart-example). This type of series emphasizes the amount of change between low values and high values in the same data point over a period of time or compares multiple items.
diff --git a/docs/xplat/src/content/en/components/charts/types/column-chart.mdx b/docs/xplat/src/content/en/components/charts/types/column-chart.mdx
index eef4a839f0..3923b882f0 100644
--- a/docs/xplat/src/content/en/components/charts/types/column-chart.mdx
+++ b/docs/xplat/src/content/en/components/charts/types/column-chart.mdx
@@ -24,8 +24,6 @@ You can create {Platform} Column Chart in the c
-
-
## Column Charts Recommendations
### Column Charts Use Cases
@@ -63,8 +61,6 @@ You can create this type of chart in the contro
-
-
## {Platform} Column Chart with Multiple Series
The Column Chart is able to render multiple columns per category for comparison purposes. You can create this type of chart in the control by binding your data and setting the property to **Column** value, as shown in the example below:
@@ -74,9 +70,6 @@ The Column Chart is able to render multiple columns per category for comparison
-
-
-
## {Platform} Column Chart Styling
The {Platform} Column Chart has many options for styling and modification of the visual appearance.
@@ -88,8 +81,6 @@ You can create this type of chart in the contro
-
-
## Advanced Types of Column Charts
The following sections explain more advanced types of {Platform} Column Charts that can be created using the control instead of control with simplified API.
@@ -106,8 +97,6 @@ You can create this type of chart in the control by
-
-
## {Platform} Stacked Column Chart
The Stacked Column Chart is similar to the [Category Column Chart](column-chart.mdx#{PlatformLower}-column-chart-example) in all aspects, except the series are represented on top of one another rather than to the side. The Stacked Column Chart is used to show comparing results between series. Each stacked fragment in the collection represents one visual element in each stack. Each stack can contain both positive and negative values. All positive values are grouped on the positive side of the Y-Axis, and all negative values are grouped on the negative side of the Y-Axis. The Stacked Column Chart uses the same concepts of data plotting as the [Stacked Bar Chart](stacked-chart.mdx#{PlatformLower}-stacked-bar-chart) but data points are stacked along vertical line (Y-Axis) rather than along horizontal line (X-Axis).
@@ -119,8 +108,6 @@ You can create this type of chart in the control by
-
-
## {Platform} Stacked 100% Column Chart
The Stacked 100% Column Chart is identical to the [Stacked Column Chart](stacked-chart.mdx#{PlatformLower}-stacked-column-chart) in all aspects except in their treatment of the values on Y-Axis. Instead of presenting a direct representation of the data, the Stacked 100 Column Chart presents the data in terms of percent of the sum of all values in a data point.
@@ -132,8 +119,6 @@ You can create this type of chart in the control by
-
-
## {Platform} Range Column Chart
The {Platform} Range Column Chart belongs to a group of range charts and is rendered using vertical rectangles that can appear in the middle of the plot area of the chart, rather than stretching from the bottom like the traditional [Category Column Chart](column-chart.mdx#{PlatformLower}-column-chart-example). This type of series emphasizes the amount of change between low values and high values in the same data point over a period of time or compares multiple items. Range values are represented on the Y-Axis and categories are displayed on the X-Axis.
@@ -147,8 +132,6 @@ You can create this type of chart in the control by
-
-
## {Platform} Radial Column Chart
The Radial Column Chart belongs to a group of [Radial Chart](radial-chart.mdx), and is visualized by using a collection of rectangles that extend from the center of the chart toward the locations of data points. This utilizes the same concepts of data plotting as the [Category Column Chart](column-chart.mdx#{PlatformLower}-column-chart-example), but wraps data points around a circle rather than stretching them horizontally.
@@ -160,8 +143,6 @@ You can create this type of chart in the control by
-
-
## Additional Resources
You can find more information about related chart types in these topics:
diff --git a/docs/xplat/src/content/en/components/charts/types/composite-chart.mdx b/docs/xplat/src/content/en/components/charts/types/composite-chart.mdx
index 1732dce46f..ac6f8d7dae 100644
--- a/docs/xplat/src/content/en/components/charts/types/composite-chart.mdx
+++ b/docs/xplat/src/content/en/components/charts/types/composite-chart.mdx
@@ -24,8 +24,6 @@ The following example demonstrates how to create Composite Chart using
-
## Additional Resources
- [Bar Chart](bar-chart.mdx)
diff --git a/docs/xplat/src/content/en/components/charts/types/gantt-chart.mdx b/docs/xplat/src/content/en/components/charts/types/gantt-chart.mdx
index 14410c11f2..7fb27c8a04 100644
--- a/docs/xplat/src/content/en/components/charts/types/gantt-chart.mdx
+++ b/docs/xplat/src/content/en/components/charts/types/gantt-chart.mdx
@@ -25,8 +25,6 @@ The following example demonstrates how to create Gantt Chart using
-
## Additional Resources
- [Bar Chart](bar-chart.mdx)
diff --git a/docs/xplat/src/content/en/components/charts/types/line-chart.mdx b/docs/xplat/src/content/en/components/charts/types/line-chart.mdx
index 1c5cd3154e..21d2138f7b 100644
--- a/docs/xplat/src/content/en/components/charts/types/line-chart.mdx
+++ b/docs/xplat/src/content/en/components/charts/types/line-chart.mdx
@@ -24,8 +24,6 @@ You can create the {Platform} Line Chart in the
-
-
## Line Chart Recommendations
### Are {Platform} Line Charts right for your project?
@@ -82,8 +80,6 @@ You can create this type of chart in the contro
-
-
## {Platform} Line Chart with Multiple Series
Since the {Platform} Line Chart allows you to combine multiple series and compare or see how they change over time, let's see how easy it is to achieve this. All we need to do is bind to a data source containing the data for China and the USA, and the line chart will automatically update to fit the additional data.
@@ -95,8 +91,6 @@ You can create this type of chart in the contro
-
-
## {Platform} Line Chart with Live Data
The {Platform} Line chart is capable of handling high volumes of data, ranging into millions of data points, and updating them every few milliseconds as demonstrated in the following demo.
@@ -110,8 +104,6 @@ You can create this type of chart in the contro
-
-
## {Platform} Styling Line Chart
Once our chart is set up, we may want to make some further styling customizations such as change the line colors, change the legend font family, and/or increase the size of the axis labels to make it easier to read.
@@ -129,8 +121,6 @@ The following example demonstrates usage of the
-
## Advanced Types of Line Charts
The following sections explain more advanced types of {Platform} Line Charts that can be created using the control instead of control with simplified API.
@@ -144,8 +134,6 @@ The Stacked Line Chart is often used to show the change of value over time such
-
-
## {Platform} Stacked 100% Line Chart
The Stacked 100% Line Chart is identical to the Stacked Line Chart in all aspects except in their treatment of the values on y-axis. Instead of presenting a direct representation of the data, the Stacked 100% Line Chart presents the data in terms of percent of the sum of all values in a data point. The example below shows a study made for online shopping traffic by departments via tablet, phone and personal computers.
@@ -157,8 +145,6 @@ You can create this type of chart in the control by
-
-
## {Platform} Radial Line Chart
The Radial Line Chart belongs to a group of radial charts and has a shape of an unfilled polygon that is bound by a collection of straight lines connecting data points. This chart type uses the same concept of data plotting as the Line Chart, but wraps the data points around a circular axis rather than stretching them horizontally.
@@ -170,8 +156,6 @@ You can create this type of chart in the control by
-
-
## {Platform} Polar Line Chart
The Polar Line Chart belongs to a group of polar charts and is rendered using a collection of straight lines connecting data points in polar (angle/radius) coordinate system. Polar Line Charts use the same concepts of data plotting as the [Scatter Line Chart](scatter-chart.mdx) with the difference that the visualization wraps data points around a circle rather than stretching them horizontally.
@@ -183,8 +167,6 @@ You can create this type of chart in the control by
-
-
## Additional Resources
You can find more information about related chart types in these topics:
diff --git a/docs/xplat/src/content/en/components/charts/types/pyramid-chart.mdx b/docs/xplat/src/content/en/components/charts/types/pyramid-chart.mdx
index 42b0d99e1b..7048741d32 100644
--- a/docs/xplat/src/content/en/components/charts/types/pyramid-chart.mdx
+++ b/docs/xplat/src/content/en/components/charts/types/pyramid-chart.mdx
@@ -24,8 +24,6 @@ The following example demonstrates how to create Pyramid Chart using
-
## Additional Resources
- [Bar Chart](bar-chart.mdx)
diff --git a/docs/xplat/src/content/en/components/charts/types/radial-chart.mdx b/docs/xplat/src/content/en/components/charts/types/radial-chart.mdx
index 4614fc7695..f0eb1d33e2 100644
--- a/docs/xplat/src/content/en/components/charts/types/radial-chart.mdx
+++ b/docs/xplat/src/content/en/components/charts/types/radial-chart.mdx
@@ -24,8 +24,6 @@ The {Platform} Radial Area Chart has a shape of a filled polygon that is bound b
-
-
## {Platform} Radial Column Chart
The Radial Column Chart is visualized by using a collection of rectangles that extend from the center of the chart toward the locations of data points. This utilizes the same concepts of data plotting as the [Column Chart](column-chart.mdx), but wraps data points around a circle rather than stretching them horizontally. You can create this type of chart in the control by binding your data to a , as shown in the example below:
@@ -35,8 +33,6 @@ The Radial Column Chart is visualized by using a collection of rectangles that e
-
-
## {Platform} Radial Line Chart
The {Platform} Radial Line Chart has renders as a collection of straight lines connecting data points. This chart type uses the same concept of data plotting as the [Line Chart](line-chart.mdx), but wraps the data points around a circular axis rather than stretching them horizontally. You can create this type of chart in the control by binding your data to , as shown in the example below:
@@ -46,8 +42,6 @@ The {Platform} Radial Line Chart has renders as a collection of straight lines c
-
-
## {Platform} Radial Pie Chart
The Radial Pie Chart uses pie slices that extend from the center of chart towards locations of data points. This chart type takes concepts of categorizing multiple series of data points and wraps them around a circular axis rather than stretching data points along a horizontal line. You can create this type of chart in the control by binding your data to a , as shown in the example below:
@@ -57,8 +51,6 @@ The Radial Pie Chart uses pie slices that extend from the center of chart toward
-
-
## {Platform} Radial Chart Styling
Once our radial chart is created, we may want to make some further styling customizations such as a change of the line colors, marker types, or outline colors of those markers. This example demonstrates how to customize styling in control.
@@ -66,14 +58,10 @@ Once our radial chart is created, we may want to make some further styling custo
-
-
## {Platform} Radial Chart Settings
In addition, the labels can be configured to appear near or wide from the chart. This can be configured with the property for the .
-
-
## Additional Resources
diff --git a/docs/xplat/src/content/en/components/charts/types/scatter-chart.mdx b/docs/xplat/src/content/en/components/charts/types/scatter-chart.mdx
index c4b34a2a8d..9c529c6f66 100644
--- a/docs/xplat/src/content/en/components/charts/types/scatter-chart.mdx
+++ b/docs/xplat/src/content/en/components/charts/types/scatter-chart.mdx
@@ -24,8 +24,6 @@ The {ProductName} Scatter Chart belongs to a group of charts that show the relat
-
-
## {Platform} Scatter Line Chart
{Platform} Scatter Line Chart renders as a collection of markers connected by a straight lines, each having a pair of numeric X/Y values that determines its location in the Cartesian coordinate system. You can create this type of chart in the control by binding your data to a , as shown in the example below:
@@ -35,8 +33,6 @@ The {ProductName} Scatter Chart belongs to a group of charts that show the relat
-
-
## {Platform} Scatter Spline Chart
{Platform} Scatter Spline Chart renders as a collection of markers connected by a curved spline, each having a pair of numeric X/Y values that determines its location in the Cartesian coordinate system. You can create this type of chart in the control by binding your data to a , as shown in the example below:
@@ -46,8 +42,6 @@ The {ProductName} Scatter Chart belongs to a group of charts that show the relat
-
-
## {Platform} Scatter High Density Chart
Use the {Platform} Scatter High Density (HD) Chart to bind and show scatter data ranging from thousands to millions of data points with very little loading time. Due to this chart type being designed for such a large amount of points, it is visualized as tiny dots as opposed to full sized markers, and displays areas with the most data using a higher color density representing a cluster of data points. You can create this type of chart in the control by binding your data to a , as shown in the example below:
@@ -57,8 +51,6 @@ Use the {Platform} Scatter High Density (HD) Chart to bind and show scatter data
-
-
## {Platform} Scatter Area Chart
{Platform} Scatter Area Chart draws a colored surface based on a triangulation of X and Y data with a numeric data value assigned to each point. This chart is useful for rendering heat maps, magnetic field strength or Wi-Fi strength in an office. You can create this type of chart in the control by binding your data to a , as shown in the example below:
@@ -68,8 +60,6 @@ Use the {Platform} Scatter High Density (HD) Chart to bind and show scatter data
-
-
## {Platform} Scatter Contour Chart
{Platform} Scatter Contour Chart draws colored contour lines based on a triangulation of X and Y data with a numeric data value assigned to each point. This chart is useful for rendering heat maps, magnetic field strength or Wi-Fi strength in an office. You can create this type of chart in the control by binding your data to a , as shown in the example below:
@@ -79,8 +69,6 @@ Use the {Platform} Scatter High Density (HD) Chart to bind and show scatter data
-
-
## Additional Resources
You can find more information about related chart types in these topics:
diff --git a/docs/xplat/src/content/en/components/charts/types/spline-chart.mdx b/docs/xplat/src/content/en/components/charts/types/spline-chart.mdx
index 7a017bf75f..ff22358113 100644
--- a/docs/xplat/src/content/en/components/charts/types/spline-chart.mdx
+++ b/docs/xplat/src/content/en/components/charts/types/spline-chart.mdx
@@ -23,8 +23,6 @@ The following example shows how to create {Platform} Spline Chart in the
-
## {Platform} Spline Chart with Single Series
The Spline Chart is often used to show the change of value over time such as the amount of renewable electricity produced since 2009 over a ten-year period for Europe, as shown in the example below.
@@ -36,8 +34,6 @@ You can create this type of chart in the contro
-
-
## {Platform} Spline Chart with Multiple Series
Since the Spline Chart allows you to combine multiple series and compare or see how they change over time. All we need to do is bind to a data source containing the data for China and the USA, and the chart will automatically update to fit the additional data.
@@ -49,8 +45,6 @@ You can create this type of chart in the contro
-
-
## {Platform} Spline Chart Styling
If you need a Spline Chart with more features such as composite other series, you can configure the markers, marker brushes, marker outlines, series brushes and series outlines as demonstrated below.
@@ -62,8 +56,6 @@ You can create this type of chart in the contro
-
-
## Advanced Types of Spline Charts
The following sections explain more advanced types of {Platform} Spline Charts that can be created using the control instead of control with simplified API.
@@ -79,8 +71,6 @@ You can create this type of chart in the control by
-
-
## {Platform} Stacked 100% Spline Chart
The Stacked 100% Spline Chart is identical to the Stacked Spline Chart in all aspects except in their treatment of the values on y-axis. Instead of presenting a direct representation of the data, the Stacked 100% Spline Chart presents the data in terms of percent of the sum of all values in a data point. The example below shows a study made for online shopping traffic by departments via tablet, phone and personal computers.
@@ -92,8 +82,6 @@ You can create this type of chart in the control by
-
-
## Additional Resources
You can find more information about related chart types in these topics:
diff --git a/docs/xplat/src/content/en/components/geo-map-type-scatter-bubble-series.mdx b/docs/xplat/src/content/en/components/geo-map-type-scatter-bubble-series.mdx
index 35b9f9b7e2..8a10a88091 100644
--- a/docs/xplat/src/content/en/components/geo-map-type-scatter-bubble-series.mdx
+++ b/docs/xplat/src/content/en/components/geo-map-type-scatter-bubble-series.mdx
@@ -23,8 +23,6 @@ In {Platform} map component, you can use the
-
The demo above shows the series and how to specify data binding options of the series. Automatic marker selection is configured along with marker collision avoidance logic, and marker outline and fill colors are specified too.
## Configuration Summary
diff --git a/docs/xplat/src/content/en/components/geo-map-type-scatter-contour-series.mdx b/docs/xplat/src/content/en/components/geo-map-type-scatter-contour-series.mdx
index e6222ff385..f67dcc84db 100644
--- a/docs/xplat/src/content/en/components/geo-map-type-scatter-contour-series.mdx
+++ b/docs/xplat/src/content/en/components/geo-map-type-scatter-contour-series.mdx
@@ -23,8 +23,6 @@ In {Platform} map component, you can use the
-
The works a lot like the except that it represents data as contour lines, colored using a fill scale and the geographic scatter area series, represents data as a surface interpolated using a color scale.
## Data Requirements
diff --git a/docs/xplat/src/content/en/components/grids/data-grid.mdx b/docs/xplat/src/content/en/components/grids/data-grid.mdx
index 11b171e201..ea77f7b1b9 100644
--- a/docs/xplat/src/content/en/components/grids/data-grid.mdx
+++ b/docs/xplat/src/content/en/components/grids/data-grid.mdx
@@ -72,8 +72,6 @@ In this {ProductName} Grid example, you can see how users can do both basic and
-
-
## Getting Started with {Platform} Data Grid
### Dependencies
diff --git a/docs/xplat/src/content/en/components/grids/list.mdx b/docs/xplat/src/content/en/components/grids/list.mdx
index eea407e7d2..df4afb2148 100644
--- a/docs/xplat/src/content/en/components/grids/list.mdx
+++ b/docs/xplat/src/content/en/components/grids/list.mdx
@@ -22,8 +22,6 @@ The following example represents a list populated with contacts with a name and
-
-
## Usage
At its core the list web component allows you to easily display a vertical list of items.
@@ -557,8 +555,6 @@ igc-list-item::part(subtitle) {
In this article we covered a lot of ground with the component. First, we created a simple list with text items. Then, we created a list of contact items and added functionality to them by using some additional {ProductName} components, like the and . Finally, we changed the component's appearance through the exposed CSS parts.
-
-
## API References
diff --git a/docs/xplat/src/content/en/components/grids/tree.mdx b/docs/xplat/src/content/en/components/grids/tree.mdx
index 0b3478b6b1..6dfb919a1a 100644
--- a/docs/xplat/src/content/en/components/grids/tree.mdx
+++ b/docs/xplat/src/content/en/components/grids/tree.mdx
@@ -31,8 +31,6 @@ In this basic {ProductName} Tree example, you can see how to define a tree and i
-
-
## How to Use {ProductName} Tree With Ignite UI
@@ -444,8 +442,6 @@ igc-tree-item {
-
-
## API References
diff --git a/docs/xplat/src/content/en/components/inputs/color-editor.mdx b/docs/xplat/src/content/en/components/inputs/color-editor.mdx
index 0eaced0662..6afed7f291 100644
--- a/docs/xplat/src/content/en/components/inputs/color-editor.mdx
+++ b/docs/xplat/src/content/en/components/inputs/color-editor.mdx
@@ -22,8 +22,6 @@ The {ProductName} Color Editor is a lightweight color picker component. The Colo
-
-
## Dependencies
@@ -209,8 +207,6 @@ public onValueChanged(calendar: IgrColorEditor, e: IgrColorEditorPanelSelectedVa
-
-
## API References
diff --git a/docs/xplat/src/content/en/components/inputs/combo/overview.mdx b/docs/xplat/src/content/en/components/inputs/combo/overview.mdx
index e68301cc87..ce06bc4334 100644
--- a/docs/xplat/src/content/en/components/inputs/combo/overview.mdx
+++ b/docs/xplat/src/content/en/components/inputs/combo/overview.mdx
@@ -24,8 +24,6 @@ The {ProductName} ComboBox component provides a list of options from which users
-
-
## Getting Started with {Platform} ComboBox
diff --git a/docs/xplat/src/content/en/components/inputs/file-input.mdx b/docs/xplat/src/content/en/components/inputs/file-input.mdx
index 9c4bf2b940..70100acfab 100644
--- a/docs/xplat/src/content/en/components/inputs/file-input.mdx
+++ b/docs/xplat/src/content/en/components/inputs/file-input.mdx
@@ -17,8 +17,6 @@ The {ProductName} File Input component provides an interactive way for users to
## {Platform} File Input Example
-
-
## Usage
@@ -167,7 +165,7 @@ igc-file-input::part(label) {
-
+
## API References
diff --git a/docs/xplat/src/content/en/components/inputs/highlight.mdx b/docs/xplat/src/content/en/components/inputs/highlight.mdx
index 5401382e97..88adc5fd0d 100644
--- a/docs/xplat/src/content/en/components/inputs/highlight.mdx
+++ b/docs/xplat/src/content/en/components/inputs/highlight.mdx
@@ -16,7 +16,7 @@ import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro'
{ProductName} Highlight is used to highlight parts of the page content to make it more noticeable for the user. It's a lightweight component that can be used in combination with other components to create a more interactive and engaging user experience.
-
+
## Usage
diff --git a/docs/xplat/src/content/en/components/inputs/radio.mdx b/docs/xplat/src/content/en/components/inputs/radio.mdx
index 0414fe588f..54b40b246f 100644
--- a/docs/xplat/src/content/en/components/inputs/radio.mdx
+++ b/docs/xplat/src/content/en/components/inputs/radio.mdx
@@ -24,8 +24,6 @@ The {ProductName} Radio component allows the user to select a single option from
-
-
### Usage
@@ -484,8 +482,6 @@ igc-radio::part(label) {
-
-
## API References
diff --git a/docs/xplat/src/content/en/components/inputs/switch.mdx b/docs/xplat/src/content/en/components/inputs/switch.mdx
index 337a0d900c..1e146ea14f 100644
--- a/docs/xplat/src/content/en/components/inputs/switch.mdx
+++ b/docs/xplat/src/content/en/components/inputs/switch.mdx
@@ -23,8 +23,6 @@ The {ProductName} Switch component is a binary choice selection component that b
-
-
## Usage
At its core, the component allows for toggling between on/off states. The default styling is done according to the selection controls specification in the Material Design guidelines.
@@ -386,8 +384,6 @@ The component exposes several CSS parts to
-
-
## API References
diff --git a/docs/xplat/src/content/en/components/inputs/tooltip.mdx b/docs/xplat/src/content/en/components/inputs/tooltip.mdx
index 6b72d0fdb7..2965c8ab39 100644
--- a/docs/xplat/src/content/en/components/inputs/tooltip.mdx
+++ b/docs/xplat/src/content/en/components/inputs/tooltip.mdx
@@ -483,8 +483,6 @@ igc-tooltip::part(bottom) {
-
-
## API References
diff --git a/docs/xplat/src/content/en/components/layouts/card.mdx b/docs/xplat/src/content/en/components/layouts/card.mdx
index c92f645f1c..e3203de67b 100644
--- a/docs/xplat/src/content/en/components/layouts/card.mdx
+++ b/docs/xplat/src/content/en/components/layouts/card.mdx
@@ -21,8 +21,6 @@ The {ProductName} Card displays text, images, icons, and buttons in a visually r
-
-
## Usage
Cards allow you to easily display content composed of different types of objects or similar objects whose size and supported actions can vary.
@@ -575,7 +573,7 @@ igc-icon-button::part(base) {
### Summary
In this article we covered a lot of ground with the card component. We created a simple card and added some images to make it a bit more appealing. We used some additional {Platform} inside our card, like avatars, buttons and icons, to enrich the experience and add some functionality. And finally, we changed the card's appearance by changing the major colors of the building blocks.
-
+
## API References
diff --git a/docs/xplat/src/content/en/components/layouts/dock-manager-customization.mdx b/docs/xplat/src/content/en/components/layouts/dock-manager-customization.mdx
index 246a860c1c..40b653263a 100644
--- a/docs/xplat/src/content/en/components/layouts/dock-manager-customization.mdx
+++ b/docs/xplat/src/content/en/components/layouts/dock-manager-customization.mdx
@@ -17,8 +17,6 @@ import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
The Infragistics {Platform} Dock Manager component provides you with the properties needed to further customize the layout to suit your specific application requirements.
Let's dive in and explore how {Platform} DockManager empowers you to create exceptional user interfaces and enhance the productivity of your applications!
-
-
## Proximity Dock
In this mode the joystick indicators are hidden and docking can be accomplished by dragging a pane close to the border of another pane. While dragging a pane, when the mouse cursor reaches the area corresponding to the dock position, a dock preview is shown. On mouse up the dragged pane is docked in the previewed location. To enable proximity docking, simply set the `proximityDock` property to **true**.
diff --git a/docs/xplat/src/content/en/components/layouts/dock-manager-embedding-frames.mdx b/docs/xplat/src/content/en/components/layouts/dock-manager-embedding-frames.mdx
index 50b94ab1ca..3da87f5bdf 100644
--- a/docs/xplat/src/content/en/components/layouts/dock-manager-embedding-frames.mdx
+++ b/docs/xplat/src/content/en/components/layouts/dock-manager-embedding-frames.mdx
@@ -28,8 +28,6 @@ The Infragistics {Platform} Dock Manager component provides you with the layout
*/}
-
-
{/*
## Usage
diff --git a/docs/xplat/src/content/en/components/layouts/dock-manager-updating-panes.mdx b/docs/xplat/src/content/en/components/layouts/dock-manager-updating-panes.mdx
index 0e58a5f973..83600b8e8e 100644
--- a/docs/xplat/src/content/en/components/layouts/dock-manager-updating-panes.mdx
+++ b/docs/xplat/src/content/en/components/layouts/dock-manager-updating-panes.mdx
@@ -28,8 +28,6 @@ The Infragistics {Platform} Dock Manager component provides you with the layout
*/}
-
-
{/*
## Usage
diff --git a/docs/xplat/src/content/en/components/layouts/dock-manager.mdx b/docs/xplat/src/content/en/components/layouts/dock-manager.mdx
index dd91b0c36b..405e5b7ef1 100644
--- a/docs/xplat/src/content/en/components/layouts/dock-manager.mdx
+++ b/docs/xplat/src/content/en/components/layouts/dock-manager.mdx
@@ -33,9 +33,6 @@ This example shows most functionalities and docking options of the
-
-
@@ -62,8 +59,6 @@ defineComponents(IgcDockManagerComponent);
-
-
@@ -675,8 +670,6 @@ Contents and panes can be added to the
-
-
### Events
@@ -687,8 +680,6 @@ The Dock Manager component raises events when specific end-user interactions are
-
-
@@ -704,8 +695,6 @@ this.dockManager.addEventListener('paneClose', ev => console.log(ev.detail));
-
-
@@ -718,8 +707,6 @@ this.dockManager.addEventListener('paneClose', ev => console.log(ev.detail));
-
-
## Customization
The Dock Manager component provides the option to customize all buttons using slots and parts. To change any of the buttons you simply have to define your own element inside the Dock Manager and set the slot attribute to the corresponding identifier.
@@ -951,8 +938,6 @@ In the following example, we demonstrate the ability of customizing the Dock Man
-
-
### CSS Parts
| Part name | Description |
diff --git a/docs/xplat/src/content/en/components/layouts/stepper.mdx b/docs/xplat/src/content/en/components/layouts/stepper.mdx
index 11e6a793cc..a7e784409d 100644
--- a/docs/xplat/src/content/en/components/layouts/stepper.mdx
+++ b/docs/xplat/src/content/en/components/layouts/stepper.mdx
@@ -27,8 +27,6 @@ The following {ProductName} Stepper Example below shows the component in action.
-
-
## Getting Started with {Platform} Stepper
@@ -229,8 +227,6 @@ The sample below demonstrates how stepper orientation and titles position could
-
-
### Step States
{Platform} supports five steps states and each of them apply different styles by default:
@@ -387,8 +383,6 @@ The component also gives you the ability t
-
-
## Keyboard Navigation
The {ProductName} Stepper provides a rich variety of keyboard interactions to the end-user. This functionality is enabled by default and allows end-users to easily navigate through the steps.
@@ -457,8 +451,6 @@ igc-step::part(indicator) {
-
-
## API References
diff --git a/docs/xplat/src/content/en/components/notifications/snackbar.mdx b/docs/xplat/src/content/en/components/notifications/snackbar.mdx
index db36cee1bd..3a0ceb3080 100644
--- a/docs/xplat/src/content/en/components/notifications/snackbar.mdx
+++ b/docs/xplat/src/content/en/components/notifications/snackbar.mdx
@@ -24,8 +24,6 @@ This sample demonstrates how to create co
-
-
### Usage
@@ -188,8 +186,6 @@ igc-snackbar::part(base) {
-
-
## API References
diff --git a/docs/xplat/src/content/en/components/scheduling/calendar.mdx b/docs/xplat/src/content/en/components/scheduling/calendar.mdx
index ffe00ab25b..c99c7d325b 100644
--- a/docs/xplat/src/content/en/components/scheduling/calendar.mdx
+++ b/docs/xplat/src/content/en/components/scheduling/calendar.mdx
@@ -23,8 +23,6 @@ The Ignite UI for {ProductName} Calendar provides an easy and intuitive way for
The following {Platform} component example shows a basic calendar with a single day selection mode. See how it works or inspect the code behind.
-
-
## How To Create a Calendar in {Platform} with {ProductNameShort}
diff --git a/docs/xplat/src/content/en/components/spreadsheet-activation.mdx b/docs/xplat/src/content/en/components/spreadsheet-activation.mdx
index 3ac4fab168..a381b592d4 100644
--- a/docs/xplat/src/content/en/components/spreadsheet-activation.mdx
+++ b/docs/xplat/src/content/en/components/spreadsheet-activation.mdx
@@ -23,8 +23,6 @@ The {Platform} Spreadsheet component exposes properties that allow you to determ
-
-
## Activation Overview
The activation of the {Platform} control is split up between the cells, panes, and worksheets of the current of the spreadsheet. The three "active" properties are described below:
diff --git a/docs/xplat/src/content/en/components/spreadsheet-chart-adapter.mdx b/docs/xplat/src/content/en/components/spreadsheet-chart-adapter.mdx
index 18cf9aa62f..b1a78b93c3 100644
--- a/docs/xplat/src/content/en/components/spreadsheet-chart-adapter.mdx
+++ b/docs/xplat/src/content/en/components/spreadsheet-chart-adapter.mdx
@@ -21,8 +21,6 @@ The {Platform} Spreadsheet component allows displaying charts in your
-
-
## Chart Adapter Overview
Using
diff --git a/docs/xplat/src/content/en/components/spreadsheet-clipboard.mdx b/docs/xplat/src/content/en/components/spreadsheet-clipboard.mdx
index 7c53ca6d4b..a8275357bf 100644
--- a/docs/xplat/src/content/en/components/spreadsheet-clipboard.mdx
+++ b/docs/xplat/src/content/en/components/spreadsheet-clipboard.mdx
@@ -23,8 +23,6 @@ This topic explains how to perform clipboard operations on the {ProductName} spr
-
-
## Dependencies
Before making use of the clipboard you will want to import the enumeration:
@@ -56,8 +54,6 @@ import { SpreadsheetAction } from 'igniteui-webcomponents-spreadsheet';
-
-
## Usage
diff --git a/docs/xplat/src/content/en/components/spreadsheet-commands.mdx b/docs/xplat/src/content/en/components/spreadsheet-commands.mdx
index ec4d307492..148b74d5bf 100644
--- a/docs/xplat/src/content/en/components/spreadsheet-commands.mdx
+++ b/docs/xplat/src/content/en/components/spreadsheet-commands.mdx
@@ -23,8 +23,6 @@ The {Platform} Spreadsheet component allows you to perform commands for activati
-
-
## Dependencies
Before making use of the commands you will want to import the
@@ -56,8 +54,6 @@ import { SpreadsheetAction } from 'igniteui-webcomponents-spreadsheet';
-
-
## Usage
diff --git a/docs/xplat/src/content/en/components/spreadsheet-conditional-formatting.mdx b/docs/xplat/src/content/en/components/spreadsheet-conditional-formatting.mdx
index e5c0d683e5..16b7ee2afb 100644
--- a/docs/xplat/src/content/en/components/spreadsheet-conditional-formatting.mdx
+++ b/docs/xplat/src/content/en/components/spreadsheet-conditional-formatting.mdx
@@ -23,8 +23,6 @@ The {Platform} component allows you to conditiona
-
-
## Conditional Formatting Overview
You can configure the conditional formatting of a particular worksheet by using the many `Add` methods exposed on the collection of that worksheet. The first parameter of these `Add` methods is the string region of the worksheet that you would like to apply the conditional format to.
diff --git a/docs/xplat/src/content/en/components/spreadsheet-configuring.mdx b/docs/xplat/src/content/en/components/spreadsheet-configuring.mdx
index 2933306007..bbc6844bda 100644
--- a/docs/xplat/src/content/en/components/spreadsheet-configuring.mdx
+++ b/docs/xplat/src/content/en/components/spreadsheet-configuring.mdx
@@ -23,8 +23,6 @@ The {Platform} Spreadsheet component allows the user to configure many different
-
-
## Configuring Cell Editing
When a user edits a cell value and confirms the new input, the control has the ability to navigate to cells adjacent to the currently active cell on press of the ENTER key, depending on the configuration of the spreadsheet.
diff --git a/docs/xplat/src/content/en/components/spreadsheet-hyperlinks.mdx b/docs/xplat/src/content/en/components/spreadsheet-hyperlinks.mdx
index 2bdc0ebac6..16e67c99f1 100644
--- a/docs/xplat/src/content/en/components/spreadsheet-hyperlinks.mdx
+++ b/docs/xplat/src/content/en/components/spreadsheet-hyperlinks.mdx
@@ -23,8 +23,6 @@ The {Platform} Spreadsheet component allows display of pre-existing hyperlinks i
-
-
## Hyperlinks Overview
Hyperlinks are added to the control by accessing the `Hyperlinks` collection on the worksheet that you want to place the hyperlink on. This collection has an `Add` method that takes a object, where you can define the cell address, the hyperlink URL to be navigated to, the display text, and a tooltip to optionally be displayed on hover.
diff --git a/docs/xplat/src/content/en/components/spreadsheet-overview.mdx b/docs/xplat/src/content/en/components/spreadsheet-overview.mdx
index f5889398be..043e6bc15d 100644
--- a/docs/xplat/src/content/en/components/spreadsheet-overview.mdx
+++ b/docs/xplat/src/content/en/components/spreadsheet-overview.mdx
@@ -23,8 +23,6 @@ The {Platform} Spreadsheet (Excel viewer) component is lightweight, feature-ric
-
-
## Functionality
- Features
@@ -135,8 +133,6 @@ ModuleManager.register(
-
-
## Usage
Now that the {Platform} spreadsheet module is imported, next is the basic configuration of the spreadsheet.
diff --git a/docs/xplat/src/content/jp/components/charts/types/bar-chart.mdx b/docs/xplat/src/content/jp/components/charts/types/bar-chart.mdx
index ce1803a394..69e1d5e152 100644
--- a/docs/xplat/src/content/jp/components/charts/types/bar-chart.mdx
+++ b/docs/xplat/src/content/jp/components/charts/types/bar-chart.mdx
@@ -124,8 +124,6 @@ import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
-
-
## {Platform} 範囲棒チャート
{Platform} 範囲棒チャートは、範囲チャートのグループに属し、従来の[カテゴリ棒チャート](bar-chart.mdx#{PlatformLower}-棒チャートの例)のように左から伸びるのではなく、チャートのプロット領域の中央に表示できる水平の長方形を使用して描画されます。このタイプのシリーズは、一定期間内の同一データ ポイントの低値と高値の変化量を強調したり、複数の項目を比較したりするために使用されます。
diff --git a/docs/xplat/src/content/jp/components/charts/types/column-chart.mdx b/docs/xplat/src/content/jp/components/charts/types/column-chart.mdx
index 589205d78e..4bbfa495e5 100644
--- a/docs/xplat/src/content/jp/components/charts/types/column-chart.mdx
+++ b/docs/xplat/src/content/jp/components/charts/types/column-chart.mdx
@@ -26,8 +26,6 @@ import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
-
-
## 縦棒チャートの推奨事項
### 縦棒チャートのユース ケース
@@ -65,8 +63,6 @@ import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
-
-
## 複数シリーズの {Platform} 縦棒チャート
縦棒チャートは、比較のためにカテゴリごとに複数の列を描画できます。 コントロールでこのチャート タイプを作成するには、以下の例のように、データをバインドし、 プロパティを **Column** 値に設定します:
@@ -76,9 +72,6 @@ import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
-
-
-
## {Platform} 縦棒チャートのスタイル設定
{Platform} 縦棒チャートには、外観のスタイル設定と変更のための多くのオプションがあります。
@@ -90,8 +83,6 @@ import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
-
-
## 高度なタイプの縦棒チャート
次のセクションでは、簡略化された API を使用した コントロールの代わりに コントロールを使用して作成できる、より高度なタイプの {Platform} 縦棒チャートについて説明します。
@@ -108,8 +99,6 @@ import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
-
-
## {Platform} 積層型縦棒チャート
積層型縦棒チャートは、シリーズが横ではなく上に表示されることを除いて、すべての面で[カテゴリ縦棒チャート](./column-chart.mdx#{PlatformLower}-縦棒チャートの例)に似ています。積層型縦棒チャートは、シリーズ間の結果の比較を示すために使用されます。コレクションのそれぞれの積層フラグメントは各積層の視覚的な要素を表します。各積層は正の値と負の値の両方を含みます。正の値はいずれも Y 軸の正の側にグループ化され、負の値は Y 軸の負の側にグループ化されます。積層型縦棒チャートは[積層型棒チャート](./stacked-chart.mdx#{PlatformLower}-積層型棒チャート)と同じデータプロットの概念を使用していますが、データ ポイントは横の線 (X 軸) に沿ってではなく、縦の線 (Y 軸) に沿って積層されます。
@@ -121,8 +110,6 @@ import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
-
-
## {Platform} 積層型 100% 縦棒チャート
積層型 100% 縦棒チャートは、Y 軸上の値の取り扱いを除いたすべての面で[積層型縦棒チャート](./stacked-chart.mdx#{PlatformLower}-積層型縦棒チャート)と同じです。データを直接表現するのでなく、積層型 100 縦棒は、データ ポイント内のすべての値の合計の割合でデータを表します。
@@ -134,8 +121,6 @@ import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
-
-
## {Platform} 範囲縦棒チャート
{ProductName} 範囲縦棒チャートは、範囲チャートのグループに属し、従来の[カテゴリ縦棒チャート](./column-chart.mdx#{PlatformLower}-縦棒チャートの例)のように下から伸びるのではなく、チャートのプロット領域の中央に表示できる垂直の長方形を使用して描画されます。このタイプのシリーズは、同じデータ ポイントの低い値と高い値の間の変化量を強調します一定期間、または複数の項目を比較します。範囲値は Y 軸に表示され、カテゴリは X 軸に表示されます。
@@ -149,8 +134,6 @@ import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
-
-
## {Platform} ラジアル縦棒チャート
ラジアル縦棒チャートは、[ラジアル チャート](./radial-chart.mdx)のグループに属し、チャートの中心からデータ ポイントの位置に向かって伸びる長方形のコレクションを使用して描画されます。これは[カテゴリ縦棒チャート](./column-chart.mdx#{PlatformLower}-縦棒チャートの例)と同じデータ プロットの概念を使用していますが、データ ポイントを横の線に並べるのではなく、データ ポイントを円でラップします。
@@ -162,8 +145,6 @@ import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
-
-
## その他のリソース
関連するチャートタイプの詳細については、以下のトピックを参照してください。
diff --git a/docs/xplat/src/content/jp/components/inputs/highlight.mdx b/docs/xplat/src/content/jp/components/inputs/highlight.mdx
index 1334c443ac..6287e85922 100644
--- a/docs/xplat/src/content/jp/components/inputs/highlight.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/highlight.mdx
@@ -17,7 +17,7 @@ import DocsAside from 'igniteui-astro-components/components/mdx/DocsAside.astro'
{ProductName} Highlight は、ページ内コンテンツの一部を強調表示して、ユーザーの目につきやすくするためのコンポーネントです。軽量で扱いやすく、他のコンポーネントと組み合わせることで、よりインタラクティブで魅力的な UI を構築できます。
-
+
## 使用方法
diff --git a/src/html-to-md.ts b/src/html-to-md.ts
index 866641d412..e0a0935b45 100644
--- a/src/html-to-md.ts
+++ b/src/html-to-md.ts
@@ -64,7 +64,8 @@ export function buildHtmlToMdConverter() {
// script/style — runtime scripts and CSS
// igc-icon — decorative web-component icons (chevrons, etc.)
// igc-icon-button — heading anchor-link buttons added by rehype
- td.remove(['script', 'style', 'igc-icon', 'igc-icon-button']);
+ // igc-divider — visual separators carry no meaning in plain text LLM output
+ td.remove(['script', 'style', 'igc-icon', 'igc-icon-button', 'igc-divider']);
// ── Turndown rules ────────────────────────────────────────────────────
// Custom rules transform site-specific HTML patterns into clean Markdown
@@ -105,12 +106,6 @@ export function buildHtmlToMdConverter() {
replacement: (content: string) => content,
});
- // Decorative half-dividers -> drop
- td.addRule('divider', {
- filter: (node: Element) => node.nodeName === 'DIV' && (node.getAttribute('class') || '').includes('divider--half'),
- replacement: () => '',
- });
-
return td;
}
diff --git a/src/plugins/remark-html-transforms.ts b/src/plugins/remark-html-transforms.ts
index 701010ae78..beb3a5fe2f 100644
--- a/src/plugins/remark-html-transforms.ts
+++ b/src/plugins/remark-html-transforms.ts
@@ -2,13 +2,12 @@
* Remark plugin: inline HTML transforms.
*
* Handles legacy HTML patterns in markdown content:
- * - `` → `
`
+ * - Rewrites relative `../images/` sources to root-relative paths
* - Normalizes code block language identifiers to lowercase
*/
import { visit } from 'unist-util-visit';
-const DIVIDER_PATTERN = /\s*<\/div>/g;
const IMG_SRC_PATTERN = /src="(\.\.\/)+images\//g;
/** Remark plugin that transforms legacy HTML patterns in the AST. */
@@ -17,9 +16,8 @@ export function remarkHtmlTransforms() {
return (tree: any) => {
// eslint-disable-next-line @typescript-eslint/no-explicit-any
visit(tree, (node: any) => {
- // Inline HTML: divider → hr, relative img src → root-relative
+ // Inline HTML: relative img src → root-relative
if (node.type === 'html' && node.value) {
- node.value = (node.value as string).replace(DIVIDER_PATTERN, '
');
node.value = (node.value as string).replace(IMG_SRC_PATTERN, 'src="/images/');
}