diff --git a/kr/components/bullet-graph.md b/kr/components/bullet-graph.md index 7a868006a5..18961e4b2a 100644 --- a/kr/components/bullet-graph.md +++ b/kr/components/bullet-graph.md @@ -28,8 +28,6 @@ The following sample demonstrates how setting multiple properties on the same ga This gauge supports one scale, one set of tick marks and one set of labels. The component also has built-in support for animated transitions. This animation is easily customizable by setting the `transitionDuration` property. The features of the bullet graph include configurable orientation and direction, configurable visual elements such as the needle, and more. - - ## Dependencies When installing the gauge package, the core package must also be installed. @@ -37,8 +35,6 @@ When installing the gauge package, the core package must also be installed. - **npm install --save igniteui-angular-core** - **npm install --save igniteui-angular-gauges** - - ## Component Modules The [`IgxBulletGraphComponent`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_gauges.igxbulletgraphcomponent.html) requires the following modules: diff --git a/kr/components/charts/chart-overview.md b/kr/components/charts/chart-overview.md index 55afa16e9c..7d7d403cc7 100644 --- a/kr/components/charts/chart-overview.md +++ b/kr/components/charts/chart-overview.md @@ -327,9 +327,7 @@ If you are considering any other Angular Charts on the market, here are a few th - We are here 24x5. Infragistics has global support that is always online. For North America, Asia Pacific, Middle East, and Europe, we are on the clock when you are! - We have many more UI controls in Angular besides the Charts. We offer a complete Angular solution to build your applications! - + - Ignite UI for Angular is built on Angular for the Angular developer, with zero 3rd party dependencies. We are 100% optimized for Angular. - We offer the world’s first, and only, end-to-end comprehensive design to code platform for UX Designers, Visual Designers, and Developers that will generate pixel-perfect Angular controls from Figma designs. With Indigo.Design, everything you craft in Figma from our Indigo Design System matches to our Ignite UI for Angular controls. - - diff --git a/kr/components/charts/features/chart-axis-gridlines.md b/kr/components/charts/features/chart-axis-gridlines.md index 3df45e6bf0..31e92eb8e1 100644 --- a/kr/components/charts/features/chart-axis-gridlines.md +++ b/kr/components/charts/features/chart-axis-gridlines.md @@ -10,7 +10,7 @@ mentionedTypes: ["CategoryChart"] All Ignite UI for Angular charts include built-in capability to modify appearance of axis lines as well as frequency of major/minor gridlines and tickmarks that are rendered on the X-Axis and Y-Axis. -> \[!Note] +> [!Note] > The following examples can be applied to [`IgxCategoryChartComponent`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_charts.igxcategorychartcomponent.html) as well as [`IgxFinancialChartComponent`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_charts.igxfinancialchartcomponent.html) controls. Axis major gridlines are long lines that extend horizontally along the Y-Axis or vertically along the X-Axis from locations of axis labels, and they render through the plot area of the chart. Axis minor gridlines are lines that render between axis major gridlines. diff --git a/kr/components/charts/features/chart-axis-layouts.md b/kr/components/charts/features/chart-axis-layouts.md index 1245e81069..9c6db04a31 100644 --- a/kr/components/charts/features/chart-axis-layouts.md +++ b/kr/components/charts/features/chart-axis-layouts.md @@ -10,7 +10,7 @@ mentionedTypes: [ "CategoryChart", "XamDataChart" ] All Ignite UI for Angular charts include options to configure many axis layout options such as location, gap, and overlap as well as having the ability to share axes and have multiple axes in the same chart. These features are demonstrated in the examples given below. -> \[!Note] +> [!Note] > The following examples can be applied to [`IgxCategoryChartComponent`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_charts.igxcategorychartcomponent.html) as well as [`IgxFinancialChartComponent`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_charts.igxfinancialchartcomponent.html) controls. ## Axis Gap Example diff --git a/kr/components/charts/features/chart-navigation.md b/kr/components/charts/features/chart-navigation.md index 2d3bd1a807..0c0bc57c0c 100644 --- a/kr/components/charts/features/chart-navigation.md +++ b/kr/components/charts/features/chart-navigation.md @@ -52,7 +52,7 @@ The zoom and pan operations can also be enabled by using modifier keys by settin ## Chart Navigation through Code -> \[!Note] +> [!Note] > Code navigation of the chart can only be used for the [`IgxDataChartComponent`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_charts.igxdatachartcomponent.html) control. The Angular data chart provides several navigation properties that are updated each time a zoom or pan operation happens in the chart. You can also set each of these properties to zoom or pan the data chart programmatically. The following is a list of these properties: diff --git a/kr/components/charts/features/chart-performance.md b/kr/components/charts/features/chart-performance.md index b756a591de..8858796c04 100644 --- a/kr/components/charts/features/chart-performance.md +++ b/kr/components/charts/features/chart-performance.md @@ -181,7 +181,7 @@ Enabling [Chart Trendlines](chart-trendlines.md) will slightly decrease performa Usage of x-axis with DateTime support is not recommended if spaces between data points, based on the amount of time span between them, are not important. Instead, ordinal/category axis should be used because it is more efficient in the way it coalesces data. Also, ordinal/category axis doesn’t perform any sorting on the data like the time-based x-axis does. -> \[!Note] +> [!Note] > The [`IgxCategoryChartComponent`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_charts.igxcategorychartcomponent.html) already uses ordinal/category axis so there is no need to change its properties. This code snippet shows how to ordinal/category x-axis in the [`IgxFinancialChartComponent`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_charts.igxfinancialchartcomponent.html) and [`IgxDataChartComponent`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_charts.igxdatachartcomponent.html) controls. @@ -198,7 +198,7 @@ This code snippet shows how to ordinal/category x-axis in the [`IgxFinancialChar By default, Angular charts will automatically calculate [`yAxisInterval`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_charts.igxcategorychartcomponent.html#yAxisInterval) based on range of your data. Therefore, you should avoid setting axis interval especially to a small value to prevent rendering of too many of axis gridlines and axis labels. Also, you might want to consider increasing [`yAxisInterval`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_charts.igxcategorychartcomponent.html#yAxisInterval) property to a larger value than the automatically calculated axis interval if you do not need many axis gridlines or axis labels. -> \[!Note] +> [!Note] > we do not recommend setting axis minor interval as it will decrease chart performance. This code snippet shows how to set axis major interval in the Angular charts. diff --git a/kr/components/excel-library.md b/kr/components/excel-library.md index ad61af526c..4a07535f8c 100644 --- a/kr/components/excel-library.md +++ b/kr/components/excel-library.md @@ -72,14 +72,14 @@ The following is a list of the supported versions of Excel.\*\* - Microsoft Excel 2016 -> \[!Note] +> [!Note] > The Excel Library does not support the Excel Binary Workbook (.xlsb) format at this time. ## Load and Save Workbooks Now that the Excel Library module is imported, next step is to load a workbook. -> \[!Note] +> [!Note] > > In the following code snippet, an external [ExcelUtility](excel-utility.md) class is used to save and load a [`workbook`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_excel.sheet.html#workbook). @@ -96,8 +96,6 @@ ExcelUtility.save(workbook, "fileName"); ``` - -
## Managing Heap @@ -132,5 +130,3 @@ Modify `angular.json` by setting the `vendorSourceMap` option under architect => // ... } ``` - - diff --git a/kr/components/general-changelog-dv.md b/kr/components/general-changelog-dv.md index 9a2ddb2dd4..789cf1823f 100644 --- a/kr/components/general-changelog-dv.md +++ b/kr/components/general-changelog-dv.md @@ -10,12 +10,8 @@ mentionedTypes: ["SeriesViewer", "XYChart", "DomainChart", "XamGeographicMap"] All notable changes for each version of Ignite UI for Angular are documented on this page. - - -> \[!Note] -> For changes specific to Angular LOB components, please see [Ignite UI Angular Changes](https://github.com/igniteui/igniteui-angular/blob/master/changelog.md) - - +> [!Note] +> For changes specific to Angular LOB components, please see [Ignite UI Angular Changes](https://github.com/IgniteUI/igniteui-angular/blob/master/CHANGELOG.md)
@@ -119,7 +115,7 @@ for example: ### Geographic Map -> \[!Note] +> [!Note] > These features are CTP - Added support for wrap around display of the map (scroll infinitely horizontally) @@ -133,15 +129,13 @@ for example:
- - ## **Angular 8.2.12** - Changed Import Statements Import statements have been simplified to use just package names instead of full paths to API classes and enums. -> \[!Note] +> [!Note] > These breaking changes were introduce in these packages and components only: | Affected Packages | Affected Components | @@ -201,5 +195,3 @@ import { IgxDataChartCoreModule } from "igniteui-webcomponents-charts/ES5/igx-da import { IgxGeographicMapComponent } from "igniteui-webcomponents-maps/ES5/igx-geographic-map-component"; import { IgxGeographicMapModule } from "igniteui-webcomponents-maps/ES5/igx-geographic-map-module"; ``` - - diff --git a/kr/components/general-licensing.md b/kr/components/general-licensing.md index 63ea96cf67..d5bae783d7 100644 --- a/kr/components/general-licensing.md +++ b/kr/components/general-licensing.md @@ -9,12 +9,12 @@ _language: kr It is important to know all the [legal terms and conditions](https://www.infragistics.com/legal/license/igultimate-la) regarding the Ignite UI for Angular that you purchase and use. -> \[!Note] +> [!Note] > We have updated our license terms and subscription model in second quarter of 2020. If you are building a **commercial product** or your license [has expired](http://www.infragistics.com/renewal), you will need to [acquire a commercial license](https://www.infragistics.com/how-to-buy/product-pricing). This will enable you to use our private npm feed hosted on https://packages.infragistics.com/npm/js-licensed/ for development. There you will find the latest versions of the Ignite UI for Angular packages. If you have a valid commercial license, you can use this private feed and you will have access to the full version of Ignite UI for Angular. -> \[!Note] +> [!Note] > Currently only the **igniteui-dockmanager** package is available in our private npm feed, but in the future we will add the other Ignite UI for Angular packages as well. If you are building a **non-commercial** product, [contact us](https://www.infragistics.com/about-us/contact-us) and we will provide you with the appropriate license. @@ -25,7 +25,7 @@ Npm is the most popular package manager and is also the default one for the runt Infragistics Ignite UI for Angular is available as npm packages and you can add them as dependencies to your project in a [few easy steps](./general-getting-started.md). Choosing this approach will not require configuring npm. By installing this package you will start using the **Ignite UI for Angular Trial version** of the product. -> \[!Note] +> [!Note] > Currently only the [igniteui-dockmanager](https://www.npmjs.com/package/igniteui-dockmanager) npm package has a trial watermark, but in the future we will add it to the other Ignite UI for Angular packages as well. ## How to setup your environment to use the private npm feed @@ -34,7 +34,7 @@ Infragistics Ignite UI for Angular is available as npm packages and you can add This will allow you to seamlessly use a mix of packages from the public npm registry and the Infragistics private registry. You will be asked to provide the username and the password that you use for logging into your Infragistics account. You should also provide the email that is registered to your Infragistics profile. -> \[!Note] +> [!Note] > **npm** is disallowing the use of the **"@"** symbol inside your username as it is considered as being "not safe for the net". Because your username is actually the email that you use for your Infragistics account it always contains the symbol **"@"**. That's why you must escape this limitation by replacing the **"@"** symbol with **"!!"** (two exclamation marks). For example, if your username is **"username@example.com"** when asked about your username you should provide the following input: **"username!!example.com"**. ### Now, to log in to our private feed using npm, run the adduser command and specify a user account and password: @@ -99,7 +99,7 @@ data-src="../images/general/generate-token.jpg" alt="New Token Generated" title="Generate new token" /> -> \[!Note] +> [!Note] > Each token is with Base64 encoding. - Add the following into your [.npmrc](https://docs.npmjs.com/configuring-npm/npmrc.html) file diff --git a/kr/components/geo-map-display-heat-imagery.md b/kr/components/geo-map-display-heat-imagery.md index 28e5c0bbed..74659e4049 100644 --- a/kr/components/geo-map-display-heat-imagery.md +++ b/kr/components/geo-map-display-heat-imagery.md @@ -14,8 +14,6 @@ It is highly recommended that you review the [Binding Shape Files with Geo-Spati ## Angular Displaying Heat Imagery Example - - ```ts //WebComponents sample not working in CodeSandbox. Remove build flag once this is fixed. ``` @@ -29,8 +27,6 @@ It is highly recommended that you review the [Binding Shape Files with Geo-Spati
- - When a `ShapeDataSource` loads its shape files, it converts that data into [`IgxShapefileRecord`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_core.igxshapefilerecord.html) objects. These objects can be retrieved from the `GetPointData()` method of the `ShapeDataSource` and can then be used to create a heat-map through usage of a [`IgxTileGeneratorMapImagery`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_maps.igxtilegeneratormapimagery.html) object with a [`IgxHeatTileGenerator`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_core.igxheattilegenerator.html) assigned to its `TileGenerator` property. This [`IgxTileGeneratorMapImagery`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_maps.igxtilegeneratormapimagery.html) can then be used in a geographic tile series as its `TileImagery` source. The [`IgxHeatTileGenerator`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_core.igxheattilegenerator.html) object works such that it has three value paths, [`xValues`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_core.igxheattilegenerator.html#xValues), [`yValues`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_core.igxheattilegenerator.html#yValues) and [`values`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_core.igxheattilegenerator.html#values). As an example of how these could be used, in the case of a shape file that has information about population, you could consider the [`xValues`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_core.igxheattilegenerator.html#xValues) to be longitude, [`yValues`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_core.igxheattilegenerator.html#yValues) to be latitude, and [`values`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_core.igxheattilegenerator.html#values) to be the population data. Each of these properties takes a `number[]`. diff --git a/kr/components/geo-map.md b/kr/components/geo-map.md index 681178dd20..a7c7855338 100644 --- a/kr/components/geo-map.md +++ b/kr/components/geo-map.md @@ -33,8 +33,6 @@ For more details: [Microsoft Bing Blogs](https://blogs.bing.com/maps/2025-06/Bing-Maps-for-Enterprise-Basic-Account-shutdown-June-30,2025) - - ## Dependencies To use the geographic map component, you need to first install these packages: @@ -43,8 +41,6 @@ To use the geographic map component, you need to first install these packages: - **npm install --save igniteui-angular-charts** - **npm install --save igniteui-angular-maps** - - ## Component Modules The [`IgxGeographicMapComponent`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_maps.igxgeographicmapcomponent.html) requires the following modules: diff --git a/kr/components/linear-gauge.md b/kr/components/linear-gauge.md index a628a501d7..de68df759e 100644 --- a/kr/components/linear-gauge.md +++ b/kr/components/linear-gauge.md @@ -25,8 +25,6 @@ The following sample demonstrates how setting multiple properties on the same ga
- - ## Dependencies When installing the gauge package, the core package must also be installed. @@ -34,8 +32,6 @@ When installing the gauge package, the core package must also be installed. - **npm install --save igniteui-angular-core** - **npm install --save igniteui-angular-gauges** - - ## Component Modules The [`IgxLinearGaugeComponent`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_gauges.igxlineargaugecomponent.html) requires the following modules: diff --git a/kr/components/radial-gauge.md b/kr/components/radial-gauge.md index 2f28b9b7d5..627dc7cb8b 100644 --- a/kr/components/radial-gauge.md +++ b/kr/components/radial-gauge.md @@ -25,8 +25,6 @@ The following sample demonstrates how setting multiple properties on the same ga
- - ## Dependencies When installing the gauge package, the core package must also be installed. @@ -34,8 +32,6 @@ When installing the gauge package, the core package must also be installed. - **npm install --save igniteui-angular-core** - **npm install --save igniteui-angular-gauges** - - ## Component Modules The [`IgxRadialGaugeComponent`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_gauges.igxradialgaugecomponent.html) requires the following modules: diff --git a/kr/components/spreadsheet-chart-adapter.md b/kr/components/spreadsheet-chart-adapter.md index 78fbcf3ba3..6235b41737 100644 --- a/kr/components/spreadsheet-chart-adapter.md +++ b/kr/components/spreadsheet-chart-adapter.md @@ -83,7 +83,7 @@ There are over 35 chart types supported by the Spreadsheet ChartAdapters includi ## Dependencies -> \[!Note] +> [!Note] > > In the following code snippet, an external [ExcelUtility](excel-utility.md) class is used to save and load a [`workbook`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_spreadsheet.igxspreadsheetcomponent.html#workbook). diff --git a/kr/components/spreadsheet-configuring.md b/kr/components/spreadsheet-configuring.md index 45a552ff64..3b1b7a40e1 100644 --- a/kr/components/spreadsheet-configuring.md +++ b/kr/components/spreadsheet-configuring.md @@ -123,7 +123,7 @@ this.spreadsheet.activeWorksheet.unprotect(); ## Configuring Selection -The [`IgxSpreadsheetComponent`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_spreadsheet.igxspreadsheetcomponent.html) control allows you to configure the type of selection allowed in the control then modifier keys (*SHIFT* or CTRL) are pressed by the user. This is done by setting the [`selectionMode`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_spreadsheet.igxspreadsheetcomponent.html#selectionMode) property of the spreadsheet to one of the following values: +The [`IgxSpreadsheetComponent`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_spreadsheet.igxspreadsheetcomponent.html) control allows you to configure the type of selection allowed in the control then modifier keys (_SHIFT_ or CTRL) are pressed by the user. This is done by setting the [`selectionMode`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_spreadsheet.igxspreadsheetcomponent.html#selectionMode) property of the spreadsheet to one of the following values: - `AddToSelection`: New cell ranges are added to the [`SpreadsheetSelection`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_spreadsheet.spreadsheetselection.html) object's [`cellRanges`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_spreadsheet.spreadsheetselection.html#cellRanges) collection without needing to hold down the CTRL key when dragging via the mouse and a range is added with the first arrow key navigation after entering the mode. One can enter the mode by pressing SHIFT + F8. - `ExtendSelection`: The selection range in the [`SpreadsheetSelection`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_spreadsheet.spreadsheetselection.html) object's [`cellRanges`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_spreadsheet.spreadsheetselection.html#cellRanges) collection representing the active cell is updated as one uses the mouse to select a cell or navigating via the keyboard. diff --git a/kr/components/spreadsheet-overview.md b/kr/components/spreadsheet-overview.md index f41753be75..7c7228e7d4 100644 --- a/kr/components/spreadsheet-overview.md +++ b/kr/components/spreadsheet-overview.md @@ -59,7 +59,7 @@ Now that the spreadsheet module is imported, next is the basic configuration of ``` -> \[!Note] +> [!Note] > > In the following code snippet, an external [ExcelUtility](excel-utility.md) class is used to save and load a [`workbook`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_spreadsheet.igxspreadsheetcomponent.html#workbook). diff --git a/kr/components/zoomslider-overview.md b/kr/components/zoomslider-overview.md index d68a50fe1b..538e372035 100644 --- a/kr/components/zoomslider-overview.md +++ b/kr/components/zoomslider-overview.md @@ -32,8 +32,6 @@ The ZoomSlider control provides zooming functionality to range-enabled controls. | Extensibility | The ZoomSlider control supports DataChart control out-of the box. | | Configurable zoom-range window | The initial zoom-range window width and position, as well as its minimum size, are configurable. | - - ## Dependencies When installing the chart package, the core package must also be installed. @@ -41,8 +39,6 @@ When installing the chart package, the core package must also be installed. - **npm install --save igniteui-angular-core** - **npm install --save igniteui-angular-charts** - - ## Component Modules The [`IgxZoomSliderComponent`]({environment:dvApiBaseUrl}/products/ignite-ui-angular/api/docs/typescript/latest/classes/igniteui_angular_charts.igxzoomslidercomponent.html) requires the following modules: