` as well
- `itemSize` - the size of the items that will be displayed (in `px`)
-In order to assure uniqueness of the items, pass `item` inside of the
input and `index` inside of the
input of the `igx-drop-down-item`.
+In order to assure uniqueness of the items, pass `item` inside of the
input and `index` inside of the
input of the `igx-drop-down-item`.
To preserve selection while scrolling, the drop-down item needs to have a reference to the data items it is bound to.
-For the drop-down to work with a virtualized list of items, and inputs **must** be passed to all items.
+For the drop-down to work with a virtualized list of items, and inputs **must** be passed to all items.
It is strongly advised for each item to have an unique value passed to the `[value]` input. Otherwise, it might lead to unexpected results (incorrect selection).
diff --git a/docs/angular/src/content/en/components/drop-down.mdx b/docs/angular/src/content/en/components/drop-down.mdx
index d0755240fa..fcb3651251 100644
--- a/docs/angular/src/content/en/components/drop-down.mdx
+++ b/docs/angular/src/content/en/components/drop-down.mdx
@@ -154,7 +154,7 @@ export class MyDropDownComponent {
### Grouping items
-To provide a more useful visual information, use the property to group items semantically or the property to display an item as a non-interactive. You can also set the property on a particular item to make it the selected item. The `igx-drop-down` items have out-of-the-box support for `igxPrefix`, `igxSuffix`, and `igx-divider` directives that can contain or be set on HTML elements or other web components.
+To provide a more useful visual information, use the property to group items semantically or the property to display an item as a non-interactive. You can also set the property on a particular item to make it the selected item. The `igx-drop-down` items have out-of-the-box support for `igxPrefix`, `igxSuffix`, and `igx-divider` directives that can contain or be set on HTML elements or other web components.
```html
{/* dropdown.component.html */}
@@ -341,7 +341,7 @@ The following sample demonstrates how to implement a multi-level drop down menu
For the implementation of the multi-level drop down menu we will use the as well as a custom directive and service described below.
-In order to configure the to open an additional drop down, add the `multiLevel` directive that would handle the of the nested drop down and manages its opened/closed state through its `innerDropdown` property.
+In order to configure the to open an additional drop down, add the `multiLevel` directive that would handle the of the nested drop down and manages its opened/closed state through its `innerDropdown` property.
```html
diff --git a/docs/angular/src/content/en/components/excel-library-using-cells.mdx b/docs/angular/src/content/en/components/excel-library-using-cells.mdx
index 91bdc727ca..b6a4380e2a 100644
--- a/docs/angular/src/content/en/components/excel-library-using-cells.mdx
+++ b/docs/angular/src/content/en/components/excel-library-using-cells.mdx
@@ -126,7 +126,7 @@ The following code shows you how to add a formula to a cell.
## Copying a Cell’s Format
-Cells can have different formatting, including background color, format string, and font style. If you need a cell to have the same format as a previously formatted cell, instead of individually setting each option exposed by the object’s property, you can call the object’s `SetFormatting` method and pass it a object to copy. This will copy every format setting from the first cell to the second cell. You can also do this for a row, merged cell region, or column.
+Cells can have different formatting, including background color, format string, and font style. If you need a cell to have the same format as a previously formatted cell, instead of individually setting each option exposed by the object’s property, you can call the object’s `SetFormatting` method and pass it a object to copy. This will copy every format setting from the first cell to the second cell. You can also do this for a row, merged cell region, or column.
The following code shows you how to copy the format of the 2nd column to the 4th column:
@@ -251,7 +251,7 @@ When the older formats are opened in Microsoft Excel 2003 and earlier versions,
## Excel Format Support
-You can set a host of different formats on a by using the object returned by the property of that cell. This object enables you to style many different aspects of the cell such as borders, font, fill, alignments, and whether or not the cell should shrink to fit or be locked.
+You can set a host of different formats on a by using the object returned by the property of that cell. This object enables you to style many different aspects of the cell such as borders, font, fill, alignments, and whether or not the cell should shrink to fit or be locked.
You can also access the built-in styles to Microsoft Excel 2007 using the `Styles` collection of the object. The full list of styles in Excel can be found in the Cell Styles gallery of the Home tab of Microsoft Excel 2007.
@@ -261,7 +261,7 @@ The `NormalStyle` contains the default properties for all cells in the workbook,
You can clear the `Styles` collection or reset it to its predefined state by using the `Clear` and `Reset` methods, respectively. Both of these will remove all user-defined styles, but `Clear` will clear the `Styles` collection entirely.
-With this feature, a `Style` property has been added to the object. This is a reference to a instance, representing the parent style of the format. For formats of a style, this property will always be null, because styles cannot have a parent style. For row, column, and cell formats, the `Style` property always returns the `NormalStyle` by default.
+With this feature, a `Style` property has been added to the object. This is a reference to a instance, representing the parent style of the format. For formats of a style, this property will always be null, because styles cannot have a parent style. For row, column, and cell formats, the `Style` property always returns the `NormalStyle` by default.
If the `Style` property is set to null, it will revert back to the `NormalStyle`. If it is set to another style in the styles collection, that style will now hold the defaults for all unset properties on the cell format.
@@ -271,7 +271,7 @@ When a format option flag is removed from a format, all associated properties ar
You can determine what would really be seen in cells by using the `GetResolvedCellFormat` method on classes which represent a row, column, cell, and merged cell.
-This method returns a instance which refers back to the associated on which it is based. So subsequent changes to the property will be reflected in the instance returned from a `GetResolvedCellFormat` call.
+This method returns a instance which refers back to the associated on which it is based. So subsequent changes to the property will be reflected in the instance returned from a `GetResolvedCellFormat` call.
## Merging Cells
@@ -363,17 +363,17 @@ var cellText = worksheet.rows(0).cells(0).getText();
## API References
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/docs/angular/src/content/en/components/excel-library-using-tables.mdx b/docs/angular/src/content/en/components/excel-library-using-tables.mdx
index fa8a66b929..a4090c61c3 100644
--- a/docs/angular/src/content/en/components/excel-library-using-tables.mdx
+++ b/docs/angular/src/content/en/components/excel-library-using-tables.mdx
@@ -98,7 +98,7 @@ Sorting is done by setting a sorting condition on a table column. When a sorting
If the data in the table is subsequently changed, the sort conditions do not automatically reevaluate. The sort conditions in a table are only reapplied when sort conditions are added, removed, modified, or when the `ReapplySortConditions` method is called on the table. When sorting conditions are reevaluated, only the visible cells are sorted. All cells in hidden rows are kept in place.
-In addition to accessing sort conditions from the table columns, they are also exposed off the 's property's `SortConditions` collection. This is an ordered collection of columns/sort condition pairs. The order of this collection is the precedence of the sorting.
+In addition to accessing sort conditions from the table columns, they are also exposed off the 's SortSettings property's `SortConditions` collection. This is an ordered collection of columns/sort condition pairs. The order of this collection is the precedence of the sorting.
The following sort condition types are available to set on columns:
@@ -107,7 +107,7 @@ The following sort condition types are available to set on columns:
- `FillSortCondition` - Sort cells based on whether their fill is a specific pattern or gradient.
- `FontColorSortCondition` - Sort cells based on whether their font is a specific color.
-There is also a `CaseSensitive` property on the of the to determine whether strings should be sorted case sensitively or not.
+There is also a `CaseSensitive` property on the SortSettings of the to determine whether strings should be sorted case sensitively or not.
The following code snippet demonstrates how to apply an `OrderedSortCondition` to a :
@@ -127,5 +127,5 @@ table.sortSettings.sortConditions().addItem(table.columns(0), new OrderedSortCon
## API References
-
-
+
+
diff --git a/docs/angular/src/content/en/components/excel-library-using-workbooks.mdx b/docs/angular/src/content/en/components/excel-library-using-workbooks.mdx
index d664a357dd..8b8b10d39d 100644
--- a/docs/angular/src/content/en/components/excel-library-using-workbooks.mdx
+++ b/docs/angular/src/content/en/components/excel-library-using-workbooks.mdx
@@ -24,7 +24,7 @@ The Infragistics Angular Excel Engine enables you to save data to and load data
## Change Default Font
-First create a new instance of . Next, add the new font to the `Styles` collection of the . This style contains the default properties for all cells in the workbook, unless otherwise specified on a row, column, or cell. Changing properties of the style will change the default cell format properties in the workbook.
+First create a new instance of . Next, add the new font to the `Styles` collection of the . This style contains the default properties for all cells in the workbook, unless otherwise specified on a row, column, or cell. Changing properties of the style will change the default cell format properties in the workbook.
```ts
var workbook = new Workbook();
@@ -110,6 +110,6 @@ var protection = workbook.protection;
## API References
-
-
-
+
+
+
diff --git a/docs/angular/src/content/en/components/excel-library-using-worksheets.mdx b/docs/angular/src/content/en/components/excel-library-using-worksheets.mdx
index c293574821..f7e8a39e52 100644
--- a/docs/angular/src/content/en/components/excel-library-using-worksheets.mdx
+++ b/docs/angular/src/content/en/components/excel-library-using-worksheets.mdx
@@ -102,7 +102,7 @@ worksheet.protect();
You can also use the object's `Protect` method to protect a worksheet against structural changes.
-When protection is set, you can set the object's `Locked` property on individual cells, rows, merged cell regions, or columns to override the worksheet object's protection on those objects. For example, if you need all cells of a worksheet to be read-only except for the cells of one column, you can protect the worksheet and then set the object's `Locked` property to **false** on a specific object. This will allow your users to edit cells within the column while disabling editing of the other cells in the worksheet.
+When protection is set, you can set the object's `Locked` property on individual cells, rows, merged cell regions, or columns to override the worksheet object's protection on those objects. For example, if you need all cells of a worksheet to be read-only except for the cells of one column, you can protect the worksheet and then set the object's `Locked` property to **false** on a specific object. This will allow your users to edit cells within the column while disabling editing of the other cells in the worksheet.
The following code demonstrates how you can do this:
@@ -236,9 +236,9 @@ worksheet.protect();
You can configure the conditional formatting of a object by using the many "Add" methods exposed on the `ConditionalFormats` 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.
-Many of the conditional formats that you can add to your worksheet have a property that determines the way that the elements should look when the condition in that conditional format holds true. For example, you can use the properties attached to this property such as `Fill` and `Font` to determine the background and font settings of your cells under a particular conditional format, respectively.
+Many of the conditional formats that you can add to your worksheet have a property that determines the way that the elements should look when the condition in that conditional format holds true. For example, you can use the properties attached to this property such as `Fill` and `Font` to determine the background and font settings of your cells under a particular conditional format, respectively.
-There are a few conditional formats that do not have a property, as their visualization on the worksheet cell behaves differently. These conditional formats are the , , and `IconSetConditionalFormat`.
+There are a few conditional formats that do not have a property, as their visualization on the worksheet cell behaves differently. These conditional formats are the , , and `IconSetConditionalFormat`.
When loading a pre-existing from Excel, the formats will be preserved when that is loaded. The same is true for when you save the out to an Excel file.
@@ -260,13 +260,13 @@ format.cellFormat.font.colorInfo = new WorkbookColorInfo(color);
## API References
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
diff --git a/docs/angular/src/content/en/components/excel-library-working-with-charts.mdx b/docs/angular/src/content/en/components/excel-library-working-with-charts.mdx
index ce263b4d59..5c25e4b830 100644
--- a/docs/angular/src/content/en/components/excel-library-working-with-charts.mdx
+++ b/docs/angular/src/content/en/components/excel-library-working-with-charts.mdx
@@ -47,4 +47,4 @@ chart.setSourceData("A2:M6", true);
## API References
-
+
diff --git a/docs/angular/src/content/en/components/excel-library-working-with-grids.mdx b/docs/angular/src/content/en/components/excel-library-working-with-grids.mdx
index d8804d3b60..908a1576bd 100644
--- a/docs/angular/src/content/en/components/excel-library-working-with-grids.mdx
+++ b/docs/angular/src/content/en/components/excel-library-working-with-grids.mdx
@@ -31,4 +31,4 @@ TODO
## API References
-
+
diff --git a/docs/angular/src/content/en/components/excel-library-working-with-sparklines.mdx b/docs/angular/src/content/en/components/excel-library-working-with-sparklines.mdx
index 4ad7cf430a..868143eead 100644
--- a/docs/angular/src/content/en/components/excel-library-working-with-sparklines.mdx
+++ b/docs/angular/src/content/en/components/excel-library-working-with-sparklines.mdx
@@ -45,4 +45,4 @@ workbook.save(workbook, "Sparklines.xlsx");
## API References
-
+
diff --git a/docs/angular/src/content/en/components/excel-library.mdx b/docs/angular/src/content/en/components/excel-library.mdx
index be8dcbacce..7dada53cdc 100644
--- a/docs/angular/src/content/en/components/excel-library.mdx
+++ b/docs/angular/src/content/en/components/excel-library.mdx
@@ -177,5 +177,5 @@ Modify `angular.json` by setting the `vendorSourceMap` option under architect =>
## API References
-
-
+
+
diff --git a/docs/angular/src/content/en/components/excel-utility.mdx b/docs/angular/src/content/en/components/excel-utility.mdx
index c3c44a21d5..9ed7c6fada 100644
--- a/docs/angular/src/content/en/components/excel-utility.mdx
+++ b/docs/angular/src/content/en/components/excel-utility.mdx
@@ -127,6 +127,6 @@ export class ExcelUtility {
## API References
-
-
-
+
+
+
diff --git a/docs/angular/src/content/en/components/expansion-panel.mdx b/docs/angular/src/content/en/components/expansion-panel.mdx
index 6ecedb2189..e2e6243b2c 100644
--- a/docs/angular/src/content/en/components/expansion-panel.mdx
+++ b/docs/angular/src/content/en/components/expansion-panel.mdx
@@ -456,7 +456,7 @@ See the [igxAccordion topic](/accordion)
## API Reference
--
+-
-
-
- [IgxExpansionPanel Styles]({environment:sassApiUrl}/themes#mixin-expansion-panel)
diff --git a/docs/angular/src/content/en/components/for-of.mdx b/docs/angular/src/content/en/components/for-of.mdx
index dc09ef4b47..f5bb92a286 100644
--- a/docs/angular/src/content/en/components/for-of.mdx
+++ b/docs/angular/src/content/en/components/for-of.mdx
@@ -213,7 +213,7 @@ public ngAfterViewInit() {
}
```
-When requesting data you can take advantage of the interface, which provides the and properties. Note that initially the chunkSize will be 0, so you have to specify the size of the first loaded chunk (the best value is the initial divided by the ).
+When requesting data you can take advantage of the interface, which provides the and properties. Note that initially the chunkSize will be 0, so you have to specify the size of the first loaded chunk (the best value is the initial divided by the ).
```typescript
public getData(data?: IForOfState, cb?: (any) => void): any {
diff --git a/docs/angular/src/content/en/components/general/update-guide.mdx b/docs/angular/src/content/en/components/general/update-guide.mdx
index f5b1124258..aaacf629a2 100644
--- a/docs/angular/src/content/en/components/general/update-guide.mdx
+++ b/docs/angular/src/content/en/components/general/update-guide.mdx
@@ -1187,7 +1187,7 @@ The was completel
- API changes
- The `id`, `itemStyle`, `panels`, `viewTabs`, `contentTabs` and `tabs` properties were removed. Currently, the property returns the collection of tabs.
- The following properties were changed:
- - The tab item's `isSelected` property was renamed to .
+ - The tab item's `isSelected` property was renamed to `selected`.
- The `selectedTab` property was renamed to .
- The `onTabSelected` and `onTabDeselected` events were removed. We introduced three new events, , and , which provide more flexibility and control over the tabs' selection. Unfortunately, having an adequate migration for these event changes is complicated to say the least, so any errors should be handled at project level.
diff --git a/docs/angular/src/content/en/components/geo-map-binding-multiple-shapes.mdx b/docs/angular/src/content/en/components/geo-map-binding-multiple-shapes.mdx
index 21d66fb710..f101c4c8a4 100644
--- a/docs/angular/src/content/en/components/geo-map-binding-multiple-shapes.mdx
+++ b/docs/angular/src/content/en/components/geo-map-binding-multiple-shapes.mdx
@@ -1,9 +1,9 @@
----
+---
title: "Angular Map | Data Visualization Tools | Binding Multiple Data Shapes | Infragistics"
description: Use Infragistics' Angular to add multiple geographic series objects to overlay a few shapefiles with geo-spacial data. View Ignite UI for Angular map tutorials!
keywords: "Angular map, shape files, Ignite UI for Angular, Infragistics, data binding"
license: commercial
-mentionedTypes: ["GeographicMap", "ShapefileConverter", "Series", "GeographicShapeSeriesBase"]
+mentionedTypes: ["GeographicMap", "ShapefileRecord", "Series", "GeographicShapeSeriesBase"]
namespace: Infragistics.Controls.Maps
---
import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
@@ -23,7 +23,7 @@ In the Ignite UI for Angular map, you can add multiple geographic series objects
-This topic takes you step-by-step towards displaying multiple geographic series in the map component. All geographic series plot following geo-spatial data loaded from shape files using the class. Refer to the [Binding Shape Files](geo-map-binding-shp-file.md) topic for more information about object.
+This topic takes you step-by-step towards displaying multiple geographic series in the map component. All geographic series plot following geo-spatial data loaded from shape files using the class. Refer to the [Binding Shape Files](geo-map-binding-shp-file.md) topic for more information about object.
- – displays locations of major cities
- – displays routes between major ports
@@ -124,7 +124,7 @@ Next, we need to create a map with a few Geographic Series that will later load
## Loading Shapefiles
-Next, in constructor of your page, add a for each shapefile that you want to display in the geographic map component.
+Next, in constructor of your page, add a for each shapefile that you want to display in the geographic map component.
@@ -162,7 +162,7 @@ sdsLocations.dataBind();
## Processing Polygons
-Process shapes data loaded in with of countries of the world and assign it to object.
+Process shapes data loaded in with of countries of the world and assign it to object.
```ts
import { IgrGeographicShapeSeries } from 'igniteui-react-maps';
@@ -241,7 +241,7 @@ public onPolygonsLoaded(sds: IgcShapeDataSource, e: any) {
## Processing Polyline
-Process shapes data loaded in with communication routes between major cities and assign it to object.
+Process shapes data loaded in with communication routes between major cities and assign it to object.
```ts
import { IgrGeographicPolylineSeries } from 'igniteui-react-maps';
@@ -328,7 +328,7 @@ public onPolylinesLoaded(sds: IgcShapeDataSource, e: any) {
## Processing Points
-Process shapes data loaded in with locations of major cities and assign it to object.
+Process shapes data loaded in with locations of major cities and assign it to object.
```ts
import { IgrGeographicSymbolSeries } from 'igniteui-react-maps';
@@ -585,4 +585,4 @@ export class MapBindingMultipleShapesComponent implements AfterViewInit {
-
+
diff --git a/docs/angular/src/content/en/components/geo-map-binding-shp-file.mdx b/docs/angular/src/content/en/components/geo-map-binding-shp-file.mdx
index a0fb18b483..6dd254b1f3 100644
--- a/docs/angular/src/content/en/components/geo-map-binding-shp-file.mdx
+++ b/docs/angular/src/content/en/components/geo-map-binding-shp-file.mdx
@@ -1,16 +1,16 @@
----
+---
title: "Angular Map | Data Visualization Tools | Binding Geographic Shape Files | Infragistics"
description: Use Infragistics' Angular JavaScript map to load geo-spatial data from shape files. View Ignite UI for Angular map demos!
keywords: "Angular map, shapefiles, Ignite UI for Angular, Infragistics, data binding"
license: commercial
-mentionedTypes: ["GeographicMap", "ShapefileConverter", "Series", "GeographicShapeSeriesBase"]
+mentionedTypes: ["GeographicMap", "ShapefileRecord", "Series", "GeographicShapeSeriesBase"]
---
import Sample from 'igniteui-astro-components/components/mdx/Sample.astro';
import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
# Angular Binding Shape Files with Geo-spatial Data
-The Ignite UI for Angular map component, the class loads geo-spatial data (points/locations, polylines, polygons) from shape files and converts it to a collection of objects.
+The Ignite UI for Angular map component, the class loads geo-spatial data (points/locations, polylines, polygons) from shape files and converts it to a collection of `IgxShapefileRecord` objects.
## Angular Binding Shape Files with Geo-spatial Data Example
@@ -23,7 +23,7 @@ The Ignite UI for Angular map component, the