From 75696dbc4391478cbfad2f43d290408e6a712b74 Mon Sep 17 00:00:00 2001 From: Scholar Jaruha Date: Tue, 23 Jun 2026 12:39:30 +0300 Subject: [PATCH 1/3] 222953: Angular-DataGrid-Charts-Diagrams-Scheduler-Gantt-FileManager-RTE-npm-External-Linking --- components/charts/README.md | 186 ++++++++++++++-------------- components/diagrams/README.md | 66 +++++----- components/filemanager/README.md | 52 ++++---- components/gantt/README.md | 68 +++++----- components/grids/README.md | 86 ++++++------- components/richtexteditor/README.md | 66 +++++----- components/schedule/README.md | 26 ++-- 7 files changed, 275 insertions(+), 275 deletions(-) diff --git a/components/charts/README.md b/components/charts/README.md index 5593d8850..4fcac935d 100644 --- a/components/charts/README.md +++ b/components/charts/README.md @@ -1,6 +1,6 @@ # Angular Charts Components -The [Angular Charts](https://www.syncfusion.com/angular-components/angular-charts?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) component is a well-crafted charting component for visualizing data with 50+ charts and graphs, ranging from line to financial types. It can bind data from datasource such as array of JSON objects, `OData web services` or [DataManager](https://ej2.syncfusion.com/angular/documentation/data/data-binding/). All chart elements are rendered using Scalable Vector Graphics (SVG). +The [Angular Charts](https://www.syncfusion.com/angular-components/angular-charts?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) component is a well-crafted charting component for visualizing data with 55+ charts and graphs, ranging from line to financial types. It can bind data from datasource such as array of JSON objects, `OData web services` or [DataManager](https://ej2.syncfusion.com/angular/documentation/chart/data-binding/working-with-data?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm). All chart elements are rendered using Scalable Vector Graphics (SVG). ## What's Included in the Angular Charts Package @@ -9,11 +9,11 @@ The [Angular Charts](https://www.syncfusion.com/angular-components/angular-chart ### Angular Chart -The [Angular Chart Component](https://www.syncfusion.com/angular-components/angular-charts) is a feature-rich chart component with built-in support for over 50 chart types, technical indictors, trendline, zooming, tooltip, selection, crosshair and trackball. +The [Angular Chart Component](https://www.syncfusion.com/angular-components/angular-charts?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) is a feature-rich chart component with built-in support for over 50 chart types, technical indictors, trendline, zooming, tooltip, selection, crosshair and trackball.

Getting started . - Online demos . + Online demos . Learn more

@@ -23,34 +23,34 @@ The [Angular Chart Component](https://www.syncfusion.com/angular-components/angu #### Key features -* Chart types: Supports 50+ interactive chart types starting from line to financial chart. Few chart types include: - * [Angular Area Chart](https://www.syncfusion.com/angular-components/angular-charts/chart-types/area-chart?utm_source=npm&utm_medium=listing&utm_campaign=angular-area-charts-npm) - * [Angular Bar Chart](https://www.syncfusion.com/angular-components/angular-charts/chart-types/bar-chart?utm_source=npm&utm_medium=listing&utm_campaign=angular-bar-charts-npm) - * [Angular Line Chart](https://www.syncfusion.com/angular-components/angular-charts/chart-types/line-chart?utm_source=npm&utm_medium=listing&utm_campaign=angular-line-charts-npm) - * [Angular Spline Chart](https://www.syncfusion.com/angular-components/angular-charts/chart-types/spline-chart?utm_source=npm&utm_medium=listing&utm_campaign=angular-spline-charts-npm) - * [Angular Bubble Chart](https://www.syncfusion.com/angular-components/angular-charts/chart-types/bubble-chart?utm_source=npm&utm_medium=listing&utm_campaign=angular-bubble-charts-npm) - * [Angular Scatter Chart](https://www.syncfusion.com/angular-components/angular-charts/chart-types/scatter-chart?utm_source=npm&utm_medium=listing&utm_campaign=angular-scatter-charts-npm) - * [Angular Step Chart](https://www.syncfusion.com/angular-components/angular-charts/chart-types/stepline-chart?utm_source=npm&utm_medium=listing&utm_campaign=angular-step-charts-npm) - * [Angular Polar Chart](https://www.syncfusion.com/angular-components/angular-charts/chart-types/polar-chart?utm_source=npm&utm_medium=listing&utm_campaign=angular-polar-charts-npm) - * [Angular Radar Chart](https://www.syncfusion.com/angular-components/angular-charts/chart-types/radar-chart?utm_source=npm&utm_medium=listing&utm_campaign=angular-radar-charts-npm) - * [Angular Range Chart](https://www.syncfusion.com/angular-components/angular-charts/chart-types/range-area-chart?utm_source=npm&utm_medium=listing&utm_campaign=angular-range-charts-npm) - * [Angular Stacked Chart](https://www.syncfusion.com/angular-components/angular-charts/chart-types/range-area-chart?utm_source=npm&utm_medium=listing&utm_campaign=angular-stacked-charts-npm) +* Chart types: Supports 55+ interactive chart types starting from line to financial chart. Few chart types include: + * [Angular Area Chart](https://www.syncfusion.com/angular-components/angular-charts/chart-types/area-chart?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) + * [Angular Bar Chart](https://www.syncfusion.com/angular-components/angular-charts/chart-types/bar-chart?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) + * [Angular Line Chart](https://www.syncfusion.com/angular-components/angular-charts/chart-types/line-chart?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) + * [Angular Spline Chart](https://www.syncfusion.com/angular-components/angular-charts/chart-types/spline-chart?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) + * [Angular Bubble Chart](https://www.syncfusion.com/angular-components/angular-charts/chart-types/bubble-chart?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) + * [Angular Scatter Chart](https://www.syncfusion.com/angular-components/angular-charts/chart-types/scatter-chart?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) + * [Angular Step Chart](https://www.syncfusion.com/angular-components/angular-charts/chart-types/stepline-chart?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) + * [Angular Polar Chart](https://www.syncfusion.com/angular-components/angular-charts/chart-types/polar-chart?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) + * [Angular Radar Chart](https://www.syncfusion.com/angular-components/angular-charts/chart-types/radar-chart?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) + * [Angular Range Chart](https://www.syncfusion.com/angular-components/angular-charts/chart-types/range-area-chart?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) + * [Angular Stacked Chart](https://www.syncfusion.com/angular-components/angular-charts/chart-types/range-area-chart?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) * [Angular Box Plot Chart](https://www.syncfusion.com/angular-components/angular-charts/chart-types/box-and-whisker-chart?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) * [Angular Histogram Chart](https://www.syncfusion.com/angular-components/angular-charts/chart-types/histogram-chart?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) - * [Angular Financial Chart](https://www.syncfusion.com/angular-components/angular-charts/chart-types/stock-chart?utm_source=npm&utm_medium=listing&utm_campaign=angular-financial-charts-npm) -* [Data binding](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=chart#/material/chart/local-data): Bind the Chart component with an array of JSON objects or DataManager. Other than chart series, data label and tooltip can also bound to your data. -* [Axis types](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=chart#/material/chart/numeric): Supports multiple axes, and able to plot different data such as numbers, datetime, logarithmic and string. -* [Rendering modes](https://ej2.syncfusion.com/angular/documentation/chart/render-methods/): Supports two type of rendering: SVG and Canvas. By default chart rendered in SVG, You can easily switch between the two simple configuration. -* [Data label](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=chart#/material/chart/data-label-template): Supports data label to annotate points with label to improve the readability of data. -* [Annotation](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=chart#/material/chart/pie-annotation): Provides support to mark any specific area of interest by adding custom element. -* [Zooming and panning](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=chart#/material/chart/zooming): Provides options to visualize the data points under any region using rectangular selection, pinch, or mouse wheel zooming. -* [Crosshair & trackball](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=chart#/material/chart/cross-hair): Provides options to track data points closer to the mouse position or touch action. -* [Selection](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=chart#/material/chart/range-selection): Allows you to select any data point or subset of points using selection feature. -* [Export](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=chart#/material/chart/export): Provides the options to Export the chart to PDF, SVG and CSV formats. -* [RTL support](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=chart#/material/chart/rtl): Provides a full-fledged right-to-left mode which aligns axis, tooltip, legend and data in the chart component from right to left. -* [Appearance](https://ej2.syncfusion.com/angular/documentation/chart/chart-appearance/): Colors for the charts are picked by the built-in theme, but each element of the chart can be customized by simple configuration options. -* [Accessibility](https://ej2.syncfusion.com/angular/documentation/chart/accessibility/?utm_source=npm&utm_medium=listing&utm_campaign=angular-chart-npm#wai-aria): Designed to be accessible to users with disabilities, with features such as WAI-ARIA standard compliance and keyboard navigation to ensure that the chart can be effectively used with assistive technologies such as screen readers. -* [Localization](https://ej2.syncfusion.com/angular/documentation/chart/localization/?utm_source=npm&utm_medium=listing&utm_campaign=angular-chart-npm#localization): The Localization library enables you to adapt the default text content of the chart to fit the language and cultural preferences of your target audience. + * [Angular Financial Chart](https://www.syncfusion.com/angular-components/angular-charts/chart-types/stock-chart?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) +* [Data binding](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/chart/local-data?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Bind the Chart component with an array of JSON objects or DataManager. Other than chart series, data label and tooltip can also bound to your data. +* [Axis types](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/chart/numeric?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Supports multiple axes, and able to plot different data such as numbers, datetime, logarithmic and string. +* [Rendering modes](https://ej2.syncfusion.com/angular/documentation/chart/render-methods?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Supports two type of rendering: SVG and Canvas. By default chart rendered in SVG, You can easily switch between the two simple configuration. +* [Data label](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/chart/data-label-template?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Supports data label to annotate points with label to improve the readability of data. +* [Annotation](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/chart/pie-annotation?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Provides support to mark any specific area of interest by adding custom element. +* [Zooming and panning](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/chart/zooming?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Provides options to visualize the data points under any region using rectangular selection, pinch, or mouse wheel zooming. +* [Crosshair & trackball](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/chart/cross-hair?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Provides options to track data points closer to the mouse position or touch action. +* [Selection](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/chart/range-selection?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Allows you to select any data point or subset of points using selection feature. +* [Export](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/chart/export?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Provides the options to Export the chart to PDF, SVG and CSV formats. +* [RTL support](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/chart/rtl?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Provides a full-fledged right-to-left mode which aligns axis, tooltip, legend and data in the chart component from right to left. +* [Appearance](https://ej2.syncfusion.com/angular/documentation/chart/appearance?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Colors for the charts are picked by the built-in theme, but each element of the chart can be customized by simple configuration options. +* [Accessibility](https://ej2.syncfusion.com/angular/documentation/chart/accessibility?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Designed to be accessible to users with disabilities, with features such as WAI-ARIA standard compliance and keyboard navigation to ensure that the chart can be effectively used with assistive technologies such as screen readers. +* [Localization](https://ej2.syncfusion.com/angular/documentation/chart/localization?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): The Localization library enables you to adapt the default text content of the chart to fit the language and cultural preferences of your target audience. ### Angular Accumulation Charts @@ -58,7 +58,7 @@ Built-in support for pie, doughnut, pyramid and funnel chart types, to show the

Getting started . - Online demos . + Online demos . Learn more

@@ -68,23 +68,23 @@ Built-in support for pie, doughnut, pyramid and funnel chart types, to show the #### Key features * Chart types: Supports Pie, Doughnut, Pyramid and Funnel charts. - * [Angular Pie Chart](https://www.syncfusion.com/angular-components/angular-charts/chart-types/pie-chart?utm_source=npm&utm_medium=listing&utm_campaign=angular-pie-charts-npm) - * [Angular Doughnut Chart](https://www.syncfusion.com/angular-components/angular-charts/chart-types/donut-chart?utm_source=npm&utm_medium=listing&utm_campaign=angular-doughnut-charts-npm) - * [Angular Pyramid Chart](https://www.syncfusion.com/angular-components/angular-charts/chart-types/pyramid-chart) - * [Angular Funnel Chart](https://www.syncfusion.com/angular-components/angular-charts/chart-types/funnel-chart?utm_source=npm&utm_medium=listing&utm_campaign=angular-funnel-charts-npm) -* [Smart labels](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=chart#/material/chart/smart-labels): Supports arrangement of data labels smartly to avoid overlapping when the data point value falls in close range. -* [Grouping](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=chart#/material/chart/grouping): Supports grouping of data points based on value and point count. -* [Semi-pie](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=chart#/material/chart/semi-pie): Provides options to customize the start and end angle of the pie chart. -* [Legend](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=chart#/material/chart/pie-legend): Provides options to display additional information about the points with the help of legend. -* [Tooltip](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=chart#/material/chart/donut): Provides great user experiance by including a set of interactive features such as tooltip, drill-down, events, and selection. + * [Angular Pie Chart](https://www.syncfusion.com/angular-components/angular-charts/chart-types/pie-chart?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) + * [Angular Doughnut Chart](https://www.syncfusion.com/angular-components/angular-charts/chart-types/donut-chart?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) + * [Angular Pyramid Chart](https://www.syncfusion.com/angular-components/angular-charts/chart-types/pyramid-chart?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) + * [Angular Funnel Chart](https://www.syncfusion.com/angular-components/angular-charts/chart-types/funnel-chart?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) +* [Smart labels](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/chart/smart-labels?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Supports arrangement of data labels smartly to avoid overlapping when the data point value falls in close range. +* [Grouping](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/chart/grouping?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Supports grouping of data points based on value and point count. +* [Semi-pie](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/chart/semi-pie?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Provides options to customize the start and end angle of the pie chart. +* [Legend](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/chart/pie-legend?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Provides options to display additional information about the points with the help of legend. +* [Tooltip](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/chart/donut?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Provides great user experiance by including a set of interactive features such as tooltip, drill-down, events, and selection. ### Angular Stock Chart -The [Angular Stock Chart](https://www.syncfusion.com/angular-components/angular-stock-chart) Component is a well-crafted, easy-to-use financial charting package to track and visualize stock price of any company over a specific period using charting and range tools. +The [Angular Stock Chart](https://www.syncfusion.com/angular-components/angular-stock-chart?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) Component is a well-crafted, easy-to-use financial charting package to track and visualize stock price of any company over a specific period using charting and range tools.

Getting started . - Online demos . + Online demos . Learn more

@@ -94,23 +94,23 @@ The [Angular Stock Chart](https://www.syncfusion.com/angular-components/angular- #### Key features -* [Data binding](https://ej2.syncfusion.com/angular/documentation/stock-chart/working-with-data/): Bind the stock chart component with an array of JSON objects or DataManager. Other than chart series, data label and tooltip can also bound to your data. -* [Range selector](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=stockchart#/material/stock-chart/disabled-period): Supports range selector to filter a date range for data that needs to be visualized. -* [Period selector](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=stockchart#/material/stock-chart/disabled-navigator): Supports period selector to select predefined periods just by a single click. -* [Technical indicators](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=stockchart#/material/stock-chart/default): Incidators allows to analyze the past and predict the future market trends based on historic price, volume, or open interest. -* [Trendlines](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=stockchart#/material/stock-chart/default): Predicts the future trends with predetermined data for any measurements. -* [Stock events](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=stockchart#/material/stock-chart/stock-events): Supports stock events to show different kinds of market events on the chart. -* [Export](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=stockchart#/material/stock-chart/multi-pane): Provides the options to Export the stock chart to PDF, SVG and CSV formats. -* [Appearance](https://ej2.syncfusion.com/angular/documentation/stock-chart/appearance/): Colors for the stock chart are picked by the built-in theme, but each element of the stock chart can be customized by simple configuration options. -* [Tooltip](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=stockchart#/material/stock-chart/multi-pane): Provides great user experiance by including a set of interactive features such as tooltip, events, and trackball. +* [Data binding](https://ej2.syncfusion.com/angular/documentation/stock-chart/working-with-data?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Bind the stock chart component with an array of JSON objects or DataManager. Other than chart series, data label and tooltip can also bound to your data. +* [Range selector](https://ej2.syncfusion.com/angular/demos/#/tailwind3/stock-chart/disabled-period?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Supports range selector to filter a date range for data that needs to be visualized. +* [Period selector](https://ej2.syncfusion.com/angular/demos/#/tailwind3/stock-chart/disabled-navigator?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Supports period selector to select predefined periods just by a single click. +* [Technical indicators](https://ej2.syncfusion.com/angular/demos/#/tailwind3/stock-chart/default?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Incidators allows to analyze the past and predict the future market trends based on historic price, volume, or open interest. +* [Trendlines](https://ej2.syncfusion.com/angular/demos/#/tailwind3/stock-chart/default?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Predicts the future trends with predetermined data for any measurements. +* [Stock events](https://ej2.syncfusion.com/angular/demos/#/tailwind3/stock-chart/stock-events?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Supports stock events to show different kinds of market events on the chart. +* [Export](https://ej2.syncfusion.com/angular/demos/#/tailwind3/stock-chart/multi-pane?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Provides the options to Export the stock chart to PDF, SVG and CSV formats. +* [Appearance](https://ej2.syncfusion.com/angular/documentation/stock-chart/appearance?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Colors for the stock chart are picked by the built-in theme, but each element of the stock chart can be customized by simple configuration options. +* [Tooltip](https://ej2.syncfusion.com/angular/demos/#/tailwind3/stock-chart/multi-pane?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Provides great user experiance by including a set of interactive features such as tooltip, events, and trackball. ### Angular Range Navigator -The [Angular Range Navigator Component](https://www.syncfusion.com/angular-components/angular-range-selector) is an interface for selecting a small range from a large collection. It is commonly used in financial dashboards to filter a date range for data that needs to be visualized. +The [Angular Range Navigator Component](https://www.syncfusion.com/angular-components/angular-range-selector?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) is an interface for selecting a small range from a large collection. It is commonly used in financial dashboards to filter a date range for data that needs to be visualized.

- Getting started . - Online demos . + Getting started . + Online demos . Learn more

@@ -120,19 +120,19 @@ The [Angular Range Navigator Component](https://www.syncfusion.com/angular-compo #### Key features -* [Data sources](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=range-navigator#/material/range-navigator/stock-chart): Bind the range navigator component with an array of JSON objects or DataManager. -* [Tooltip](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=range-navigator#/material/range-navigator/default): Provides great user experiance by including a set of interactive features such as tooltip, events, and animation. -* [Lightweight](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=range-navigator#/material/range-navigator/light-weight): Supports light-weight range navigator to load in mobile device. -* [Period selector](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=range-navigator#/material/range-navigator/period-default): Provides options to select the data over the custom period. -* [Axis types](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=range-navigator#/material/range-navigator/date-time): Supports multiple axis and able to plot different data such as numbers, datetime, logarithmic and string. +* [Data sources](https://ej2.syncfusion.com/angular/demos/#/tailwind3/range-navigator/stock-chart?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Bind the range navigator component with an array of JSON objects or DataManager. +* [Tooltip](https://ej2.syncfusion.com/angular/demos/#/tailwind3/range-navigator/default?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Provides great user experiance by including a set of interactive features such as tooltip, events, and animation. +* [Lightweight](https://ej2.syncfusion.com/angular/demos/#/tailwind3/range-navigator/light-weight?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Supports light-weight range navigator to load in mobile device. +* [Period selector](https://ej2.syncfusion.com/angular/demos/#/tailwind3/range-navigator/period-default?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Provides options to select the data over the custom period. +* [Axis types](https://ej2.syncfusion.com/angular/demos/#/tailwind3/range-navigator/date-time?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Supports multiple axis and able to plot different data such as numbers, datetime, logarithmic and string. ### Angular Sparkline -The [Angular Sparkline Component](https://www.syncfusion.com/angular-components/angular-sparkline) is a very small chart control drawn without axes or coordinates. The sparklines are easy to interpret and convey more information to users by visualizing data in a small amount of space. +The [Angular Sparkline Component](https://www.syncfusion.com/angular-components/angular-sparkline?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) is a very small chart control drawn without axes or coordinates. The sparklines are easy to interpret and convey more information to users by visualizing data in a small amount of space.

- Getting started . - Online demos . + Getting started . + Online demos . Learn more

@@ -142,18 +142,18 @@ The [Angular Sparkline Component](https://www.syncfusion.com/angular-components/ #### Key features -* [Series types](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=sparkline#/material/sparkline/series-type): Supports five types of sparklines : line, area, column, win loss, and pie to show data trends. -* [Axis types](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=sparkline#/material/sparkline/axis-type): Supports multiple axis and able to plot different data such as numbers, datetime, logarithmic and string. -* [Data label](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=sparkline#/material/sparkline/customization): Supports data label to annotate points with label to improve the readability of data. -* [Range band](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=sparkline#/material/sparkline/range-band): Provides options to highlight specific range of values. -* [Tooltip](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=sparkline#/material/sparkline/default): Provides great user experiance by including a set of interactive features such as tooltip, events, and trackball. +* [Series types](https://ej2.syncfusion.com/angular/demos/#/tailwind3/sparkline/series-type?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Supports five types of sparklines : line, area, column, win loss, and pie to show data trends. +* [Axis types](https://ej2.syncfusion.com/angular/demos/#/tailwind3/sparkline/axis-type?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Supports multiple axis and able to plot different data such as numbers, datetime, logarithmic and string. +* [Data label](https://ej2.syncfusion.com/angular/demos/#/tailwind3/sparkline/customization?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Supports data label to annotate points with label to improve the readability of data. +* [Range band](https://ej2.syncfusion.com/angular/demos/#/tailwind3/sparkline/range-band?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Provides options to highlight specific range of values. +* [Tooltip](https://ej2.syncfusion.com/angular/demos/#/tailwind3/sparkline/default?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Provides great user experiance by including a set of interactive features such as tooltip, events, and trackball. ### Angular Bullet Chart -The [Angular Bullet Chart Component](https://www.syncfusion.com/angular-components/angular-bullet-chart) is a interface to visually compare measures, similar to the commonly used bar chart. A bullet chart displays one or more measures and compares them with a target value. +The [Angular Bullet Chart Component](https://www.syncfusion.com/angular-components/angular-bullet-chart?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) is a interface to visually compare measures, similar to the commonly used bar chart. A bullet chart displays one or more measures and compares them with a target value.

- Getting started . + Getting started . Online demos . Learn more

@@ -164,10 +164,10 @@ The [Angular Bullet Chart Component](https://www.syncfusion.com/angular-componen #### Key features -* [Multiple measures](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=stockchart#/material/bullet-chart/multiple-data): Provides options to render multiple measure bars as well as multiple target bars to allow comparison of several measures at once. -* [Legend](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=stockchart#/material/bullet-chart/bullet-legend): Provides options to display additional information about the target and actual bar. -* [RTL support](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=bulletchart#/material/bullet-chart/rtl): Provides a full-fledged right-to-left mode which aligns axis, tooltip, legend and data in the chart component from right to left. -* [Tooltip](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=stockchart#/material/bullet-chart/tooltip): Provides options to display additional information about target and actual on mouse hover. +* [Multiple measures](https://ej2.syncfusion.com/angular/demos/#/tailwind3/bullet-chart/multiple-data?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Provides options to render multiple measure bars as well as multiple target bars to allow comparison of several measures at once. +* [Legend](https://ej2.syncfusion.com/angular/demos/#/tailwind3/bullet-chart/bullet-legend?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Provides options to display additional information about the target and actual bar. +* [RTL support](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=bulletchart#/material/bullet-chart/rtl?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Provides a full-fledged right-to-left mode which aligns axis, tooltip, legend and data in the chart component from right to left. +* [Tooltip](https://ej2.syncfusion.com/angular/demos/#/tailwind3/bullet-chart/tooltip?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Provides options to display additional information about target and actual on mouse hover. ### Angular Smith Chart @@ -175,7 +175,7 @@ The [Angular Smith Chart Component](https://www.syncfusion.com/angular-component

Getting started . - Online demos . + Online demos . Learn more

@@ -185,10 +185,10 @@ The [Angular Smith Chart Component](https://www.syncfusion.com/angular-component #### Key features -* [Legend](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=smithchart#/material/smith-chart/default): Provides options to display additional information about the series. -* [Data label](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=smithchart#/material/smith-chart/custom): Supports data label to annotate points with label to improve the readability of data. -* [Tooltip](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=smithchart#/material/smith-chart/custom): Provides options to display additional information about data points on mouse hover. -* [Print and Export](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=smithchart#/material/smith-chart/print-export): Provides support to print and export the rendered smith chart for future use. +* [Legend](https://ej2.syncfusion.com/angular/demos/#/tailwind3/smith-chart/default?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Provides options to display additional information about the series. +* [Data label](https://ej2.syncfusion.com/angular/demos/#/tailwind3/smith-chart/custom?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Supports data label to annotate points with label to improve the readability of data. +* [Tooltip](https://ej2.syncfusion.com/angular/demos/#/tailwind3/smith-chart/custom?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Provides options to display additional information about data points on mouse hover. +* [Print and Export](https://ej2.syncfusion.com/angular/demos/#/tailwind3/smith-chart/print-export?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Provides support to print and export the rendered smith chart for future use. ## Setup @@ -262,44 +262,44 @@ export class AppComponent implements OnInit { Chart components are available in following list of frameworks. -| [](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github)
     [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github)     | [](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)
       [React](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)       | [](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)
       [Vue](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)          | [](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)
  [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)   | [](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)
  [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)   | +| [](https://www.syncfusion.com/javascript-ui-controls?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm)
     [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm)     | [](https://www.syncfusion.com/react-components?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm)
       [React](https://www.syncfusion.com/react-components?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm)       | [](https://www.syncfusion.com/vue-components?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm)
       [Vue](https://www.syncfusion.com/vue-components?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm)          | [](https://www.syncfusion.com/aspnet-core-ui-controls?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm)
  [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm)   | [](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm)
  [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm)   | | :-----: | :-----: | :-----: | :-----: | :-----: | ## Showcase samples -* Expense Tracker - [Source](https://github.com/syncfusion/ej2-sample-ng-expensetracker), [Live Demo](https://ej2.syncfusion.com/showcase/angular/expensetracker/#/dashboard?utm_source=npm&utm_campaign=chart) -* Loan Calculator - [Source](https://github.com/syncfusion/ej2-sample-ng-loancalculator), [Live Demo](https://ej2.syncfusion.com/showcase/angular/loancalculator/?utm_source=npm&utm_campaign=chart) -* [Angular Stock Chart demo](https://ej2.syncfusion.com/showcase/angular/stockchart/#/stockChart/?utm_source=npm&utm_campaign=chart) -* Fitness Tracker - [Source](https://github.com/SyncfusionExamples/showcase-angular-health-tracker-dashboard-demo), [Live Demo](https://ej2.syncfusion.com/showcase/angular/fitness-tracker-app/) +* Expense Tracker - [Source](https://github.com/syncfusion/ej2-showcase-angular-expensetracker?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm), [Live Demo](https://ej2.syncfusion.com/showcase/angular/expensetracker/#/dashboard?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) +* Loan Calculator - [Source](https://github.com/syncfusion/ej2-showcase-angular-loan-calculator?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm), [Live Demo](https://ej2.syncfusion.com/showcase/angular/loancalculator/?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) +* [Angular Stock Chart demo](https://ej2.syncfusion.com/showcase/angular/stockchart/#/stockChart/?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) +* Fitness Tracker - [Source](hhttps://github.com/SyncfusionExamples/showcase-angular-health-tracker-dashboard-demo?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm), [Live Demo](https://ej2.syncfusion.com/showcase/angular/healthtracker/src/#/dashboard/?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) ## Resources -* [Documentation](https://ej2.syncfusion.com/angular/documentation/chart/getting-started) -* [Theme Studio](https://ej2.syncfusion.com/themestudio/) -* [What's New](https://www.syncfusion.com/products/whatsnew/angular?utm_medium=listing&utm_source=github) -* [Road Map](https://www.syncfusion.com/products/roadmap/angular) -* [E-Books](https://www.syncfusion.com/succinctly-free-ebooks?searchkey=angular&type=all) +* [Documentation](https://ej2.syncfusion.com/angular/documentation/chart/getting-started?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) +* [Theme Studio](https://ej2.syncfusion.com/themestudio/?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) +* [What's New](https://www.syncfusion.com/products/whatsnew/angular?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) +* [Road Map](https://www.syncfusion.com/products/roadmap/angular?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) +* [E-Books](https://www.syncfusion.com/succinctly-free-ebooks?searchkey=angular&type=all?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) ## Support Product support is available through the following mediums. -* [Support ticket](https://support.syncfusion.com/support/tickets/create) - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support +* [Support ticket](https://support.syncfusion.com/support/tickets/create?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support * [Community forum](https://www.syncfusion.com/forums/angular-js2?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) -* [GitHub issues](https://github.com/syncfusion/ej2-angular-ui-components/issues/new) +* [GitHub issues](https://github.com/syncfusion/ej2-angular-ui-components/issues/new?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) * [Request feature or report bug](https://www.syncfusion.com/feedback/angular?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) * Live chat ## Changelog -Check the changelog [here](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/components/charts/CHANGELOG.md). Get minor improvements and bug fixes every week to stay up to date with frequent updates. +Check the changelog [here](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/components/charts/CHANGELOG.md?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm). Get minor improvements and bug fixes every week to stay up to date with frequent updates. ## License and copyright -> This is a commercial product and requires a paid license for possession or use. Syncfusion® licensed software, including this component, is subject to the terms and conditions of Syncfusion's [EULA](https://www.syncfusion.com/eula/es/). To acquire a license for 140+ [Angular UI components](https://www.syncfusion.com/angular-components), you can [purchase](https://www.syncfusion.com/sales/products) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials). +> This is a commercial product and requires a paid license for possession or use. Syncfusion® licensed software, including this component, is subject to the terms and conditions of Syncfusion's [EULA](https://www.syncfusion.com/license/studio/33.2.3/syncfusion_essential_studio_eula.pdf?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm). To acquire a license for 150+ [Angular UI components](https://www.syncfusion.com/angular-components?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm), you can [purchase](https://www.syncfusion.com/sales/pricing?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm). -> A free community [license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers. +> A free community [license](https://www.syncfusion.com/products/communitylicense?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers. -See [LICENSE FILE](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/license) for more info. +See [LICENSE FILE](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/license?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) for more info. © Copyright 2025 Syncfusion® Inc. All Rights Reserved. The Syncfusion® Essential Studio® license and copyright applies to this distribution. diff --git a/components/diagrams/README.md b/components/diagrams/README.md index 339900a8a..3ca3ed9c0 100644 --- a/components/diagrams/README.md +++ b/components/diagrams/README.md @@ -97,61 +97,61 @@ export class AppComponent implements OnInit { Diagram component is also offered in the following list of frameworks. -| [](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github)
     [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github)     | [](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)
       [React](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)       | [](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)
       [Vue](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)          | [](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)
  [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)   | [](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)
  [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)   | +| [](https://www.syncfusion.com/javascript-ui-controls?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm)
     [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm)     | [](https://www.syncfusion.com/react-components?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm)
       [React](https://www.syncfusion.com/react-components?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm)       | [](https://www.syncfusion.com/vue-components?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm)
       [Vue](https://www.syncfusion.com/vue-components?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm)          | [](https://www.syncfusion.com/aspnet-core-ui-controls?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm)
  [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm)   | [](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm)
  [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm)   | | :-----: | :-----: | :-----: | :-----: | :-----: | ## Use case demos -* [Angular Diagram Builder demo](https://ej2.syncfusion.com/showcase/angular/diagrambuilder/) -* [Angular Organizational Chart demo](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/diagram/organization-chart) -* [Angular Mind Map demo](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/diagram/mind-map) -* [Angular BPMN Editor demo](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/diagram/bpmn-editor) -* [Angular Logic Circuit Diagram demo](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/diagram/logic-circuit) -* [Angular UML Activity Diagram demo](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/diagram/uml-activity) -* [Angular Network Diagram demo](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/diagram/network-diagram) -* [Angular UML Class Diagram demo](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/diagram/uml-Class-diagram) -* [Angular Venn Diagram demo](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/diagram/venn-diagram) -* [Angular Fishbone Diagram demo](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/diagram/fishbone-diagram) +* [Angular Diagram Builder demo](https://ej2.syncfusion.com/showcase/angular/diagrambuilder/?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) +* [Angular Organizational Chart demo](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/diagram/organization-chart?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) +* [Angular Mind Map demo](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/diagram/mind-map?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) +* [Angular BPMN Editor demo](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/diagram/bpmn-editor?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) +* [Angular Logic Circuit Diagram demo](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/diagram/logic-circuit?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) +* [Angular UML Activity Diagram demo](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/diagram/uml-activity?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) +* [Angular Network Diagram demo](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/diagram/network-diagram?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) +* [Angular UML Class Diagram demo](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/diagram/uml-Class-diagram?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) +* [Angular Venn Diagram demo](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/diagram/venn-diagram?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) +* [Angular Fishbone Diagram demo](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/diagram/fishbone-diagram?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) ## Key features -* [Nodes](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=diagram#/material/diagram/nodes) - Nodes are used to host graphical objects (path or controls) that can be arranged and manipulated on a diagram page. Many predefined standard shapes are included. Custom shapes can also be created and added easily. -* [Connectors](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=diagram#/material/diagram/connectors) - The relationship between two nodes is represented using a connector. -* [Labels](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=diagram#/material/diagram/annotations)- Labels are used to annotate nodes and connectors. -* [Ports](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=diagram#/material/diagram/ports) - Ports act as the connection points of the node and allows to create connections with only those specific points. -* [Interactive features](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=diagram#/material/diagram/drawing-tool) - Interactive features are used to improve the run time editing experience of a diagram. -* [Data binding](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=diagram#/material/diagram/local-data) - Generates diagram with nodes and connectors based on the information provided from an external data source. -* [Commands](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=diagram#/material/diagram/key-board-functions) - Supports a set of predefined commands that helps edit the diagram using keyboard. It is also possible to configure new commands and key combinations. -* [Automatic layout](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=diagram#/material/diagram/hierarchical-tree) - Automatic layouts are used to arrange nodes automatically based on a predefined layout logic. There is built-in support for organizational chart layout, hierarchical tree layout, symmetric layout, radial tree layout, and mind map layout. -* [Overview panel](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=diagram#/material/diagram/overview) - The overview panel is used to improve navigation experience when exploring large diagrams. -* [SymbolPalettes](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=diagram#/material/diagram/symbol-palette) - The symbol palette is a gallery of reusable symbols and nodes that can be dragged and dropped on the surface of a diagram. -* [Rulers](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=diagram#/material/diagram/drawing-tool) - The ruler provides horizontal and vertical guides for measuring diagram objects in diagram component. -* [Serialization](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=diagram#/material/diagram/serialization) - When saved in JSON format a diagram’s state persists, and then it can be loaded back using serialization. -* [Exporting and Printing](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=diagram#/material/diagram/print-export) - Diagrams can be exported as .png, .jpeg, .bmp, and .svg image files, and can also be printed as documents. -* [Gridlines](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=diagram#/material/diagram/default-functionalities) - Gridlines are the pattern of lines drawn behind diagram elements. It provides a visual guidance while dragging or arranging the objects on a diagram surface. -* [Page layout](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=diagram#/material/diagram/print-export)- The drawing surface can be configured to page-like appearance using page size, orientation, and margins. -* [Context menu](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=diagram#/material/diagram/key-board-functions) - Frequently used commands can easily be mapped to the context menu. +* [Nodes](https://ej2.syncfusion.com/angular/demos/#/tailwind3/diagram/nodes?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) - Nodes are used to host graphical objects (path or controls) that can be arranged and manipulated on a diagram page. Many predefined standard shapes are included. Custom shapes can also be created and added easily. +* [Connectors](https://ej2.syncfusion.com/angular/demos/#/tailwind3/diagram/connectors?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) - The relationship between two nodes is represented using a connector. +* [Labels](https://ej2.syncfusion.com/angular/demos/#/tailwind3/diagram/annotations?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm)- Labels are used to annotate nodes and connectors. +* [Ports](https://ej2.syncfusion.com/angular/demos/#/tailwind3/diagram/ports?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) - Ports act as the connection points of the node and allows to create connections with only those specific points. +* [Interactive features](https://ej2.syncfusion.com/angular/demos/#/tailwind3/diagram/drawing-tool?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) - Interactive features are used to improve the run time editing experience of a diagram. +* [Data binding](https://ej2.syncfusion.com/angular/demos/#/tailwind3/diagram/local-data?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) - Generates diagram with nodes and connectors based on the information provided from an external data source. +* [Commands](https://ej2.syncfusion.com/angular/demos/#/tailwind3/diagram/key-board-functions?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) - Supports a set of predefined commands that helps edit the diagram using keyboard. It is also possible to configure new commands and key combinations. +* [Automatic layout](https://ej2.syncfusion.com/angular/demos/#/tailwind3/diagram/hierarchical-tree?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) - Automatic layouts are used to arrange nodes automatically based on a predefined layout logic. There is built-in support for organizational chart layout, hierarchical tree layout, symmetric layout, radial tree layout, and mind map layout. +* [Overview panel](https://ej2.syncfusion.com/angular/demos/#/tailwind3/diagram/overview?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) - The overview panel is used to improve navigation experience when exploring large diagrams. +* [SymbolPalettes](https://ej2.syncfusion.com/angular/demos/#/tailwind3/diagram/symbol-palette?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) - The symbol palette is a gallery of reusable symbols and nodes that can be dragged and dropped on the surface of a diagram. +* [Rulers](https://ej2.syncfusion.com/angular/demos/#/tailwind3/diagram/drawing-tool?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) - The ruler provides horizontal and vertical guides for measuring diagram objects in diagram component. +* [Serialization](https://ej2.syncfusion.com/angular/demos/#/tailwind3/diagram/serialization?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) - When saved in JSON format a diagram’s state persists, and then it can be loaded back using serialization. +* [Exporting and Printing](https://ej2.syncfusion.com/angular/demos/#/tailwind3/diagram/print-export?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) - Diagrams can be exported as .png, .jpeg, .bmp, and .svg image files, and can also be printed as documents. +* [Gridlines](https://ej2.syncfusion.com/angular/demos/#/tailwind3/diagram/default-functionalities?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) - Gridlines are the pattern of lines drawn behind diagram elements. It provides a visual guidance while dragging or arranging the objects on a diagram surface. +* [Page layout](https://ej2.syncfusion.com/angular/demos/#/tailwind3/diagram/print-export?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm)- The drawing surface can be configured to page-like appearance using page size, orientation, and margins. +* [Context menu](https://ej2.syncfusion.com/angular/demos/#/tailwind3/diagram/key-board-functions?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) - Frequently used commands can easily be mapped to the context menu. ## Support Product support is available through the following mediums. -* [Support ticket](https://support.syncfusion.com/support/tickets/create) - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support +* [Support ticket](https://support.syncfusion.com/support/tickets/create?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support * [Community forum](https://www.syncfusion.com/forums/angular-js2?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) -* [GitHub issues](https://github.com/syncfusion/ej2-angular-ui-components/issues/new) +* [GitHub issues](https://github.com/syncfusion/ej2-angular-ui-components/issues/new?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) * [Request feature or report bug](https://www.syncfusion.com/feedback/angular?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) * Live chat ## Changelog -Check the changelog [here](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/components/diagrams/CHANGELOG.md). Get minor improvements and bug fixes every week to stay up to date with frequent updates. +Check the changelog [here](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/components/diagrams/CHANGELOG.md?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm). Get minor improvements and bug fixes every week to stay up to date with frequent updates. ## License and copyright -> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's [EULA](https://www.syncfusion.com/eula/es/). To acquire a license for 80+ [Angular UI components](https://www.syncfusion.com/angular-components), you can [purchase](https://www.syncfusion.com/sales/products) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials). +> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's [EULA](https://www.syncfusion.com/license/studio/33.2.3/syncfusion_essential_studio_eula.pdf?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm). To acquire a license for 150+ [Angular UI components](https://www.syncfusion.com/angular-components?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm), you can [purchase](https://www.syncfusion.com/sales/pricing?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm). -> A free community [license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers. +> A free community [license](https://www.syncfusion.com/products/communitylicense?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers. -See [LICENSE FILE](https://github.com/syncfusion/ej2/blob/master/license?utm_source=npm&utm_campaign=diagram) for more info. +See [LICENSE FILE](https://github.com/syncfusion/ej2/blob/master/license?utm_source=npm&utm_campaign=diagram?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) for more info. © Copyright 2022 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution. diff --git a/components/filemanager/README.md b/components/filemanager/README.md index a51748139..24a82230e 100644 --- a/components/filemanager/README.md +++ b/components/filemanager/README.md @@ -3,8 +3,8 @@ The [Angular FileManager](https://www.syncfusion.com/angular-components/angular-file-manager?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm) component is a graphical user interface that allows users to manage their file system in an intuitive and efficient manner. With this component, you can easily access, edit, upload, download, and organize files and folders. It also offers a convenient way to browse and select items from the file system.

- Getting Started . - Online demos . + Getting Started . + Online demos . Learn more

@@ -82,7 +82,7 @@ url: this.hostUrl + 'api/FileManager/FileOperations' The FileManager component is also offered in following list of frameworks, -| [](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github)
     [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github)     | [](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)
       [React](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)       | [](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)
       [Vue](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)          | [](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)
  [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)   | [](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)
  [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)   | +| [](https://www.syncfusion.com/javascript-ui-controls?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm)
     [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm)     | [](https://www.syncfusion.com/react-components?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm)
       [React](https://www.syncfusion.com/react-components?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm)       | [](https://www.syncfusion.com/vue-components?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm)
       [Vue](https://www.syncfusion.com/vue-components?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm)          | [](https://www.syncfusion.com/aspnet-core-ui-controls?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm)
  [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm)   | [](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm)
  [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm)   | | :-----: | :-----: | :-----: | :-----: | :-----: | ## Showcase samples @@ -92,47 +92,47 @@ The FileManager component is also offered in following list of frameworks, ## Key features -* [File and directory management](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-file-manager-npm#/bootstrap5/file-manager/directory-upload): The component allows users to upload, download, rename, sort, cut, copy, and paste files and directories. -* [Multiple layout options](https://ej2.syncfusion.com/angular/documentation/file-manager/user-interface/?utm_source=npm&utm_medium=listing&utm_campaign=angular-file-manager-npm#view): The component supports both large icons view and details view layout, giving users the ability to choose the display option that works best for them. -* [Multiple file providers](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-file-manager-npm#/bootstrap5/file-manager/azure-service): The component supports a range of file providers, including Amazon S3, MS Azure, NodeJS, Google file systems, and local physical file providers, giving users flexibility in how they store and access their files. -* [Search functionality](https://ej2.syncfusion.com/angular/documentation/file-manager/file-operations/?utm_source=npm&utm_medium=listing&utm_campaign=angular-file-manager-npm#search): The component includes a search feature that allows users to easily locate specific files within their file system. -* [Customizable interface](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-file-manager-npm#/bootstrap5/file-manager/custom): The component's interface can be customized to fit the needs and preferences of users, allowing for a personalized experience. -* [Responsive design](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-file-manager-npm#/bootstrap5/file-manager/overview): The component is designed to be responsive, ensuring that it works seamlessly across a range of devices and screen sizes. -* [Easy integration](https://ej2.syncfusion.com/angular/documentation/file-manager/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=angular-file-manager-npm): The component is easy to integrate into existing projects, making it a convenient and straightforward solution for file management. -* [Context menu](https://ej2.syncfusion.com/angular/documentation/file-manager/user-interface/?utm_source=npm&utm_medium=listing&utm_campaign=angular-file-manager-npm#context-menu): The component includes a context menu that allows users to quickly and easily access file management options. -* [Toolbar](https://ej2.syncfusion.com/angular/documentation/file-manager/user-interface/?utm_source=npm&utm_medium=listing&utm_campaign=angular-file-manager-npm#toolbar): The component's toolbar provides a flexible way to manage file operations, making it easy for users to perform common tasks. -* [Access control](https://ej2.syncfusion.com/angular/documentation/file-manager/access-control/?utm_source=npm&utm_medium=listing&utm_campaign=angular-file-manager-npm): The component allows users to define a set of access rules for their folders and files, giving them control over who can access specific resources. -* [Multiple file selection](https://ej2.syncfusion.com/angular/documentation/file-manager/multiple-selection/?utm_source=npm&utm_medium=listing&utm_campaign=angular-file-manager-npm): The component supports the selection of multiple files, making it easy for users to perform bulk operations. -* [Localization](https://ej2.syncfusion.com/angular/documentation/file-manager/localization/?utm_source=npm&utm_medium=listing&utm_campaign=angular-file-manager-npm): The component supports localization, allowing it to be used in a variety of languages and regions. -* [Accessibility](https://ej2.syncfusion.com/angular/documentation/file-manager/accessibility/?utm_source=npm&utm_medium=listing&utm_campaign=angular-file-manager-npm): The component is designed with accessibility in mind, ensuring that it is usable by users with disabilities. +* [File and directory management](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/file-manager/directory-upload?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm): The component allows users to upload, download, rename, sort, cut, copy, and paste files and directories. +* [Multiple layout options](https://ej2.syncfusion.com/angular/documentation/file-manager/user-interface#view?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm): The component supports both large icons view and details view layout, giving users the ability to choose the display option that works best for them. +* [Multiple file providers](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/file-manager/azure-service?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm): The component supports a range of file providers, including Amazon S3, MS Azure, NodeJS, Google file systems, and local physical file providers, giving users flexibility in how they store and access their files. +* [Search functionality](https://ej2.syncfusion.com/angular/documentation/file-manager/file-operations#search?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm): The component includes a search feature that allows users to easily locate specific files within their file system. +* [Customizable interface](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/file-manager/custom?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm): The component's interface can be customized to fit the needs and preferences of users, allowing for a personalized experience. +* [Responsive design](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/file-manager/overview?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm): The component is designed to be responsive, ensuring that it works seamlessly across a range of devices and screen sizes. +* [Easy integration](https://ej2.syncfusion.com/angular/documentation/file-manager/getting-started?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm): The component is easy to integrate into existing projects, making it a convenient and straightforward solution for file management. +* [Context menu](https://ej2.syncfusion.com/angular/documentation/file-manager/user-interface#context-menu?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm): The component includes a context menu that allows users to quickly and easily access file management options. +* [Toolbar](https://ej2.syncfusion.com/angular/documentation/file-manager/user-interface#toolbar?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm): The component's toolbar provides a flexible way to manage file operations, making it easy for users to perform common tasks. +* [Access control](https://ej2.syncfusion.com/angular/documentation/file-manager/access-control/?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm): The component allows users to define a set of access rules for their folders and files, giving them control over who can access specific resources. +* [Multiple file selection](https://ej2.syncfusion.com/angular/documentation/file-manager/multiple-selection?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm): The component supports the selection of multiple files, making it easy for users to perform bulk operations. +* [Localization](https://ej2.syncfusion.com/angular/documentation/file-manager/localization?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm): The component supports localization, allowing it to be used in a variety of languages and regions. +* [Accessibility](https://ej2.syncfusion.com/angular/documentation/file-manager/accessibility?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm): The component is designed with accessibility in mind, ensuring that it is usable by users with disabilities. ## Resources -* [Theme Studio](https://ej2.syncfusion.com/themestudio/) -* [What's New](https://www.syncfusion.com/products/whatsnew/angular?utm_medium=listing&utm_source=github) -* [Road Map](https://www.syncfusion.com/products/roadmap/angular) -* [E-Books](https://www.syncfusion.com/succinctly-free-ebooks?searchkey=angular&type=all) +* [Theme Studio](https://ej2.syncfusion.com/themestudio/?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm) +* [What's New](https://www.syncfusion.com/products/whatsnew/angular?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm) +* [Road Map](https://www.syncfusion.com/products/roadmap/angular?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm) +* [E-Books](https://www.syncfusion.com/succinctly-free-ebooks?searchkey=angular&type=all?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm) ## Support Product support is available through following mediums. -* [Support ticket](https://support.syncfusion.com/support/tickets/create) - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support +* [Support ticket](https://support.syncfusion.com/support/tickets/create?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm) - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support * [Community forum](https://www.syncfusion.com/forums/angular-js2?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm) -* [GitHub issues](https://github.com/syncfusion/ej2-angular-ui-components/issues/new) +* [GitHub issues](https://github.com/syncfusion/ej2-angular-ui-components/issues/new?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm) * [Request feature or report bug](https://www.syncfusion.com/feedback/angular?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm) * Live chat ## Changelog -Check the changelog [here](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/components/filemanager/CHANGELOG.md?utm_source=npm&utm_campaign=filemanager). Get minor improvements and bug fixes every week to stay up to date with frequent updates. +Check the changelog [here](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/components/filemanager/CHANGELOG.md?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm). Get minor improvements and bug fixes every week to stay up to date with frequent updates. ## License and copyright -> This is a commercial product and requires a paid license for possession or use. Syncfusion® licensed software, including this component, is subject to the terms and conditions of Syncfusion® [EULA](https://www.syncfusion.com/eula/es/). To acquire a license for 140+ [Angular UI components](https://www.syncfusion.com/angular-components), you can [purchase](https://www.syncfusion.com/sales/products) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials). +> This is a commercial product and requires a paid license for possession or use. Syncfusion® licensed software, including this component, is subject to the terms and conditions of Syncfusion® [EULA](https://www.syncfusion.com/license/studio/33.2.3/syncfusion_essential_studio_eula.pdf?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm). To acquire a license for 150+ [Angular UI components](https://www.syncfusion.com/angular-components?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm), you can [purchase](https://www.syncfusion.com/sales/pricing?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm). -> A free community [license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers. +> A free community [license](https://www.syncfusion.com/products/communitylicense?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers. -See [LICENSE FILE](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/license?utm_source=npm&utm_campaign=filemanager) for more info. +See [LICENSE FILE](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/license?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm) for more info. © Copyright 2025 Syncfusion® Inc. All Rights Reserved. The Syncfusion® Essential Studio® license and copyright applies to this distribution. \ No newline at end of file diff --git a/components/gantt/README.md b/components/gantt/README.md index d6cf8bf9a..73b6600d7 100644 --- a/components/gantt/README.md +++ b/components/gantt/README.md @@ -4,7 +4,7 @@ The [Angular Gantt](https://www.syncfusion.com/angular-components/angular-gantt-

Getting Started . - Online demos . + Online demos . Learn more

@@ -103,61 +103,61 @@ export class AppComponent implements OnInit { Gantt component is also offered in following list of frameworks. -| [](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github)
     [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github)     | [](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)
       [React](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)       | [](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)
       [Vue](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)          | [](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)
  [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)   | [](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)
  [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)   | +| [](https://www.syncfusion.com/javascript-ui-controls?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm)
     [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm)     | [](https://www.syncfusion.com/react-components?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm)
       [React](https://www.syncfusion.com/react-components?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm)       | [](https://www.syncfusion.com/vue-components?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm)
       [Vue](https://www.syncfusion.com/vue-components?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm)          | [](https://www.syncfusion.com/aspnet-core-ui-controls?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm)
  [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm)   | [](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm)
  [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm)   | | :-----: | :-----: | :-----: | :-----: | :-----: | ## Key features -* [Data sources](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=angular-gantt-npm#/bootstrap5/gantt/local-data): Bind hierarchical or self-referential data to Gantt chart with an array of JSON objects or DataManager. -* [Timeline](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=angular-gantt-npm#/bootstrap5/gantt/timeline): Display timescale from minutes to decades easily, and also display custom texts in the timeline units. Timeline can be displayed in either one-tier or two-tier layout. -* [Task dependency](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=angular-gantt-npm#/bootstrap5/gantt/editing): Allows for the definition or update of dependencies between tasks in a project using four types of task dependencies: Finish – Start, Start – Finish, Finish – Finish, and Start – Start. -* [Resources](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=angular-gantt-npm#/bootstrap5/gantt/resource-view): Visualizes the list of tasks assigned to each resource in hierarchy manner and switch the resources as per user need by task editing. -* [Editing](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=angular-gantt-npm#/bootstrap5/gantt/editing): Provides the options to dynamically insert, delete and update tasks using columns, dialog and taskbar editing options. -* [Virtual scrolling](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=angular-gantt-npm#/bootstrap5/gantt/virtual-scroll): Improves the performance of the gantt control when binding large amounts of data by only rendering the currently visible parts of the user interface and rendering other elements as needed while scrolling. -* [Critical path](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=angular-gantt-npm#/bootstrap5/gantt/critical-path): The critical path in a project is displayed by a single task or a series of tasks. If a task in critical path is delayed, the entire project will be delayed. A task is considered to be critical if any delay to this task would affect the project end date. -* [Customizable taskbars](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=angular-gantt-npm#/bootstrap5/gantt/taskbar-template): Display various tasks in a project using parent and child taskbars, summary taskbars and milestone UI, which can be customized with templates. -* [Unscheduled tasks](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=angular-gantt-npm#/bootstrap5/gantt/unscheduled-task): Gantt Chart supports the display of tasks with undefined start date, end date or duration in a project. -* [Baseline](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=angular-gantt-npm#/bootstrap5/gantt/baseline): Display the deviations between planned dates and actual dates of a task in a project using baselines. -* [Markers and indicators](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=angular-gantt-npm#/bootstrap5/gantt/event-markers): Display indicators and flags along with taskbars and task labels. Also map important events in a project using event marker. -* [Task label customization](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=angular-gantt-npm#/bootstrap5/gantt/tasklabel-template): Allows for the customization of labels within and on either side of the task bar. -* [Sorting](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=angular-gantt-npm#/bootstrap5/gantt/sorting-api): Supports n levels of sorting. -* [Filtering](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=angular-gantt-npm#/bootstrap5/gantt/filtering): Offers filter UIs such as filter bar and menu at each column to filter data. Also allows for filtering based on related parent or child records. -* [Columns](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=angular-gantt-npm#/bootstrap5/gantt/column-menu): Column definitions are used as the dataSource schema in the gantt. This plays a vital role in rendering column values in the required format. Column functionalities such as resizing, reordering, column template, show or hide columns, etc., are supported. -* [Column re-ordering](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=angular-gantt-npm#/bootstrap5/gantt/reorder): Drag any column and drop it at any position in the grid's column header row, to reposition the column. -* [Column resizing](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=angular-gantt-npm#/bootstrap5/gantt/resize): Resizing allows changing column width on the fly by simply dragging the right corner of the column header. -* [Row re-ordering](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=angular-gantt-npm#/bootstrap5/gantt/drag-and-drop): Allows rows to be rearranged through drag and drop actions, changing their position and hierarchy level. A child row can be moved as a sibling within the same parent row or as a child to a different parent row. -* [Selection](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=angular-gantt-npm#/bootstrap5/gantt/selection): Rows or cells can be selected in the Gantt Chart. One or more rows or cells can also be selected by holding Shift, Ctrl or Command, or programmatically. -* [Templates](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=angular-gantt-npm#/bootstrap5/gantt/column-template): Templates can be used to create custom user experiences in the gantt. -* [RTL support](https://ej2.syncfusion.com/angular/documentation/gantt/global-local/#right-to-left-rtl): Provides the right-to-left mode which aligns content in the Gantt Chart component from right to left. This improves user experience and accessibility for those who work with RTL languages like Hebrew and Arabic. -* [Localization](https://ej2.syncfusion.com/angular/documentation/gantt/global-local/#localization): Provides inherent support to localize the UI. +* [Data sources](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/gantt/local-data?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm): Bind hierarchical or self-referential data to Gantt chart with an array of JSON objects or DataManager. +* [Timeline](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/gantt/timeline?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm): Display timescale from minutes to decades easily, and also display custom texts in the timeline units. Timeline can be displayed in either one-tier or two-tier layout. +* [Task dependency](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/gantt/editing?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm): Allows for the definition or update of dependencies between tasks in a project using four types of task dependencies: Finish – Start, Start – Finish, Finish – Finish, and Start – Start. +* [Resources](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/gantt/resource-view?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm): Visualizes the list of tasks assigned to each resource in hierarchy manner and switch the resources as per user need by task editing. +* [Editing](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/gantt/editing?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm): Provides the options to dynamically insert, delete and update tasks using columns, dialog and taskbar editing options. +* [Virtual scrolling](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/gantt/virtual-scroll?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm): Improves the performance of the gantt control when binding large amounts of data by only rendering the currently visible parts of the user interface and rendering other elements as needed while scrolling. +* [Critical path](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/gantt/critical-path?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm): The critical path in a project is displayed by a single task or a series of tasks. If a task in critical path is delayed, the entire project will be delayed. A task is considered to be critical if any delay to this task would affect the project end date. +* [Customizable taskbars](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/gantt/taskbar-template?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm): Display various tasks in a project using parent and child taskbars, summary taskbars and milestone UI, which can be customized with templates. +* [Unscheduled tasks](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/gantt/unscheduled-task?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm): Gantt Chart supports the display of tasks with undefined start date, end date or duration in a project. +* [Baseline](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/gantt/baseline?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm): Display the deviations between planned dates and actual dates of a task in a project using baselines. +* [Markers and indicators](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/gantt/event-markers?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm): Display indicators and flags along with taskbars and task labels. Also map important events in a project using event marker. +* [Task label customization](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/gantt/tasklabel-template?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm): Allows for the customization of labels within and on either side of the task bar. +* [Sorting](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/gantt/sorting-api?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm): Supports n levels of sorting. +* [Filtering](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/gantt/filtering?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm): Offers filter UIs such as filter bar and menu at each column to filter data. Also allows for filtering based on related parent or child records. +* [Columns](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/gantt/column-menu?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm): Column definitions are used as the dataSource schema in the gantt. This plays a vital role in rendering column values in the required format. Column functionalities such as resizing, reordering, column template, show or hide columns, etc., are supported. +* [Column re-ordering](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/gantt/reorder?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm): Drag any column and drop it at any position in the grid's column header row, to reposition the column. +* [Column resizing](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/gantt/resize?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm): Resizing allows changing column width on the fly by simply dragging the right corner of the column header. +* [Row re-ordering](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/gantt/drag-and-drop?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm): Allows rows to be rearranged through drag and drop actions, changing their position and hierarchy level. A child row can be moved as a sibling within the same parent row or as a child to a different parent row. +* [Selection](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/gantt/selection?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm): Rows or cells can be selected in the Gantt Chart. One or more rows or cells can also be selected by holding Shift, Ctrl or Command, or programmatically. +* [Templates](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/gantt/column-template?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm): Templates can be used to create custom user experiences in the gantt. +* [RTL support](https://ej2.syncfusion.com/angular/documentation/gantt/global-local/#right-to-left-rtl?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm): Provides the right-to-left mode which aligns content in the Gantt Chart component from right to left. This improves user experience and accessibility for those who work with RTL languages like Hebrew and Arabic. +* [Localization](https://ej2.syncfusion.com/angular/documentation/gantt/global-local/#localization?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm): Provides inherent support to localize the UI. ## Resources -* [Theme Studio](https://ej2.syncfusion.com/themestudio/) -* [What's New](https://www.syncfusion.com/products/whatsnew/angular?utm_medium=listing&utm_source=github) -* [Road Map](https://www.syncfusion.com/products/roadmap/angular) -* [E-Books](https://www.syncfusion.com/succinctly-free-ebooks?searchkey=angular&type=all) +* [Theme Studio](https://ej2.syncfusion.com/themestudio/?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm) +* [What's New](https://www.syncfusion.com/products/whatsnew/angular?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm) +* [Road Map](https://www.syncfusion.com/products/roadmap/angular?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm) +* [E-Books](https://www.syncfusion.com/succinctly-free-ebooks?searchkey=angular&type=all?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm) ## Support Product support is available through following mediums. -* [Support ticket](https://support.syncfusion.com/support/tickets/create) - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support +* [Support ticket](https://support.syncfusion.com/support/tickets/create?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm) - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support * [Community forum](https://www.syncfusion.com/forums/angular-js2?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm) -* [GitHub issues](https://github.com/syncfusion/ej2-angular-ui-components/issues/new) +* [GitHub issues](https://github.com/syncfusion/ej2-angular-ui-components/issues/new?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm) * [Request feature or report bug](https://www.syncfusion.com/feedback/angular?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm) * Live chat ## Changelog -Check the changelog [here](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/components/gantt/CHANGELOG.md). Get minor improvements and bug fixes every week to stay up to date with frequent updates. +Check the changelog [here](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/components/gantt/CHANGELOG.md?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm). Get minor improvements and bug fixes every week to stay up to date with frequent updates. ## License and copyright -> This is a commercial product and requires a paid license for possession or use. Syncfusion® licensed software, including this component, is subject to the terms and conditions of Syncfusion® [EULA](https://www.syncfusion.com/eula/es/). To acquire a license for 140+ [Angular UI components](https://www.syncfusion.com/angular-components), you can [purchase](https://www.syncfusion.com/sales/products) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials). +> This is a commercial product and requires a paid license for possession or use. Syncfusion® licensed software, including this component, is subject to the terms and conditions of Syncfusion® [EULA](https://www.syncfusion.com/license/studio/33.2.3/syncfusion_essential_studio_eula.pdf?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm). To acquire a license for 150+ [Angular UI components](https://www.syncfusion.com/angular-components?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm), you can [purchase](https://www.syncfusion.com/sales/pricing?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm). -> A free community [license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers. +> A free community [license](https://www.syncfusion.com/products/communitylicense?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers. -See [LICENSE FILE](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/license) for more info. +See [LICENSE FILE](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/license?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm) for more info. © Copyright 2025 Syncfusion® Inc. All Rights Reserved. The Syncfusion® Essential Studio® license and copyright applies to this distribution. \ No newline at end of file diff --git a/components/grids/README.md b/components/grids/README.md index e64633548..971b86395 100644 --- a/components/grids/README.md +++ b/components/grids/README.md @@ -1,18 +1,18 @@ # Angular Data Grid Component -The [Angular Data Grid](https://www.syncfusion.com/angular-ui-components/angular-grid?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm) component is a powerful and flexible tool for displaying and manipulating tabular data. Angular Data Grid component is its ability to bind to a wide range of data sources, including arrays of JSON objects, `OData web services`, and the Syncfusion® [DataManager](https://ej2.syncfusion.com/angular/documentation/data/data-binding/?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm). This makes it easy to integrate the grid into your application and display data from a variety of sources. In addition to its data binding capabilities, the Angular Data Grid also offers support for features such as sorting, filtering, paging, grouping, editing, frozen rows and columns, virtualization, and more. These features allow you to easily manipulate and present large datasets in an efficient and user-friendly way. +The [Angular Data Grid](https://www.syncfusion.com/angular-components/angular-data-grid?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm) component is a powerful and flexible tool for displaying and manipulating tabular data. Angular Data Grid component is its ability to bind to a wide range of data sources, including arrays of JSON objects, `OData web services`, and the Syncfusion® [DataManager](https://ej2.syncfusion.com/angular/documentation/data/data-binding?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm). This makes it easy to integrate the grid into your application and display data from a variety of sources. In addition to its data binding capabilities, the Angular Data Grid also offers support for features such as sorting, filtering, paging, grouping, editing, frozen rows and columns, virtualization, and more. These features allow you to easily manipulate and present large datasets in an efficient and user-friendly way.

- Getting Started . - Online demos . - Learn more + Getting Started . + Online demos . + Learn more

![Angular Grid Component](https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/angular/angular-datagrid.png)

Trusted by the world's leading companies - + Bootstrap logo

@@ -21,7 +21,7 @@ Trusted by the world's leading companies ### Create an Angular Application -You can use [Angular CLI](https://github.com/angular/angular-cli) to setup your Angular applications. To install the Angular CLI, use the following command. +You can use [Angular CLI](https://github.com/angular/angular-cli?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm) to setup your Angular applications. To install the Angular CLI, use the following command. ```bash npm install -g @angular/cli @@ -36,7 +36,7 @@ cd my-app ### Adding Syncfusion® Grid package -All Syncfusion® Angular packages are available in [npmjs.com](https://www.npmjs.com/~syncfusionorg). To install the Angular grid package, use the following command. +All Syncfusion® Angular packages are available in [npmjs.com](https://www.npmjs.com/~syncfusionorg?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm). To install the Angular grid package, use the following command. ```bash ng add @syncfusion/ej2-angular-grids @@ -86,58 +86,58 @@ export class AppComponent implements OnInit { Grid component is also offered in the following list of frameworks. -| [](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github)
     [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github)     | [](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)
       [React](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)       | [](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)
       [Vue](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)          | [](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)
  [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)   | [](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)
  [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)   | +| [](https://www.syncfusion.com/javascript-ui-controls?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm)
     [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm)     | [](https://www.syncfusion.com/react-ui-components?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm)
       [React](https://www.syncfusion.com/react-components?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm)       | [](https://www.syncfusion.com/vue-components?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm)
       [Vue](https://www.syncfusion.com/vue-components?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm)          | [](https://www.syncfusion.com/aspnet-core-ui-controls?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm)
  [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm)   | [](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm)
  [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm)   | | :-----: | :-----: | :-----: | :-----: | :-----: | ## Showcase samples * Expense Tracker - [Source](https://github.com/syncfusion/ej2-showcase-angular-expensetracker?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm), [Live Demo](https://ej2.syncfusion.com/showcase/angular/expensetracker/#/dashboard?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm) -* Loan Calculator - [Source](https://github.com/syncfusion/ej2-sample-ng-loancalculator?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm), [Live Demo](https://ej2.syncfusion.com/showcase/angular/loancalculator/?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm) +* Loan Calculator - [Source](https://github.com/syncfusion/ej2-showcase-angular-loan-calculator?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm), [Live Demo](https://ej2.syncfusion.com/showcase/angular/loancalculator/?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm) ## Key features -* [Data sources](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm#/material/grid/local-data): Bind data seamlessly with various local and remote data sources such as JSON, OData, WCF, and RESTful web services with the help of [DataManager](https://ej2.syncfusion.com/angular/documentation/data/data-binding/?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm). -* [Async pipe](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm#/material/grid/async-pipe): Bind the Grid component with `RxJS.Observable` using the `async` pipe. -* [High performance](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm#/material/grid/virtualization): Well thought out efforts, and focuses mainly on fast paced performance to load millions of records. Grid renders only the rows within the viewport, and loads additional data as the user scrolls vertically. -* [Adaptive UI layout](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm#/material/grid/adaptive-layout): UI is customized and redesigned for great views and usability on small screens. Filter, sort, search, and edit dialogs adaptive to the screen size and render row elements in a vertical direction. -* [Sorting and grouping](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm#/material/grid/grouping): Supporting N level of sorting and grouping can be useful for more complex data sets that have a deeper hierarchical structure or that need to be organized and analyzed in more detailed ways. -* [Aggregation](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm#/material/grid/aggregate-default): Easily visualize the aggregates for column values by calculating and displaying summary statistics such as sums, averages, counts, etc. By default, the aggregate value can be displayed in the footer, group footer, or group caption of the grid. -* [Filtering](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm#/material/grid/filtering): The filter UIs, including the filter bar, menu, excel, and checkbox, are available at each column to filter data. -* [Paging](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm#/material/grid/paging): Paging is used to view a segment of data from the assigned data source. It requests data on-demand when navigating to another page also allows to change the page size on the fly by using the page size dropdown in the pager. -* [Editing](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm#/material/grid/normal-edit): Grid supports create, read, update, and delete operations (CRUD). Also provides various edit modes such as inline, dialog, and batch edit (cell editing). -* [Selection](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm#/material/grid/selection): Select rows or cells either by using checkbox or by simply clicking them. Select more than one row or cell by holding Ctrl or Shift or Command, or simply dragging the pointer over the cells, or programmatically. -* [Hierarchical binding](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm#/material/grid/hierarchy): Allows you to display table data in a hierarchical structure, allowing you to visualize the relationships between parent and child records in a clear and organized way. -* [Templates](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm#/material/grid/column-template): Using templates, users can create custom UI. It provides various template options to create custom headers, custom cell contents, custom rows, detail rows, toolbars, and custom editors for edit action. -* [Row drag and drop](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm#/material/grid/row-drag-and-drop.html): The Grid rows can be reordered while drag and drop the rows within the grid. Also allows to drop the dragged rows another Grid or custom component. +* [Data sources](https://ej2.syncfusion.com/angular/demos/#/tailwind3/grid/local-data?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm): Bind data seamlessly with various local and remote data sources such as JSON, OData, WCF, and RESTful web services with the help of [DataManager](https://ej2.syncfusion.com/angular/documentation/data/data-binding?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm). +* [Async pipe](https://ej2.syncfusion.com/angular/demos/#/tailwind3/grid/async-pipe?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm): Bind the Grid component with `RxJS.Observable` using the `async` pipe. +* [High performance](https://ej2.syncfusion.com/angular/demos/#/tailwind3/grid/virtualization?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm): Well thought out efforts, and focuses mainly on fast paced performance to load millions of records. Grid renders only the rows within the viewport, and loads additional data as the user scrolls vertically. +* [Adaptive UI layout](https://ej2.syncfusion.com/angular/demos/#/tailwind3/grid/adaptive-layout?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm): UI is customized and redesigned for great views and usability on small screens. Filter, sort, search, and edit dialogs adaptive to the screen size and render row elements in a vertical direction. +* [Sorting and grouping](https://ej2.syncfusion.com/angular/demos/#/tailwind3/grid/grouping?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm): Supporting N level of sorting and grouping can be useful for more complex data sets that have a deeper hierarchical structure or that need to be organized and analyzed in more detailed ways. +* [Aggregation](https://ej2.syncfusion.com/angular/demos/#/tailwind3/grid/aggregate-default?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm): Easily visualize the aggregates for column values by calculating and displaying summary statistics such as sums, averages, counts, etc. By default, the aggregate value can be displayed in the footer, group footer, or group caption of the grid. +* [Filtering](https://ej2.syncfusion.com/angular/demos/#/tailwind3/grid/filtering?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm): The filter UIs, including the filter bar, menu, excel, and checkbox, are available at each column to filter data. +* [Paging](https://ej2.syncfusion.com/angular/demos/#/tailwind3/grid/paging?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm): Paging is used to view a segment of data from the assigned data source. It requests data on-demand when navigating to another page also allows to change the page size on the fly by using the page size dropdown in the pager. +* [Editing](https://ej2.syncfusion.com/angular/demos/#/tailwind3/grid/normal-edit?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm): Grid supports create, read, update, and delete operations (CRUD). Also provides various edit modes such as inline, dialog, and batch edit (cell editing). +* [Selection](https://ej2.syncfusion.com/angular/demos/#/tailwind3/grid/selection?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm): Select rows or cells either by using checkbox or by simply clicking them. Select more than one row or cell by holding Ctrl or Shift or Command, or simply dragging the pointer over the cells, or programmatically. +* [Hierarchical binding](https://ej2.syncfusion.com/angular/demos/#/tailwind3/grid/hierarchy?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm): Allows you to display table data in a hierarchical structure, allowing you to visualize the relationships between parent and child records in a clear and organized way. +* [Templates](https://ej2.syncfusion.com/angular/demos/#/tailwind3/grid/column-template?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm): Using templates, users can create custom UI. It provides various template options to create custom headers, custom cell contents, custom rows, detail rows, toolbars, and custom editors for edit action. +* [Row drag and drop](https://ej2.syncfusion.com/angular/demos/#/tailwind3/grid/drag-and-drop?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm): The Grid rows can be reordered while drag and drop the rows within the grid. Also allows to drop the dragged rows another Grid or custom component. * Columns: Column definitions are used as the dataSource schema in the Grid. This plays a vital role in rendering column values in the required format. - * [Reordering](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm#/material/grid/column/reorder): Allows you to rearrange the columns in the grid by dragging and dropping them to a new position in the column header row. - * [Column chooser](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm#/material/grid/column/column-chooser): It provides a list of column names paired with check boxes that allow the visibility to be toggled on the fly. - * [Resizing](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm#/material/grid/column/column-resizing): Resizing allows changing column width on the fly by simply dragging the right corner of the column header. - * [Frozen rows and columns](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm#/material/grid/frozen-rows): Provides the ability to freeze columns and rows to allow for easy scrolling and comparison of cell values. It also offers the option to freeze columns on either the left or right side, or on both sides, of the grid. - * [Cell spanning](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm#/material/grid/column/column-spanning): Grid cells can be spanned across multiple columns or rows in a grid layout to create a larger cell that takes up more space in the grid. - * [Foreign key column binding](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm#/material/grid/column/foreign-key): A column can display values from external or lookup data sources using foreign key/value mapping. -* [Context menu](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm#/material/grid/context-menu): The context menu provides a list of actions to be performed in the grid. It appears when a grid cell, header, or the pager is right-clicked. -* [Clipboard](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm#/material/grid/clipboard): Selected rows and cells can be copied from the grid without header using Ctrl + C or with header using Ctrl + Shift + H shortcut. This allows you to easily transfer data from the grid to other applications or documents as needed. -* [Export to Excel and PDF](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm#/material/grid/default-exporting): Provides the option to export grid data to Excel, PDF, and CSV formats. -* [RTL support](https://ej2.syncfusion.com/angular/documentation/grid/global-local/?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm#right-to-left---rtl): Provides the right-to-left mode which aligns content in the Grid component from right to left. -* [Accessibility](https://ej2.syncfusion.com/angular/documentation/grid/accessibility/?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm#wai-aria): Designed to be accessible to users with disabilities, with features such as WAI-ARIA standard compliance and keyboard navigation to ensure that the grid can be effectively used with assistive technologies such as screen readers. -* [Localization](https://ej2.syncfusion.com/angular/documentation/grid/global-local/?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm#localization): The Localization library enables you to adapt the default text content of the grid to fit the language and cultural preferences of your target audience. + * [Reordering](https://ej2.syncfusion.com/angular/demos/#/tailwind3/grid/column/reorder?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm): Allows you to rearrange the columns in the grid by dragging and dropping them to a new position in the column header row. + * [Column chooser](https://ej2.syncfusion.com/angular/demos/#/tailwind3/grid/column/column-chooser?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm): It provides a list of column names paired with check boxes that allow the visibility to be toggled on the fly. + * [Resizing](https://ej2.syncfusion.com/angular/demos/#/tailwind3/grid/column/column-resizing?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm): Resizing allows changing column width on the fly by simply dragging the right corner of the column header. + * [Frozen rows and columns](https://ej2.syncfusion.com/angular/demos/#/tailwind3/grid/frozen-rows-columns?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm): Provides the ability to freeze columns and rows to allow for easy scrolling and comparison of cell values. It also offers the option to freeze columns on either the left or right side, or on both sides, of the grid. + * [Cell spanning](https://ej2.syncfusion.com/angular/demos/#/tailwind3/grid/column/column-spanning?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm): Grid cells can be spanned across multiple columns or rows in a grid layout to create a larger cell that takes up more space in the grid. + * [Foreign key column binding](https://ej2.syncfusion.com/angular/demos/#/tailwind3/grid/column/foreign-key?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm): A column can display values from external or lookup data sources using foreign key/value mapping. +* [Context menu](https://ej2.syncfusion.com/angular/demos/#/tailwind3/grid/context-menu?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm): The context menu provides a list of actions to be performed in the grid. It appears when a grid cell, header, or the pager is right-clicked. +* [Clipboard](https://ej2.syncfusion.com/angular/demos/#/tailwind3/grid/clipboard?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm): Selected rows and cells can be copied from the grid without header using Ctrl + C or with header using Ctrl + Shift + H shortcut. This allows you to easily transfer data from the grid to other applications or documents as needed. +* [Export to Excel and PDF](https://ej2.syncfusion.com/angular/demos/#/tailwind3/grid/default-exporting?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm): Provides the option to export grid data to Excel, PDF, and CSV formats. +* [RTL support](https://ej2.syncfusion.com/angular/documentation/grid/global-local#right-to-left---rtl?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm): Provides the right-to-left mode which aligns content in the Grid component from right to left. +* [Accessibility](https://ej2.syncfusion.com/angular/documentation/grid/accessibility?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm): Designed to be accessible to users with disabilities, with features such as WAI-ARIA standard compliance and keyboard navigation to ensure that the grid can be effectively used with assistive technologies such as screen readers. +* [Localization](https://ej2.syncfusion.com/angular/documentation/grid/global-local#localization?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm): The Localization library enables you to adapt the default text content of the grid to fit the language and cultural preferences of your target audience. ## Resources -* [Documentation](https://ej2.syncfusion.com/angular/documentation/grid/getting-started) -* [Theme Studio](https://ej2.syncfusion.com/themestudio/) -* [What's New](https://www.syncfusion.com/products/whatsnew/angular?utm_medium=listing&utm_source=github) -* [Road Map](https://www.syncfusion.com/products/roadmap/angular) -* [E-Books](https://www.syncfusion.com/succinctly-free-ebooks?searchkey=angular&type=all) +* [Documentation](https://ej2.syncfusion.com/angular/documentation/grid/getting-started?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm) +* [Theme Studio](https://ej2.syncfusion.com/themestudio/?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm) +* [What's New](https://www.syncfusion.com/products/whatsnew/angular?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm) +* [Road Map](https://www.syncfusion.com/products/roadmap/angular?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm) +* [E-Books](https://www.syncfusion.com/succinctly-free-ebooks?searchkey=angular&type=all?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm) ## Support Product support is available through the following mediums. -* [Support ticket](https://support.syncfusion.com/support/tickets/create) - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support +* [Support ticket](https://support.syncfusion.com/support/tickets/create?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm) - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support * [Community forum](https://www.syncfusion.com/forums/angular-js2?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm) -* [GitHub issues](https://github.com/syncfusion/ej2-angular-ui-components/issues/new) +* [GitHub issues](https://github.com/syncfusion/ej2-angular-ui-components/issues/new?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm) * [Request feature or report bug](https://www.syncfusion.com/feedback/angular?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm) * Live chat @@ -147,9 +147,9 @@ Check the changelog [here](https://github.com/syncfusion/ej2-angular-ui-componen ## License and copyright -> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's [EULA](https://www.syncfusion.com/eula/es/). To acquire a license for 140+ [Angular UI components](https://www.syncfusion.com/angular-components), you can [purchase](https://www.syncfusion.com/sales/products) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials). +> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's [EULA](https://www.syncfusion.com/license/studio/33.2.3/syncfusion_essential_studio_eula.pdf?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm). To acquire a license for 150+ [Angular UI components](https://www.syncfusion.com/angular-components?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm), you can [purchase](https://www.syncfusion.com/sales/pricing?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm). -> A free community [license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers. +> A free community [license](https://www.syncfusion.com/products/communitylicense?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers. See [LICENSE FILE](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/license?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm) for more info. diff --git a/components/richtexteditor/README.md b/components/richtexteditor/README.md index ede52b048..cb9257af1 100644 --- a/components/richtexteditor/README.md +++ b/components/richtexteditor/README.md @@ -1,12 +1,12 @@ # Angular Rich Text Editor | Angular Markdown Editor -The [Angular RichTextEditor](https://www.syncfusion.com/angular-ui-components/angular-wysiwyg-rich-text-editor?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm) is a feature-rich WYSIWYG HTML editor and Markdown editor. The Rich Text Editor is widely used to create blogs, forum posts, notes sections, comment sections, messaging applications, and more. The component provides an efficient user interface for a better editing experience with mobile support. It has a variety of tools to edit and format rich content, and it return a valid HTML markup or Markdown (MD) content. It allows users to insert images, links, tables, media files and lists with modular architectures. +The [Angular RichTextEditor](https://www.syncfusion.com/angular-components/angular-rich-text-editor?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm) is a feature-rich WYSIWYG HTML editor and Markdown editor. The Rich Text Editor is widely used to create blogs, forum posts, notes sections, comment sections, messaging applications, and more. The component provides an efficient user interface for a better editing experience with mobile support. It has a variety of tools to edit and format rich content, and it return a valid HTML markup or Markdown (MD) content. It allows users to insert images, links, tables, media files and lists with modular architectures.

📖Getting started • - 🚀Online demos • - 🌐Learn more + 🚀Online demos • + 🌐Learn more

@@ -71,7 +71,7 @@ export class AppModule { }

ℹ️ Note:

- RichTextEditorAllModule includes all features of the Rich Text Editor. To reduce bundle size, consider importing only the required modules individually. For detailed information on module injection, refer to the Syncfusion Rich Text Editor Module Documentation. + RichTextEditorAllModule includes all features of the Rich Text Editor. To reduce bundle size, consider importing only the required modules individually. For detailed information on module injection, refer to the Syncfusion Rich Text Editor Module Documentation.
### 🧩 Add the Rich Text Editor Component @@ -97,65 +97,65 @@ export class AppComponent { } Rich Text Editor component is also offered in following list of frameworks. -| [](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github)
     [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github)     | [](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)
       [React](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)       | [](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)
       [Vue](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)          | [](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)
  [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)   | [](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)
  [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)   | +| [](https://www.syncfusion.com/javascript-ui-controls?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm)
     [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm)     | [](https://www.syncfusion.com/react-components?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm)
       [React](https://www.syncfusion.com/react-components?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm)       | [](https://www.syncfusion.com/vue-components?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm)
       [Vue](https://www.syncfusion.com/vue-components?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm)          | [](https://www.syncfusion.com/aspnet-core-ui-controls?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm)
  [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm)   | [](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm)
  [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm)   | | :-----: | :-----: | :-----: | :-----: | :-----: | ## 🏗️ Showcase samples -* [Angular HTML editor demo](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm/#/bootstrap5/rich-text-editor/tools) -* [Blog posting using angular rich text editor demo](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm/#/bootstrap5/rich-text-editor/blog-posting) -* [Angular Markdown editor demo](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm/#/bootstrap5/rich-text-editor/markdown-editor) -* [Angular live HTML editor demo](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm/#/bootstrap5/rich-text-editor/online-html-editor) +* [Angular HTML editor demo](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/rich-text-editor/tools?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm) +* [Blog posting using angular rich text editor demo](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/rich-text-editor/blog-posting?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm) +* [Angular Markdown editor demo](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/rich-text-editor/markdown-editor?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm) +* [Angular live HTML editor demo](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/rich-text-editor/online-html-editor?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm) ## ✨ Key features -* [Edit mode](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm/#/bootstrap5/rich-text-editor/iframe) - HTML content is possible to edit in a `div` element or an `iframe` in the rich text editor. +* [Edit mode](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/rich-text-editor/iframe?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm) - HTML content is possible to edit in a `div` element or an `iframe` in the rich text editor. -* [@Mentions](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/rich-text-editor/mention-integration) - Easily mention users, tags, or items with an autocomplete suggestion list. +* [@Mentions](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/rich-text-editor/mention-integration?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm) - Easily mention users, tags, or items with an autocomplete suggestion list. -* [Slash Menu Support](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/rich-text-editor/smart-suggestion) - Quickly insert content blocks using the `/` command. +* [Slash Menu Support](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/rich-text-editor/smart-suggestion?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm) - Quickly insert content blocks using the `/` command. -* [Checklist Suport](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/rich-text-editor/tools) - Allows users to create checklists (to-do lists) directly within the editor. Users can easily add interactive checkbox items to their content. +* [Checklist Suport](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/rich-text-editor/tools?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm) - Allows users to create checklists (to-do lists) directly within the editor. Users can easily add interactive checkbox items to their content. -* [Accessibility & WCAG 2.0 Compliance](https://ej2.syncfusion.com/angular/documentation/rich-text-editor/accessibility) - Ensures full accessibility support, making it user-friendly for people who rely on assistive technologies (AT) or keyboard navigation. +* [Accessibility & WCAG 2.0 Compliance](https://ej2.syncfusion.com/angular/documentation/rich-text-editor/accessibility?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm) - Ensures full accessibility support, making it user-friendly for people who rely on assistive technologies (AT) or keyboard navigation. -* [Preventing Cross-Site Scripting (XSS)](https://ej2.syncfusion.com/aspnetcore/documentation/rich-text-editor/prevent-cross-site-scripting?utm_source=npm&utm_medium=listing&utm_campaign=javascript-richtexteditor-npm) - The Rich Text Editor allows users to edit the content with security by preventing cross-site scripting (XSS). +* [Preventing Cross-Site Scripting (XSS)](https://ej2.syncfusion.com/aspnetcore/documentation/rich-text-editor/prevent-cross-site-scripting?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm) - The Rich Text Editor allows users to edit the content with security by preventing cross-site scripting (XSS). -* [HTML code editing](https://ej2.syncfusion.com/angular/documentation/rich-text-editor/miscellaneous/?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm/#code-view) - The rich text editor allows users to edit the HTML code directly in the HTML code view. +* [HTML code editing](https://ej2.syncfusion.com/aspnetcore/documentation/rich-text-editor/code-view-support?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm) - The rich text editor allows users to edit the HTML code directly in the HTML code view. -* [Markdown editor](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm/#/bootstrap5/rich-text-editor/markdown-editor-preview) - The rich text editor allows you to edit Markdown content using the Markdown syntax. +* [Markdown editor](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/rich-text-editor/tools?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm) - The rich text editor allows you to edit Markdown content using the Markdown syntax. -* [Markdown content preview](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm/#/bootstrap5/rich-text-editor/markdown-editor-preview) - Preview of the modified Markdown content in the editor, you can give users the ability to see what the formatted content will look like before they save it. +* [Markdown content preview](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/rich-text-editor/tools?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm) - Preview of the modified Markdown content in the editor, you can give users the ability to see what the formatted content will look like before they save it. -* [Tools](https://ej2.syncfusion.com/angular/documentation/rich-text-editor/toolbar/?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm/#toolbar-items) - The rich text editor handles a wide range of features, including inserting images, hyperlinks, tables, formatting tools, and more. +* [Tools](https://ej2.syncfusion.com/angular/documentation/rich-text-editor/toolbar/toolbar-types#toolbar-items?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm) - The rich text editor handles a wide range of features, including inserting images, hyperlinks, tables, formatting tools, and more. -* [Toolbar appearance](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm/#/bootstrap5/rich-text-editor/types) - The rich text editor can provide a fully customizable toolbar that allows users to access the various formatting and editing options that are available. +* [Toolbar appearance](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/rich-text-editor/types?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm) - The rich text editor can provide a fully customizable toolbar that allows users to access the various formatting and editing options that are available. -* [Export and Import](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm/#/bootstrap5/rich-text-editor/export-document) - Supports exporting content to PDF, and Word formats. +* [Export and Import](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/rich-text-editor/export-document?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm) - Supports exporting content to PDF, and Word formats. -* [Copy and paste](https://ej2.syncfusion.com/angular/documentation/rich-text-editor/paste-cleanup) - Copy and paste from Microsoft Word, Outlook, or other editors or sources while preserving formatting, styles, and structure. +* [Copy and paste](https://ej2.syncfusion.com/angular/documentation/rich-text-editor/paste-cleanup?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm) - Copy and paste from Microsoft Word, Outlook, or other editors or sources while preserving formatting, styles, and structure. -* [Undo and redo](https://ej2.syncfusion.com/angular/documentation/rich-text-editor/undo-redo) - Users can use undo and redo actions to reverse or repeat actions they took while editing the content. +* [Undo and redo](https://ej2.syncfusion.com/angular/documentation/rich-text-editor/undo-redo?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm) - Users can use undo and redo actions to reverse or repeat actions they took while editing the content. -* [Module injection](https://ej2.syncfusion.com/angular/documentation/rich-text-editor/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm/#module-injection) - It is possible to create a editor that utilizes a modular library to load the necessary functionality on demand. This can be useful for optimizing the performance of the editor. +* [Module injection](https://ej2.syncfusion.com/angular/documentation/rich-text-editor/getting-started#module-injection?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm) - It is possible to create a editor that utilizes a modular library to load the necessary functionality on demand. This can be useful for optimizing the performance of the editor. -* [Third-party integration](https://ej2.syncfusion.com/angular/documentation/rich-text-editor/third-party-integration/?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm) - It is possible to integrate a third-party library into a rich text editor to add additional functionality or features to the editor like `Code-mirror`, `Embedly` and more. +* [Third-party integration](https://ej2.syncfusion.com/angular/documentation/rich-text-editor/third-party-integration?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm) - It is possible to integrate a third-party library into a rich text editor to add additional functionality or features to the editor like `Code-mirror`, `Embedly` and more. ## 📚 Resources -* [Documentation](https://ej2.syncfusion.com/angular/documentation/rich-text-editor/getting-started) -* [Theme Studio](https://ej2.syncfusion.com/themestudio/) -* [What's New](https://www.syncfusion.com/products/whatsnew/angular?utm_medium=listing&utm_source=github) -* [Road Map](https://www.syncfusion.com/products/roadmap/angular) -* [E-Books](https://www.syncfusion.com/succinctly-free-ebooks?searchkey=angular&type=all) +* [Documentation](https://ej2.syncfusion.com/angular/documentation/rich-text-editor/getting-started?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm) +* [Theme Studio](https://ej2.syncfusion.com/themestudio/?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm) +* [What's New](https://www.syncfusion.com/products/whatsnew/angular?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm) +* [Road Map](https://www.syncfusion.com/products/roadmap/angular?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm) +* [E-Books](https://www.syncfusion.com/succinctly-free-ebooks?searchkey=angular&type=all?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm) ## 🤝 Support Product support is available through the following mediums. -* [Support ticket](https://support.syncfusion.com/support/tickets/create) - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support +* [Support ticket](https://support.syncfusion.com/support/tickets/create?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm) - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support * [Community forum](https://www.syncfusion.com/forums/angular-js2?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm) -* [GitHub issues](https://github.com/syncfusion/ej2-angular-ui-components/issues/new) +* [GitHub issues](https://github.com/syncfusion/ej2-angular-ui-components/issues/new?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm) * [Request feature or report bug](https://www.syncfusion.com/feedback/angular?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm) * Live chat @@ -165,7 +165,7 @@ Check the changelog [here](https://github.com/syncfusion/ej2-angular-ui-componen ## ⚖️ License and copyright -> This is a commercial product and requires a paid license for possession or use. Syncfusion® licensed software, including this component, is subject to the terms and conditions of Syncfusion® [EULA](https://www.syncfusion.com/eula/es/). To acquire a license for 140+ [Angular UI components](https://www.syncfusion.com/angular-components), you can [purchase](https://www.syncfusion.com/sales/products) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials). +> This is a commercial product and requires a paid license for possession or use. Syncfusion® licensed software, including this component, is subject to the terms and conditions of Syncfusion® [EULA](https://www.syncfusion.com/license/studio/33.2.3/syncfusion_essential_studio_eula.pdf?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm). To acquire a license for 150+ [Angular UI components](https://www.syncfusion.com/angular-components?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm), you can [purchase](https://www.syncfusion.com/sales/pricing?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm). > A free community [license](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/license?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers. diff --git a/components/schedule/README.md b/components/schedule/README.md index a018ec3cd..3381db781 100644 --- a/components/schedule/README.md +++ b/components/schedule/README.md @@ -1,10 +1,10 @@ # Angular Schedule Component -The [Angular Schedule](https://www.syncfusion.com/angular-ui-components/angular-scheduler?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) component is an event calendar that facilitates almost all the basic Outlook and Google Calendar features, allowing the user to plan and manage appointments and time efficiently. It receives event data from a variety of data sources, such as an array of JSON objects, OData web services, RESTful or WCF services, and [DataManager](https://ej2.syncfusion.com/angular/documentation/data/data-binding/) with built-in load on demand support to reduce the data transfer and load time. Also, it is availed with the multiple resources support that allots an unique individual space for more than one resources on the same calendar. +The [Angular Schedule](https://www.syncfusion.com/angular-components/angular-scheduler?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) component is an event calendar that facilitates almost all the basic Outlook and Google Calendar features, allowing the user to plan and manage appointments and time efficiently. It receives event data from a variety of data sources, such as an array of JSON objects, OData web services, RESTful or WCF services, and [DataManager](https://ej2.syncfusion.com/angular/documentation/schedule/data-binding?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) with built-in load on demand support to reduce the data transfer and load time. Also, it is availed with the multiple resources support that allots an unique individual space for more than one resources on the same calendar.

Getting started . - Online demos . + Online demos . Learn more

@@ -93,7 +93,7 @@ export class AppComponent implements OnInit { Schedule component is also offered in the following list of frameworks. -| [](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github)
     [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github)     | [](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)
       [React](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)       | [](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)
       [Vue](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)          | [](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)
  [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)   | [](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)
  [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)   | +| [](https://www.syncfusion.com/javascript-ui-controls?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm)
     [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm)     | [](https://www.syncfusion.com/react-components?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm)
       [React](https://www.syncfusion.com/react-components?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm)       | [](https://www.syncfusion.com/vue-components?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm)
       [Vue](https://www.syncfusion.com/vue-components?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm)          | [](https://www.syncfusion.com/aspnet-core-ui-controls?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm)
  [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm)   | [](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm)
  [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm)   | | :-----: | :-----: | :-----: | :-----: | :-----: | ## Showcase samples @@ -116,26 +116,26 @@ Schedule component is also offered in the following list of frameworks. * [Customizable working days and hours](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/schedule/work-days?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) - Users can set specific [work hour](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/schedule/work-hours?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) range which is visually differentiated with active colour. Also, the working days collection can be customized with specific days, so that the remaining days will be considered as [weekend](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/schedule/hide-weekend?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm). * [Custom editor template](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/schedule/editor-template?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) - Template option is availed for event editor, thus allowing the users to add their own custom editor design and also provides option to add additional fields onto the default event editor. * [Adaptive rendering](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/schedule/month-agenda?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) - Adapts with optimal user interfaces for mobile and desktop form-factors, thus helping the user’s application to scale elegantly across all the form-factors without any additional effort. -* [Export to Excel](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/schedule/excel-export?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm) - Provides the options to Export the events to Excel formats. -* [Export and Import ICS](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/schedule/calendar-export-import?utm_source=npm&utm_medium=listing&utm_campaign=javascript-scheduler-npm) - Provides the options to Export and Import the events as ICS formats. +* [Export to Excel](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/schedule/excel-export?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) - Provides the options to Export the events to Excel formats. +* [Export and Import ICS](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/schedule/calendar-export-import?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) - Provides the options to Export and Import the events as ICS formats. * [Keyboard interaction](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/schedule/keyboard-interaction?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) - All the common actions such as traversing through the appointments, multiple cell selection, add/edit/delete the appointments, navigate to other views, dates and much more can be performed through keyboard inputs. * [Localization](https://ej2.syncfusion.com/angular/documentation/schedule/localization.html#localization?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) - All the static text and date content can be localized to any desired language. Also, it can be displayed with appropriate time mode and date-format as per the localized language. * [RTL](https://ej2.syncfusion.com/angular/documentation/schedule/localization.html#rtl?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) - Supports displaying the component to display in the direction from right to left. ## Resources -* [Theme Studio](https://ej2.syncfusion.com/themestudio/) -* [What's New](https://www.syncfusion.com/products/whatsnew/angular?utm_medium=listing&utm_source=github) -* [Road Map](https://www.syncfusion.com/products/roadmap/angular) -* [E-Books](https://www.syncfusion.com/succinctly-free-ebooks?searchkey=angular&type=all) +* [Theme Studio](https://ej2.syncfusion.com/themestudio/?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) +* [What's New](https://www.syncfusion.com/products/whatsnew/angular?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) +* [Road Map](https://www.syncfusion.com/products/roadmap/angular?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) +* [E-Books](https://www.syncfusion.com/succinctly-free-ebooks?searchkey=angular&type=all?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) ## Support Product support is available through the following mediums. -* [Support ticket](https://support.syncfusion.com/support/tickets/create) - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support +* [Support ticket](https://support.syncfusion.com/support/tickets/create?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support * [Community forum](https://www.syncfusion.com/forums/angular-js2?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) -* [GitHub issues](https://github.com/syncfusion/ej2-angular-ui-components/issues/new) +* [GitHub issues](https://github.com/syncfusion/ej2-angular-ui-components/issues/new?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) * [Request feature or report bug](https://www.syncfusion.com/feedback/angular?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) * Live chat @@ -145,9 +145,9 @@ Check the changelog [here](https://github.com/syncfusion/ej2-angular-ui-componen ## License and copyright -> This is a commercial product and requires a paid license for possession or use. Syncfusion® licensed software, including this component, is subject to the terms and conditions of Syncfusion® [EULA](https://www.syncfusion.com/eula/es/). To acquire a license for 140+ [Angular UI components](https://www.syncfusion.com/angular-components), you can [purchase](https://www.syncfusion.com/sales/products) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials). +> This is a commercial product and requires a paid license for possession or use. Syncfusion® licensed software, including this component, is subject to the terms and conditions of Syncfusion® [EULA](https://www.syncfusion.com/license/studio/33.2.3/syncfusion_essential_studio_eula.pdf?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm). To acquire a license for 150+ [Angular UI components](https://www.syncfusion.com/angular-components?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm), you can [purchase](https://www.syncfusion.com/sales/pricing?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm). -> A free community [license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers. +> A free community [license](https://www.syncfusion.com/products/communitylicense?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers. See [LICENSE FILE](https://github.com/syncfusion/ej2-angular-ui-components/blob/master/license?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) for more info. From 2a1cc913de3a63027ad512a6c26f93a6764954b5 Mon Sep 17 00:00:00 2001 From: Scholar Jaruha Date: Wed, 24 Jun 2026 08:56:15 +0300 Subject: [PATCH 2/3] Modified links --- components/charts/README.md | 2 +- components/diagrams/README.md | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/components/charts/README.md b/components/charts/README.md index 4fcac935d..fb0bc0ee4 100644 --- a/components/charts/README.md +++ b/components/charts/README.md @@ -270,7 +270,7 @@ Chart components are available in following list of frameworks. * Expense Tracker - [Source](https://github.com/syncfusion/ej2-showcase-angular-expensetracker?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm), [Live Demo](https://ej2.syncfusion.com/showcase/angular/expensetracker/#/dashboard?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) * Loan Calculator - [Source](https://github.com/syncfusion/ej2-showcase-angular-loan-calculator?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm), [Live Demo](https://ej2.syncfusion.com/showcase/angular/loancalculator/?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) * [Angular Stock Chart demo](https://ej2.syncfusion.com/showcase/angular/stockchart/#/stockChart/?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) -* Fitness Tracker - [Source](hhttps://github.com/SyncfusionExamples/showcase-angular-health-tracker-dashboard-demo?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm), [Live Demo](https://ej2.syncfusion.com/showcase/angular/healthtracker/src/#/dashboard/?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) +* Fitness Tracker - [Source](https://github.com/SyncfusionExamples/showcase-angular-health-tracker-dashboard-demo?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm), [Live Demo](https://ej2.syncfusion.com/showcase/angular/healthtracker/src/#/dashboard?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) ## Resources diff --git a/components/diagrams/README.md b/components/diagrams/README.md index 3ca3ed9c0..285c9c32d 100644 --- a/components/diagrams/README.md +++ b/components/diagrams/README.md @@ -4,7 +4,7 @@ The [Angular Diagram](https://www.syncfusion.com/angular-components/angular-diag

Getting started . - Online demos . + Online demos . Learn more

From 6c7532958cae186b2dcfd98c71ba047086f75128 Mon Sep 17 00:00:00 2001 From: Scholar Jaruha Date: Wed, 24 Jun 2026 14:18:55 +0300 Subject: [PATCH 3/3] Changed UTM --- components/charts/README.md | 92 ++++++++++++++--------------- components/diagrams/README.md | 52 ++++++++-------- components/filemanager/README.md | 10 ++-- components/gantt/README.md | 42 ++++++------- components/grids/README.md | 46 +++++++-------- components/richtexteditor/README.md | 26 ++++---- components/schedule/README.md | 34 +++++------ 7 files changed, 151 insertions(+), 151 deletions(-) diff --git a/components/charts/README.md b/components/charts/README.md index fb0bc0ee4..97884950c 100644 --- a/components/charts/README.md +++ b/components/charts/README.md @@ -13,7 +13,7 @@ The [Angular Chart Component](https://www.syncfusion.com/angular-components/angu

Getting started . - Online demos . + Online demos . Learn more

@@ -38,16 +38,16 @@ The [Angular Chart Component](https://www.syncfusion.com/angular-components/angu * [Angular Box Plot Chart](https://www.syncfusion.com/angular-components/angular-charts/chart-types/box-and-whisker-chart?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) * [Angular Histogram Chart](https://www.syncfusion.com/angular-components/angular-charts/chart-types/histogram-chart?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) * [Angular Financial Chart](https://www.syncfusion.com/angular-components/angular-charts/chart-types/stock-chart?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) -* [Data binding](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/chart/local-data?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Bind the Chart component with an array of JSON objects or DataManager. Other than chart series, data label and tooltip can also bound to your data. -* [Axis types](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/chart/numeric?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Supports multiple axes, and able to plot different data such as numbers, datetime, logarithmic and string. +* [Data binding](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm#/bootstrap5/chart/local-data): Bind the Chart component with an array of JSON objects or DataManager. Other than chart series, data label and tooltip can also bound to your data. +* [Axis types](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm#/bootstrap5/chart/numeric): Supports multiple axes, and able to plot different data such as numbers, datetime, logarithmic and string. * [Rendering modes](https://ej2.syncfusion.com/angular/documentation/chart/render-methods?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Supports two type of rendering: SVG and Canvas. By default chart rendered in SVG, You can easily switch between the two simple configuration. -* [Data label](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/chart/data-label-template?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Supports data label to annotate points with label to improve the readability of data. -* [Annotation](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/chart/pie-annotation?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Provides support to mark any specific area of interest by adding custom element. -* [Zooming and panning](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/chart/zooming?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Provides options to visualize the data points under any region using rectangular selection, pinch, or mouse wheel zooming. -* [Crosshair & trackball](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/chart/cross-hair?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Provides options to track data points closer to the mouse position or touch action. -* [Selection](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/chart/range-selection?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Allows you to select any data point or subset of points using selection feature. -* [Export](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/chart/export?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Provides the options to Export the chart to PDF, SVG and CSV formats. -* [RTL support](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/chart/rtl?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Provides a full-fledged right-to-left mode which aligns axis, tooltip, legend and data in the chart component from right to left. +* [Data label](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm#/bootstrap5/chart/data-label-template): Supports data label to annotate points with label to improve the readability of data. +* [Annotation](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm#/bootstrap5/chart/pie-annotation): Provides support to mark any specific area of interest by adding custom element. +* [Zooming and panning](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm#/bootstrap5/chart/zooming): Provides options to visualize the data points under any region using rectangular selection, pinch, or mouse wheel zooming. +* [Crosshair & trackball](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm)#/bootstrap5/chart/cross-hair: Provides options to track data points closer to the mouse position or touch action. +* [Selection](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm#/bootstrap5/chart/range-selection): Allows you to select any data point or subset of points using selection feature. +* [Export](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm#/bootstrap5/chart/export): Provides the options to Export the chart to PDF, SVG and CSV formats. +* [RTL support](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm#/bootstrap5/chart/rtl): Provides a full-fledged right-to-left mode which aligns axis, tooltip, legend and data in the chart component from right to left. * [Appearance](https://ej2.syncfusion.com/angular/documentation/chart/appearance?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Colors for the charts are picked by the built-in theme, but each element of the chart can be customized by simple configuration options. * [Accessibility](https://ej2.syncfusion.com/angular/documentation/chart/accessibility?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Designed to be accessible to users with disabilities, with features such as WAI-ARIA standard compliance and keyboard navigation to ensure that the chart can be effectively used with assistive technologies such as screen readers. * [Localization](https://ej2.syncfusion.com/angular/documentation/chart/localization?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): The Localization library enables you to adapt the default text content of the chart to fit the language and cultural preferences of your target audience. @@ -58,7 +58,7 @@ Built-in support for pie, doughnut, pyramid and funnel chart types, to show the

Getting started . - Online demos . + Online demos . Learn more

@@ -72,11 +72,11 @@ Built-in support for pie, doughnut, pyramid and funnel chart types, to show the * [Angular Doughnut Chart](https://www.syncfusion.com/angular-components/angular-charts/chart-types/donut-chart?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) * [Angular Pyramid Chart](https://www.syncfusion.com/angular-components/angular-charts/chart-types/pyramid-chart?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) * [Angular Funnel Chart](https://www.syncfusion.com/angular-components/angular-charts/chart-types/funnel-chart?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) -* [Smart labels](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/chart/smart-labels?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Supports arrangement of data labels smartly to avoid overlapping when the data point value falls in close range. -* [Grouping](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/chart/grouping?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Supports grouping of data points based on value and point count. -* [Semi-pie](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/chart/semi-pie?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Provides options to customize the start and end angle of the pie chart. -* [Legend](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/chart/pie-legend?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Provides options to display additional information about the points with the help of legend. -* [Tooltip](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/chart/donut?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Provides great user experiance by including a set of interactive features such as tooltip, drill-down, events, and selection. +* [Smart labels](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm#/bootstrap5/chart/smart-labels): Supports arrangement of data labels smartly to avoid overlapping when the data point value falls in close range. +* [Grouping](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm#/bootstrap5/chart/grouping): Supports grouping of data points based on value and point count. +* [Semi-pie](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm#/bootstrap5/chart/semi-pie): Provides options to customize the start and end angle of the pie chart. +* [Legend](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm#/bootstrap5/chart/pie-legend): Provides options to display additional information about the points with the help of legend. +* [Tooltip](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm#/bootstrap5/chart/donut): Provides great user experiance by including a set of interactive features such as tooltip, drill-down, events, and selection. ### Angular Stock Chart @@ -84,7 +84,7 @@ The [Angular Stock Chart](https://www.syncfusion.com/angular-components/angular-

Getting started . - Online demos . + Online demos . Learn more

@@ -95,14 +95,14 @@ The [Angular Stock Chart](https://www.syncfusion.com/angular-components/angular- #### Key features * [Data binding](https://ej2.syncfusion.com/angular/documentation/stock-chart/working-with-data?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Bind the stock chart component with an array of JSON objects or DataManager. Other than chart series, data label and tooltip can also bound to your data. -* [Range selector](https://ej2.syncfusion.com/angular/demos/#/tailwind3/stock-chart/disabled-period?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Supports range selector to filter a date range for data that needs to be visualized. -* [Period selector](https://ej2.syncfusion.com/angular/demos/#/tailwind3/stock-chart/disabled-navigator?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Supports period selector to select predefined periods just by a single click. -* [Technical indicators](https://ej2.syncfusion.com/angular/demos/#/tailwind3/stock-chart/default?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Incidators allows to analyze the past and predict the future market trends based on historic price, volume, or open interest. -* [Trendlines](https://ej2.syncfusion.com/angular/demos/#/tailwind3/stock-chart/default?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Predicts the future trends with predetermined data for any measurements. -* [Stock events](https://ej2.syncfusion.com/angular/demos/#/tailwind3/stock-chart/stock-events?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Supports stock events to show different kinds of market events on the chart. -* [Export](https://ej2.syncfusion.com/angular/demos/#/tailwind3/stock-chart/multi-pane?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Provides the options to Export the stock chart to PDF, SVG and CSV formats. +* [Range selector](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm#/bootstrap5/stock-chart/disabled-period): Supports range selector to filter a date range for data that needs to be visualized. +* [Period selector](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm#/bootstrap5/stock-chart/disabled-navigator): Supports period selector to select predefined periods just by a single click. +* [Technical indicators](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm#/bootstrap5/stock-chart/default): Incidators allows to analyze the past and predict the future market trends based on historic price, volume, or open interest. +* [Trendlines](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm#/bootstrap5/stock-chart/default): Predicts the future trends with predetermined data for any measurements. +* [Stock events](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm#/bootstrap5/stock-chart/stock-events): Supports stock events to show different kinds of market events on the chart. +* [Export](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm#/bootstrap5/stock-chart/multi-pane): Provides the options to Export the stock chart to PDF, SVG and CSV formats. * [Appearance](https://ej2.syncfusion.com/angular/documentation/stock-chart/appearance?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Colors for the stock chart are picked by the built-in theme, but each element of the stock chart can be customized by simple configuration options. -* [Tooltip](https://ej2.syncfusion.com/angular/demos/#/tailwind3/stock-chart/multi-pane?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Provides great user experiance by including a set of interactive features such as tooltip, events, and trackball. +* [Tooltip](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm#/bootstrap5/stock-chart/multi-pane): Provides great user experiance by including a set of interactive features such as tooltip, events, and trackball. ### Angular Range Navigator @@ -110,7 +110,7 @@ The [Angular Range Navigator Component](https://www.syncfusion.com/angular-compo

Getting started . - Online demos . + Online demos . Learn more

@@ -120,11 +120,11 @@ The [Angular Range Navigator Component](https://www.syncfusion.com/angular-compo #### Key features -* [Data sources](https://ej2.syncfusion.com/angular/demos/#/tailwind3/range-navigator/stock-chart?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Bind the range navigator component with an array of JSON objects or DataManager. -* [Tooltip](https://ej2.syncfusion.com/angular/demos/#/tailwind3/range-navigator/default?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Provides great user experiance by including a set of interactive features such as tooltip, events, and animation. -* [Lightweight](https://ej2.syncfusion.com/angular/demos/#/tailwind3/range-navigator/light-weight?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Supports light-weight range navigator to load in mobile device. -* [Period selector](https://ej2.syncfusion.com/angular/demos/#/tailwind3/range-navigator/period-default?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Provides options to select the data over the custom period. -* [Axis types](https://ej2.syncfusion.com/angular/demos/#/tailwind3/range-navigator/date-time?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Supports multiple axis and able to plot different data such as numbers, datetime, logarithmic and string. +* [Data sources](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm#/bootstrap5/range-navigator/stock-chart): Bind the range navigator component with an array of JSON objects or DataManager. +* [Tooltip](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm#/bootstrap5/range-navigator/default): Provides great user experiance by including a set of interactive features such as tooltip, events, and animation. +* [Lightweight](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm#/bootstrap5/range-navigator/light-weight): Supports light-weight range navigator to load in mobile device. +* [Period selector](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm#/bootstrap5/range-navigator/period-default): Provides options to select the data over the custom period. +* [Axis types](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm#/bootstrap5/range-navigator/date-time): Supports multiple axis and able to plot different data such as numbers, datetime, logarithmic and string. ### Angular Sparkline @@ -132,7 +132,7 @@ The [Angular Sparkline Component](https://www.syncfusion.com/angular-components/

Getting started . - Online demos . + Online demos . Learn more

@@ -142,11 +142,11 @@ The [Angular Sparkline Component](https://www.syncfusion.com/angular-components/ #### Key features -* [Series types](https://ej2.syncfusion.com/angular/demos/#/tailwind3/sparkline/series-type?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Supports five types of sparklines : line, area, column, win loss, and pie to show data trends. -* [Axis types](https://ej2.syncfusion.com/angular/demos/#/tailwind3/sparkline/axis-type?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Supports multiple axis and able to plot different data such as numbers, datetime, logarithmic and string. -* [Data label](https://ej2.syncfusion.com/angular/demos/#/tailwind3/sparkline/customization?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Supports data label to annotate points with label to improve the readability of data. -* [Range band](https://ej2.syncfusion.com/angular/demos/#/tailwind3/sparkline/range-band?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Provides options to highlight specific range of values. -* [Tooltip](https://ej2.syncfusion.com/angular/demos/#/tailwind3/sparkline/default?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Provides great user experiance by including a set of interactive features such as tooltip, events, and trackball. +* [Series types](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm#/bootstrap5/sparkline/series-type): Supports five types of sparklines : line, area, column, win loss, and pie to show data trends. +* [Axis types](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm#/bootstrap5/sparkline/axis-type): Supports multiple axis and able to plot different data such as numbers, datetime, logarithmic and string. +* [Data label](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm#/bootstrap5/sparkline/customization): Supports data label to annotate points with label to improve the readability of data. +* [Range band](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm#/bootstrap5/sparkline/range-band): Provides options to highlight specific range of values. +* [Tooltip](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm#/bootstrap5/sparkline/default): Provides great user experiance by including a set of interactive features such as tooltip, events, and trackball. ### Angular Bullet Chart @@ -164,10 +164,10 @@ The [Angular Bullet Chart Component](https://www.syncfusion.com/angular-componen #### Key features -* [Multiple measures](https://ej2.syncfusion.com/angular/demos/#/tailwind3/bullet-chart/multiple-data?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Provides options to render multiple measure bars as well as multiple target bars to allow comparison of several measures at once. -* [Legend](https://ej2.syncfusion.com/angular/demos/#/tailwind3/bullet-chart/bullet-legend?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Provides options to display additional information about the target and actual bar. -* [RTL support](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_campaign=bulletchart#/material/bullet-chart/rtl?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Provides a full-fledged right-to-left mode which aligns axis, tooltip, legend and data in the chart component from right to left. -* [Tooltip](https://ej2.syncfusion.com/angular/demos/#/tailwind3/bullet-chart/tooltip?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Provides options to display additional information about target and actual on mouse hover. +* [Multiple measures](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm#/bootstrap5/bullet-chart/multiple-data): Provides options to render multiple measure bars as well as multiple target bars to allow comparison of several measures at once. +* [Legend](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm#/bootstrap5/bullet-chart/bullet-legend): Provides options to display additional information about the target and actual bar. +* [RTL support](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npmt#/bootstrap5/grid/over-view): Provides a full-fledged right-to-left mode which aligns axis, tooltip, legend and data in the chart component from right to left. +* [Tooltip](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm#/bootstrap5/bullet-chart/tooltip): Provides options to display additional information about target and actual on mouse hover. ### Angular Smith Chart @@ -175,7 +175,7 @@ The [Angular Smith Chart Component](https://www.syncfusion.com/angular-component

Getting started . - Online demos . + Online demos . Learn more

@@ -185,10 +185,10 @@ The [Angular Smith Chart Component](https://www.syncfusion.com/angular-component #### Key features -* [Legend](https://ej2.syncfusion.com/angular/demos/#/tailwind3/smith-chart/default?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Provides options to display additional information about the series. -* [Data label](https://ej2.syncfusion.com/angular/demos/#/tailwind3/smith-chart/custom?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Supports data label to annotate points with label to improve the readability of data. -* [Tooltip](https://ej2.syncfusion.com/angular/demos/#/tailwind3/smith-chart/custom?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Provides options to display additional information about data points on mouse hover. -* [Print and Export](https://ej2.syncfusion.com/angular/demos/#/tailwind3/smith-chart/print-export?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm): Provides support to print and export the rendered smith chart for future use. +* [Legend](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm#/bootstrap5/smith-chart/default): Provides options to display additional information about the series. +* [Data label](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm#/bootstrap5/smith-chart/custom): Supports data label to annotate points with label to improve the readability of data. +* [Tooltip](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm#/bootstrap5/smith-chart/custom): Provides options to display additional information about data points on mouse hover. +* [Print and Export](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm#/bootstrap5/smith-chart/print-export): Provides support to print and export the rendered smith chart for future use. ## Setup @@ -269,7 +269,7 @@ Chart components are available in following list of frameworks. * Expense Tracker - [Source](https://github.com/syncfusion/ej2-showcase-angular-expensetracker?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm), [Live Demo](https://ej2.syncfusion.com/showcase/angular/expensetracker/#/dashboard?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) * Loan Calculator - [Source](https://github.com/syncfusion/ej2-showcase-angular-loan-calculator?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm), [Live Demo](https://ej2.syncfusion.com/showcase/angular/loancalculator/?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) -* [Angular Stock Chart demo](https://ej2.syncfusion.com/showcase/angular/stockchart/#/stockChart/?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) +* [Angular Stock Chart demo](https://ej2.syncfusion.com/showcase/angular/stockchart/#/stockChart?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) * Fitness Tracker - [Source](https://github.com/SyncfusionExamples/showcase-angular-health-tracker-dashboard-demo?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm), [Live Demo](https://ej2.syncfusion.com/showcase/angular/healthtracker/src/#/dashboard?utm_source=npm&utm_medium=listing&utm_campaign=angular-charts-npm) ## Resources diff --git a/components/diagrams/README.md b/components/diagrams/README.md index 285c9c32d..1f17a6a60 100644 --- a/components/diagrams/README.md +++ b/components/diagrams/README.md @@ -4,7 +4,7 @@ The [Angular Diagram](https://www.syncfusion.com/angular-components/angular-diag

Getting started . - Online demos . + Online demos . Learn more

@@ -103,34 +103,34 @@ Diagram component is also offered in the following list of frameworks. ## Use case demos * [Angular Diagram Builder demo](https://ej2.syncfusion.com/showcase/angular/diagrambuilder/?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) -* [Angular Organizational Chart demo](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/diagram/organization-chart?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) -* [Angular Mind Map demo](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/diagram/mind-map?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) -* [Angular BPMN Editor demo](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/diagram/bpmn-editor?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) -* [Angular Logic Circuit Diagram demo](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/diagram/logic-circuit?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) -* [Angular UML Activity Diagram demo](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/diagram/uml-activity?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) -* [Angular Network Diagram demo](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/diagram/network-diagram?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) -* [Angular UML Class Diagram demo](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/diagram/uml-Class-diagram?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) -* [Angular Venn Diagram demo](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/diagram/venn-diagram?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) -* [Angular Fishbone Diagram demo](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/diagram/fishbone-diagram?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) +* [Angular Organizational Chart demo](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm#/bootstrap5/diagram/organization-chart) +* [Angular Mind Map demo](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm#/bootstrap5/diagram/mind-map) +* [Angular BPMN Editor demo](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm#/bootstrap5/diagram/bpmn-editor) +* [Angular Logic Circuit Diagram demo](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm#/bootstrap5/diagram/logic-circuit) +* [Angular UML Activity Diagram demo](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm#/bootstrap5/diagram/uml-activity) +* [Angular Network Diagram demo](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm#/bootstrap5/diagram/network-diagram) +* [Angular UML Class Diagram demo](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm#/bootstrap5/diagram/uml-Class-diagram) +* [Angular Venn Diagram demo](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm#/bootstrap5/diagram/venn-diagram) +* [Angular Fishbone Diagram demo](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm#/bootstrap5/diagram/fishbone-diagram) ## Key features -* [Nodes](https://ej2.syncfusion.com/angular/demos/#/tailwind3/diagram/nodes?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) - Nodes are used to host graphical objects (path or controls) that can be arranged and manipulated on a diagram page. Many predefined standard shapes are included. Custom shapes can also be created and added easily. -* [Connectors](https://ej2.syncfusion.com/angular/demos/#/tailwind3/diagram/connectors?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) - The relationship between two nodes is represented using a connector. -* [Labels](https://ej2.syncfusion.com/angular/demos/#/tailwind3/diagram/annotations?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm)- Labels are used to annotate nodes and connectors. -* [Ports](https://ej2.syncfusion.com/angular/demos/#/tailwind3/diagram/ports?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) - Ports act as the connection points of the node and allows to create connections with only those specific points. -* [Interactive features](https://ej2.syncfusion.com/angular/demos/#/tailwind3/diagram/drawing-tool?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) - Interactive features are used to improve the run time editing experience of a diagram. -* [Data binding](https://ej2.syncfusion.com/angular/demos/#/tailwind3/diagram/local-data?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) - Generates diagram with nodes and connectors based on the information provided from an external data source. -* [Commands](https://ej2.syncfusion.com/angular/demos/#/tailwind3/diagram/key-board-functions?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) - Supports a set of predefined commands that helps edit the diagram using keyboard. It is also possible to configure new commands and key combinations. -* [Automatic layout](https://ej2.syncfusion.com/angular/demos/#/tailwind3/diagram/hierarchical-tree?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) - Automatic layouts are used to arrange nodes automatically based on a predefined layout logic. There is built-in support for organizational chart layout, hierarchical tree layout, symmetric layout, radial tree layout, and mind map layout. -* [Overview panel](https://ej2.syncfusion.com/angular/demos/#/tailwind3/diagram/overview?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) - The overview panel is used to improve navigation experience when exploring large diagrams. -* [SymbolPalettes](https://ej2.syncfusion.com/angular/demos/#/tailwind3/diagram/symbol-palette?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) - The symbol palette is a gallery of reusable symbols and nodes that can be dragged and dropped on the surface of a diagram. -* [Rulers](https://ej2.syncfusion.com/angular/demos/#/tailwind3/diagram/drawing-tool?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) - The ruler provides horizontal and vertical guides for measuring diagram objects in diagram component. -* [Serialization](https://ej2.syncfusion.com/angular/demos/#/tailwind3/diagram/serialization?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) - When saved in JSON format a diagram’s state persists, and then it can be loaded back using serialization. -* [Exporting and Printing](https://ej2.syncfusion.com/angular/demos/#/tailwind3/diagram/print-export?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) - Diagrams can be exported as .png, .jpeg, .bmp, and .svg image files, and can also be printed as documents. -* [Gridlines](https://ej2.syncfusion.com/angular/demos/#/tailwind3/diagram/default-functionalities?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) - Gridlines are the pattern of lines drawn behind diagram elements. It provides a visual guidance while dragging or arranging the objects on a diagram surface. -* [Page layout](https://ej2.syncfusion.com/angular/demos/#/tailwind3/diagram/print-export?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm)- The drawing surface can be configured to page-like appearance using page size, orientation, and margins. -* [Context menu](https://ej2.syncfusion.com/angular/demos/#/tailwind3/diagram/key-board-functions?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm) - Frequently used commands can easily be mapped to the context menu. +* [Nodes](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm#/bootstrap5/diagram/nodes) - Nodes are used to host graphical objects (path or controls) that can be arranged and manipulated on a diagram page. Many predefined standard shapes are included. Custom shapes can also be created and added easily. +* [Connectors](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm#/bootstrap5/diagram/connectors) - The relationship between two nodes is represented using a connector. +* [Labels](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm#/bootstrap5/diagram/annotations)- Labels are used to annotate nodes and connectors. +* [Ports](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm#/bootstrap5/diagram/ports) - Ports act as the connection points of the node and allows to create connections with only those specific points. +* [Interactive features](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm#/bootstrap5/diagram/drawing-tool) - Interactive features are used to improve the run time editing experience of a diagram. +* [Data binding](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm#/bootstrap5/diagram/local-data) - Generates diagram with nodes and connectors based on the information provided from an external data source. +* [Commands](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm#/bootstrap5/diagram/key-board-functions) - Supports a set of predefined commands that helps edit the diagram using keyboard. It is also possible to configure new commands and key combinations. +* [Automatic layout](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm#/bootstrap5/diagram/hierarchical-tree) - Automatic layouts are used to arrange nodes automatically based on a predefined layout logic. There is built-in support for organizational chart layout, hierarchical tree layout, symmetric layout, radial tree layout, and mind map layout. +* [Overview panel](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm#/bootstrap5/diagram/overview) - The overview panel is used to improve navigation experience when exploring large diagrams. +* [SymbolPalettes](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm#/bootstrap5/diagram/symbol-palette) - The symbol palette is a gallery of reusable symbols and nodes that can be dragged and dropped on the surface of a diagram. +* [Rulers](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm#/bootstrap5/diagram/drawing-tool) - The ruler provides horizontal and vertical guides for measuring diagram objects in diagram component. +* [Serialization](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm#/bootstrap5/diagram/serialization) - When saved in JSON format a diagram’s state persists, and then it can be loaded back using serialization. +* [Exporting and Printing](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm#/bootstrap5/diagram/print-export) - Diagrams can be exported as .png, .jpeg, .bmp, and .svg image files, and can also be printed as documents. +* [Gridlines](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm#/bootstrap5/diagram/default-functionalities) - Gridlines are the pattern of lines drawn behind diagram elements. It provides a visual guidance while dragging or arranging the objects on a diagram surface. +* [Page layout](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm#/bootstrap5/diagram/print-export)- The drawing surface can be configured to page-like appearance using page size, orientation, and margins. +* [Context menu](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-diagram-npm#/bootstrap5/diagram/key-board-functions) - Frequently used commands can easily be mapped to the context menu. ## Support diff --git a/components/filemanager/README.md b/components/filemanager/README.md index 24a82230e..94180c4ba 100644 --- a/components/filemanager/README.md +++ b/components/filemanager/README.md @@ -4,7 +4,7 @@ The [Angular FileManager](https://www.syncfusion.com/angular-components/angular-

Getting Started . - Online demos . + Online demos . Learn more

@@ -92,12 +92,12 @@ The FileManager component is also offered in following list of frameworks, ## Key features -* [File and directory management](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/file-manager/directory-upload?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm): The component allows users to upload, download, rename, sort, cut, copy, and paste files and directories. +* [File and directory management](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm#/bootstrap5/file-manager/directory-upload): The component allows users to upload, download, rename, sort, cut, copy, and paste files and directories. * [Multiple layout options](https://ej2.syncfusion.com/angular/documentation/file-manager/user-interface#view?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm): The component supports both large icons view and details view layout, giving users the ability to choose the display option that works best for them. -* [Multiple file providers](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/file-manager/azure-service?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm): The component supports a range of file providers, including Amazon S3, MS Azure, NodeJS, Google file systems, and local physical file providers, giving users flexibility in how they store and access their files. +* [Multiple file providers](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm#/bootstrap5/file-manager/azure-service): The component supports a range of file providers, including Amazon S3, MS Azure, NodeJS, Google file systems, and local physical file providers, giving users flexibility in how they store and access their files. * [Search functionality](https://ej2.syncfusion.com/angular/documentation/file-manager/file-operations#search?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm): The component includes a search feature that allows users to easily locate specific files within their file system. -* [Customizable interface](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/file-manager/custom?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm): The component's interface can be customized to fit the needs and preferences of users, allowing for a personalized experience. -* [Responsive design](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/file-manager/overview?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm): The component is designed to be responsive, ensuring that it works seamlessly across a range of devices and screen sizes. +* [Customizable interface](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm#/bootstrap5/file-manager/custom): The component's interface can be customized to fit the needs and preferences of users, allowing for a personalized experience. +* [Responsive design](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm#/bootstrap5/file-manager/overview): The component is designed to be responsive, ensuring that it works seamlessly across a range of devices and screen sizes. * [Easy integration](https://ej2.syncfusion.com/angular/documentation/file-manager/getting-started?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm): The component is easy to integrate into existing projects, making it a convenient and straightforward solution for file management. * [Context menu](https://ej2.syncfusion.com/angular/documentation/file-manager/user-interface#context-menu?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm): The component includes a context menu that allows users to quickly and easily access file management options. * [Toolbar](https://ej2.syncfusion.com/angular/documentation/file-manager/user-interface#toolbar?utm_source=npm&utm_medium=listing&utm_campaign=angular-filemanager-npm): The component's toolbar provides a flexible way to manage file operations, making it easy for users to perform common tasks. diff --git a/components/gantt/README.md b/components/gantt/README.md index 73b6600d7..0e82520c4 100644 --- a/components/gantt/README.md +++ b/components/gantt/README.md @@ -4,7 +4,7 @@ The [Angular Gantt](https://www.syncfusion.com/angular-components/angular-gantt-

Getting Started . - Online demos . + Online demos . Learn more

@@ -108,26 +108,26 @@ Gantt component is also offered in following list of frameworks. ## Key features -* [Data sources](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/gantt/local-data?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm): Bind hierarchical or self-referential data to Gantt chart with an array of JSON objects or DataManager. -* [Timeline](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/gantt/timeline?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm): Display timescale from minutes to decades easily, and also display custom texts in the timeline units. Timeline can be displayed in either one-tier or two-tier layout. -* [Task dependency](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/gantt/editing?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm): Allows for the definition or update of dependencies between tasks in a project using four types of task dependencies: Finish – Start, Start – Finish, Finish – Finish, and Start – Start. -* [Resources](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/gantt/resource-view?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm): Visualizes the list of tasks assigned to each resource in hierarchy manner and switch the resources as per user need by task editing. -* [Editing](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/gantt/editing?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm): Provides the options to dynamically insert, delete and update tasks using columns, dialog and taskbar editing options. -* [Virtual scrolling](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/gantt/virtual-scroll?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm): Improves the performance of the gantt control when binding large amounts of data by only rendering the currently visible parts of the user interface and rendering other elements as needed while scrolling. -* [Critical path](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/gantt/critical-path?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm): The critical path in a project is displayed by a single task or a series of tasks. If a task in critical path is delayed, the entire project will be delayed. A task is considered to be critical if any delay to this task would affect the project end date. -* [Customizable taskbars](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/gantt/taskbar-template?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm): Display various tasks in a project using parent and child taskbars, summary taskbars and milestone UI, which can be customized with templates. -* [Unscheduled tasks](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/gantt/unscheduled-task?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm): Gantt Chart supports the display of tasks with undefined start date, end date or duration in a project. -* [Baseline](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/gantt/baseline?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm): Display the deviations between planned dates and actual dates of a task in a project using baselines. -* [Markers and indicators](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/gantt/event-markers?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm): Display indicators and flags along with taskbars and task labels. Also map important events in a project using event marker. -* [Task label customization](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/gantt/tasklabel-template?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm): Allows for the customization of labels within and on either side of the task bar. -* [Sorting](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/gantt/sorting-api?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm): Supports n levels of sorting. -* [Filtering](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/gantt/filtering?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm): Offers filter UIs such as filter bar and menu at each column to filter data. Also allows for filtering based on related parent or child records. -* [Columns](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/gantt/column-menu?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm): Column definitions are used as the dataSource schema in the gantt. This plays a vital role in rendering column values in the required format. Column functionalities such as resizing, reordering, column template, show or hide columns, etc., are supported. -* [Column re-ordering](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/gantt/reorder?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm): Drag any column and drop it at any position in the grid's column header row, to reposition the column. -* [Column resizing](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/gantt/resize?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm): Resizing allows changing column width on the fly by simply dragging the right corner of the column header. -* [Row re-ordering](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/gantt/drag-and-drop?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm): Allows rows to be rearranged through drag and drop actions, changing their position and hierarchy level. A child row can be moved as a sibling within the same parent row or as a child to a different parent row. -* [Selection](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/gantt/selection?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm): Rows or cells can be selected in the Gantt Chart. One or more rows or cells can also be selected by holding Shift, Ctrl or Command, or programmatically. -* [Templates](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/gantt/column-template?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm): Templates can be used to create custom user experiences in the gantt. +* [Data sources](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm#/bootstrap5/gantt/local-data): Bind hierarchical or self-referential data to Gantt chart with an array of JSON objects or DataManager. +* [Timeline](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm#/bootstrap5/gantt/timeline): Display timescale from minutes to decades easily, and also display custom texts in the timeline units. Timeline can be displayed in either one-tier or two-tier layout. +* [Task dependency](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm#/bootstrap5/gantt/editing): Allows for the definition or update of dependencies between tasks in a project using four types of task dependencies: Finish – Start, Start – Finish, Finish – Finish, and Start – Start. +* [Resources](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm#/bootstrap5/gantt/resource-view): Visualizes the list of tasks assigned to each resource in hierarchy manner and switch the resources as per user need by task editing. +* [Editing](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm#/bootstrap5/gantt/editing): Provides the options to dynamically insert, delete and update tasks using columns, dialog and taskbar editing options. +* [Virtual scrolling](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm#/bootstrap5/gantt/virtual-scroll): Improves the performance of the gantt control when binding large amounts of data by only rendering the currently visible parts of the user interface and rendering other elements as needed while scrolling. +* [Critical path](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm#/bootstrap5/gantt/critical-path): The critical path in a project is displayed by a single task or a series of tasks. If a task in critical path is delayed, the entire project will be delayed. A task is considered to be critical if any delay to this task would affect the project end date. +* [Customizable taskbars](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm#/bootstrap5/gantt/taskbar-template): Display various tasks in a project using parent and child taskbars, summary taskbars and milestone UI, which can be customized with templates. +* [Unscheduled tasks](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm#/bootstrap5/gantt/unscheduled-task): Gantt Chart supports the display of tasks with undefined start date, end date or duration in a project. +* [Baseline](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm#/bootstrap5/gantt/baseline): Display the deviations between planned dates and actual dates of a task in a project using baselines. +* [Markers and indicators](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm#/bootstrap5/gantt/event-markers): Display indicators and flags along with taskbars and task labels. Also map important events in a project using event marker. +* [Task label customization](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm#/bootstrap5/gantt/tasklabel-template): Allows for the customization of labels within and on either side of the task bar. +* [Sorting](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm#/bootstrap5/gantt/sorting-api): Supports n levels of sorting. +* [Filtering](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm#/bootstrap5/gantt/filtering): Offers filter UIs such as filter bar and menu at each column to filter data. Also allows for filtering based on related parent or child records. +* [Columns](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm#/bootstrap5/gantt/column-menu): Column definitions are used as the dataSource schema in the gantt. This plays a vital role in rendering column values in the required format. Column functionalities such as resizing, reordering, column template, show or hide columns, etc., are supported. +* [Column re-ordering](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm#/bootstrap5/gantt/reorder): Drag any column and drop it at any position in the grid's column header row, to reposition the column. +* [Column resizing](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm#/bootstrap5/gantt/resize): Resizing allows changing column width on the fly by simply dragging the right corner of the column header. +* [Row re-ordering](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm#/bootstrap5/gantt/drag-and-drop): Allows rows to be rearranged through drag and drop actions, changing their position and hierarchy level. A child row can be moved as a sibling within the same parent row or as a child to a different parent row. +* [Selection](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm#/bootstrap5/gantt/selection): Rows or cells can be selected in the Gantt Chart. One or more rows or cells can also be selected by holding Shift, Ctrl or Command, or programmatically. +* [Templates](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm#/bootstrap5/gantt/column-template): Templates can be used to create custom user experiences in the gantt. * [RTL support](https://ej2.syncfusion.com/angular/documentation/gantt/global-local/#right-to-left-rtl?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm): Provides the right-to-left mode which aligns content in the Gantt Chart component from right to left. This improves user experience and accessibility for those who work with RTL languages like Hebrew and Arabic. * [Localization](https://ej2.syncfusion.com/angular/documentation/gantt/global-local/#localization?utm_source=npm&utm_medium=listing&utm_campaign=angular-gantt-npm): Provides inherent support to localize the UI. diff --git a/components/grids/README.md b/components/grids/README.md index 971b86395..f8c7338ff 100644 --- a/components/grids/README.md +++ b/components/grids/README.md @@ -4,7 +4,7 @@ The [Angular Data Grid](https://www.syncfusion.com/angular-components/angular-da

Getting Started . - Online demos . + Online demos . Learn more

@@ -96,29 +96,29 @@ Grid component is also offered in the following list of frameworks. ## Key features -* [Data sources](https://ej2.syncfusion.com/angular/demos/#/tailwind3/grid/local-data?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm): Bind data seamlessly with various local and remote data sources such as JSON, OData, WCF, and RESTful web services with the help of [DataManager](https://ej2.syncfusion.com/angular/documentation/data/data-binding?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm). -* [Async pipe](https://ej2.syncfusion.com/angular/demos/#/tailwind3/grid/async-pipe?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm): Bind the Grid component with `RxJS.Observable` using the `async` pipe. -* [High performance](https://ej2.syncfusion.com/angular/demos/#/tailwind3/grid/virtualization?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm): Well thought out efforts, and focuses mainly on fast paced performance to load millions of records. Grid renders only the rows within the viewport, and loads additional data as the user scrolls vertically. -* [Adaptive UI layout](https://ej2.syncfusion.com/angular/demos/#/tailwind3/grid/adaptive-layout?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm): UI is customized and redesigned for great views and usability on small screens. Filter, sort, search, and edit dialogs adaptive to the screen size and render row elements in a vertical direction. -* [Sorting and grouping](https://ej2.syncfusion.com/angular/demos/#/tailwind3/grid/grouping?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm): Supporting N level of sorting and grouping can be useful for more complex data sets that have a deeper hierarchical structure or that need to be organized and analyzed in more detailed ways. -* [Aggregation](https://ej2.syncfusion.com/angular/demos/#/tailwind3/grid/aggregate-default?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm): Easily visualize the aggregates for column values by calculating and displaying summary statistics such as sums, averages, counts, etc. By default, the aggregate value can be displayed in the footer, group footer, or group caption of the grid. -* [Filtering](https://ej2.syncfusion.com/angular/demos/#/tailwind3/grid/filtering?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm): The filter UIs, including the filter bar, menu, excel, and checkbox, are available at each column to filter data. -* [Paging](https://ej2.syncfusion.com/angular/demos/#/tailwind3/grid/paging?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm): Paging is used to view a segment of data from the assigned data source. It requests data on-demand when navigating to another page also allows to change the page size on the fly by using the page size dropdown in the pager. -* [Editing](https://ej2.syncfusion.com/angular/demos/#/tailwind3/grid/normal-edit?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm): Grid supports create, read, update, and delete operations (CRUD). Also provides various edit modes such as inline, dialog, and batch edit (cell editing). -* [Selection](https://ej2.syncfusion.com/angular/demos/#/tailwind3/grid/selection?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm): Select rows or cells either by using checkbox or by simply clicking them. Select more than one row or cell by holding Ctrl or Shift or Command, or simply dragging the pointer over the cells, or programmatically. -* [Hierarchical binding](https://ej2.syncfusion.com/angular/demos/#/tailwind3/grid/hierarchy?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm): Allows you to display table data in a hierarchical structure, allowing you to visualize the relationships between parent and child records in a clear and organized way. -* [Templates](https://ej2.syncfusion.com/angular/demos/#/tailwind3/grid/column-template?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm): Using templates, users can create custom UI. It provides various template options to create custom headers, custom cell contents, custom rows, detail rows, toolbars, and custom editors for edit action. -* [Row drag and drop](https://ej2.syncfusion.com/angular/demos/#/tailwind3/grid/drag-and-drop?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm): The Grid rows can be reordered while drag and drop the rows within the grid. Also allows to drop the dragged rows another Grid or custom component. +* [Data sources](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm#/bootstrap5/grid/local-data): Bind data seamlessly with various local and remote data sources such as JSON, OData, WCF, and RESTful web services with the help of [DataManager](https://ej2.syncfusion.com/angular/documentation/data/data-binding?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm). +* [Async pipe](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm#/bootstrap5/grid/async-pipe): Bind the Grid component with `RxJS.Observable` using the `async` pipe. +* [High performance](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm#/bootstrap5/grid/virtualization): Well thought out efforts, and focuses mainly on fast paced performance to load millions of records. Grid renders only the rows within the viewport, and loads additional data as the user scrolls vertically. +* [Adaptive UI layout](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm#/bootstrap5/grid/adaptive-layout): UI is customized and redesigned for great views and usability on small screens. Filter, sort, search, and edit dialogs adaptive to the screen size and render row elements in a vertical direction. +* [Sorting and grouping](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm#/bootstrap5/grid/grouping): Supporting N level of sorting and grouping can be useful for more complex data sets that have a deeper hierarchical structure or that need to be organized and analyzed in more detailed ways. +* [Aggregation](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm#/bootstrap5/grid/aggregate-default): Easily visualize the aggregates for column values by calculating and displaying summary statistics such as sums, averages, counts, etc. By default, the aggregate value can be displayed in the footer, group footer, or group caption of the grid. +* [Filtering](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm#/bootstrap5/grid/filtering): The filter UIs, including the filter bar, menu, excel, and checkbox, are available at each column to filter data. +* [Paging](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm#/bootstrap5/grid/paging): Paging is used to view a segment of data from the assigned data source. It requests data on-demand when navigating to another page also allows to change the page size on the fly by using the page size dropdown in the pager. +* [Editing](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm#/bootstrap5/grid/normal-edit): Grid supports create, read, update, and delete operations (CRUD). Also provides various edit modes such as inline, dialog, and batch edit (cell editing). +* [Selection](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm#/bootstrap5/grid/selection): Select rows or cells either by using checkbox or by simply clicking them. Select more than one row or cell by holding Ctrl or Shift or Command, or simply dragging the pointer over the cells, or programmatically. +* [Hierarchical binding](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm#/bootstrap5/grid/hierarchy): Allows you to display table data in a hierarchical structure, allowing you to visualize the relationships between parent and child records in a clear and organized way. +* [Templates](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm#/bootstrap5/grid/column-template): Using templates, users can create custom UI. It provides various template options to create custom headers, custom cell contents, custom rows, detail rows, toolbars, and custom editors for edit action. +* [Row drag and drop](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm#/bootstrap5/grid/drag-and-drop): The Grid rows can be reordered while drag and drop the rows within the grid. Also allows to drop the dragged rows another Grid or custom component. * Columns: Column definitions are used as the dataSource schema in the Grid. This plays a vital role in rendering column values in the required format. - * [Reordering](https://ej2.syncfusion.com/angular/demos/#/tailwind3/grid/column/reorder?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm): Allows you to rearrange the columns in the grid by dragging and dropping them to a new position in the column header row. - * [Column chooser](https://ej2.syncfusion.com/angular/demos/#/tailwind3/grid/column/column-chooser?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm): It provides a list of column names paired with check boxes that allow the visibility to be toggled on the fly. - * [Resizing](https://ej2.syncfusion.com/angular/demos/#/tailwind3/grid/column/column-resizing?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm): Resizing allows changing column width on the fly by simply dragging the right corner of the column header. - * [Frozen rows and columns](https://ej2.syncfusion.com/angular/demos/#/tailwind3/grid/frozen-rows-columns?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm): Provides the ability to freeze columns and rows to allow for easy scrolling and comparison of cell values. It also offers the option to freeze columns on either the left or right side, or on both sides, of the grid. - * [Cell spanning](https://ej2.syncfusion.com/angular/demos/#/tailwind3/grid/column/column-spanning?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm): Grid cells can be spanned across multiple columns or rows in a grid layout to create a larger cell that takes up more space in the grid. - * [Foreign key column binding](https://ej2.syncfusion.com/angular/demos/#/tailwind3/grid/column/foreign-key?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm): A column can display values from external or lookup data sources using foreign key/value mapping. -* [Context menu](https://ej2.syncfusion.com/angular/demos/#/tailwind3/grid/context-menu?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm): The context menu provides a list of actions to be performed in the grid. It appears when a grid cell, header, or the pager is right-clicked. -* [Clipboard](https://ej2.syncfusion.com/angular/demos/#/tailwind3/grid/clipboard?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm): Selected rows and cells can be copied from the grid without header using Ctrl + C or with header using Ctrl + Shift + H shortcut. This allows you to easily transfer data from the grid to other applications or documents as needed. -* [Export to Excel and PDF](https://ej2.syncfusion.com/angular/demos/#/tailwind3/grid/default-exporting?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm): Provides the option to export grid data to Excel, PDF, and CSV formats. + * [Reordering](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm#/bootstrap5/grid/column/reorder): Allows you to rearrange the columns in the grid by dragging and dropping them to a new position in the column header row. + * [Column chooser](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm#/bootstrap5/grid/column/column-chooser): It provides a list of column names paired with check boxes that allow the visibility to be toggled on the fly. + * [Resizing](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm#/bootstrap5/grid/column/column-resizing): Resizing allows changing column width on the fly by simply dragging the right corner of the column header. + * [Frozen rows and columns](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm#/bootstrap5/grid/frozen-rows-columns): Provides the ability to freeze columns and rows to allow for easy scrolling and comparison of cell values. It also offers the option to freeze columns on either the left or right side, or on both sides, of the grid. + * [Cell spanning](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm#/bootstrap5/grid/column/column-spanning): Grid cells can be spanned across multiple columns or rows in a grid layout to create a larger cell that takes up more space in the grid. + * [Foreign key column binding](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm#/bootstrap5/grid/column/foreign-key): A column can display values from external or lookup data sources using foreign key/value mapping. +* [Context menu](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm#/bootstrap5/grid/context-menu): The context menu provides a list of actions to be performed in the grid. It appears when a grid cell, header, or the pager is right-clicked. +* [Clipboard](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm#/bootstrap5/grid/clipboard): Selected rows and cells can be copied from the grid without header using Ctrl + C or with header using Ctrl + Shift + H shortcut. This allows you to easily transfer data from the grid to other applications or documents as needed. +* [Export to Excel and PDF](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm#/bootstrap5/grid/default-exporting): Provides the option to export grid data to Excel, PDF, and CSV formats. * [RTL support](https://ej2.syncfusion.com/angular/documentation/grid/global-local#right-to-left---rtl?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm): Provides the right-to-left mode which aligns content in the Grid component from right to left. * [Accessibility](https://ej2.syncfusion.com/angular/documentation/grid/accessibility?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm): Designed to be accessible to users with disabilities, with features such as WAI-ARIA standard compliance and keyboard navigation to ensure that the grid can be effectively used with assistive technologies such as screen readers. * [Localization](https://ej2.syncfusion.com/angular/documentation/grid/global-local#localization?utm_source=npm&utm_medium=listing&utm_campaign=angular-grid-npm): The Localization library enables you to adapt the default text content of the grid to fit the language and cultural preferences of your target audience. diff --git a/components/richtexteditor/README.md b/components/richtexteditor/README.md index cb9257af1..307fc34a5 100644 --- a/components/richtexteditor/README.md +++ b/components/richtexteditor/README.md @@ -5,7 +5,7 @@ The [Angular RichTextEditor](https://www.syncfusion.com/angular-components/angul

📖Getting started • - 🚀Online demos • + 🚀Online demos • 🌐Learn more

@@ -102,20 +102,20 @@ Rich Text Editor component is also offered in following list of frameworks. ## 🏗️ Showcase samples -* [Angular HTML editor demo](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/rich-text-editor/tools?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm) -* [Blog posting using angular rich text editor demo](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/rich-text-editor/blog-posting?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm) -* [Angular Markdown editor demo](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/rich-text-editor/markdown-editor?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm) -* [Angular live HTML editor demo](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/rich-text-editor/online-html-editor?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm) +* [Angular HTML editor demo](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm#/bootstrap5/rich-text-editor/tools) +* [Blog posting using angular rich text editor demo](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm#/bootstrap5/rich-text-editor/blog-posting) +* [Angular Markdown editor demo](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm#/bootstrap5/rich-text-editor/markdown-editor) +* [Angular live HTML editor demo](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm#/bootstrap5/rich-text-editor/online-html-editor) ## ✨ Key features -* [Edit mode](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/rich-text-editor/iframe?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm) - HTML content is possible to edit in a `div` element or an `iframe` in the rich text editor. +* [Edit mode](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm#/bootstrap5/rich-text-editor/iframe) - HTML content is possible to edit in a `div` element or an `iframe` in the rich text editor. -* [@Mentions](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/rich-text-editor/mention-integration?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm) - Easily mention users, tags, or items with an autocomplete suggestion list. +* [@Mentions](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm#/bootstrap5/rich-text-editor/mention-integration) - Easily mention users, tags, or items with an autocomplete suggestion list. -* [Slash Menu Support](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/rich-text-editor/smart-suggestion?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm) - Quickly insert content blocks using the `/` command. +* [Slash Menu Support](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm#/bootstrap5/rich-text-editor/smart-suggestion) - Quickly insert content blocks using the `/` command. -* [Checklist Suport](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/rich-text-editor/tools?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm) - Allows users to create checklists (to-do lists) directly within the editor. Users can easily add interactive checkbox items to their content. +* [Checklist Suport](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm#/bootstrap5/rich-text-editor/tools) - Allows users to create checklists (to-do lists) directly within the editor. Users can easily add interactive checkbox items to their content. * [Accessibility & WCAG 2.0 Compliance](https://ej2.syncfusion.com/angular/documentation/rich-text-editor/accessibility?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm) - Ensures full accessibility support, making it user-friendly for people who rely on assistive technologies (AT) or keyboard navigation. @@ -123,15 +123,15 @@ Rich Text Editor component is also offered in following list of frameworks. * [HTML code editing](https://ej2.syncfusion.com/aspnetcore/documentation/rich-text-editor/code-view-support?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm) - The rich text editor allows users to edit the HTML code directly in the HTML code view. -* [Markdown editor](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/rich-text-editor/tools?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm) - The rich text editor allows you to edit Markdown content using the Markdown syntax. +* [Markdown editor](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm#/bootstrap5/rich-text-editor/tools) - The rich text editor allows you to edit Markdown content using the Markdown syntax. -* [Markdown content preview](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/rich-text-editor/tools?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm) - Preview of the modified Markdown content in the editor, you can give users the ability to see what the formatted content will look like before they save it. +* [Markdown content preview](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm#/bootstrap5/rich-text-editor/tools) - Preview of the modified Markdown content in the editor, you can give users the ability to see what the formatted content will look like before they save it. * [Tools](https://ej2.syncfusion.com/angular/documentation/rich-text-editor/toolbar/toolbar-types#toolbar-items?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm) - The rich text editor handles a wide range of features, including inserting images, hyperlinks, tables, formatting tools, and more. -* [Toolbar appearance](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/rich-text-editor/types?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm) - The rich text editor can provide a fully customizable toolbar that allows users to access the various formatting and editing options that are available. +* [Toolbar appearance](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm#/bootstrap5/rich-text-editor/types) - The rich text editor can provide a fully customizable toolbar that allows users to access the various formatting and editing options that are available. -* [Export and Import](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/rich-text-editor/export-document?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm) - Supports exporting content to PDF, and Word formats. +* [Export and Import](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm#/bootstrap5/rich-text-editor/export-document) - Supports exporting content to PDF, and Word formats. * [Copy and paste](https://ej2.syncfusion.com/angular/documentation/rich-text-editor/paste-cleanup?utm_source=npm&utm_medium=listing&utm_campaign=angular-rich-text-editor-npm) - Copy and paste from Microsoft Word, Outlook, or other editors or sources while preserving formatting, styles, and structure. diff --git a/components/schedule/README.md b/components/schedule/README.md index 3381db781..7cdfc51fb 100644 --- a/components/schedule/README.md +++ b/components/schedule/README.md @@ -4,7 +4,7 @@ The [Angular Schedule](https://www.syncfusion.com/angular-components/angular-sch

Getting started . - Online demos . + Online demos . Learn more

@@ -99,26 +99,26 @@ Schedule component is also offered in the following list of frameworks. ## Showcase samples * Appointment Planner - [Source](https://github.com/syncfusion/ej2-showcase-angular-expensetracker?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm), [Live Demo](https://ej2.syncfusion.com/showcase/angular/appointmentplanner/#/dashboard?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) -* Fare calendar- [Live Demo](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/schedule/resources?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) +* Fare calendar- [Live Demo](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm#/bootstrap5/schedule/resources) ## Key features -* [Multiple views](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/schedule/views?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) - A wide variety of built-in views are available: `day, week, work week, month, timeline day, timeline week, timeline work week, timeline month, timeline year, year, agenda and month agenda`. Easily configure each individual view with different, view-specific options. -* [Data binding](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/schedule/remote-data?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) - Seamless data binding with various client-side and remote data sources thus allowing the data to load on demand by default to reduce the data transfer and loading time. -* [Drag and drop](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/schedule/external-drag-drop?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) - Appointments can be easily rescheduled to another time by dragging and dropping them onto the required time slots. +* [Multiple views](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm#/bootstrap5/schedule/views) - A wide variety of built-in views are available: `day, week, work week, month, timeline day, timeline week, timeline work week, timeline month, timeline year, year, agenda and month agenda`. Easily configure each individual view with different, view-specific options. +* [Data binding](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm#/bootstrap5/schedule/remote-data) - Seamless data binding with various client-side and remote data sources thus allowing the data to load on demand by default to reduce the data transfer and loading time. +* [Drag and drop](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm#/bootstrap5/schedule/external-drag-drop) - Appointments can be easily rescheduled to another time by dragging and dropping them onto the required time slots. * Appointment resize - An appointment’s time can be easily extended by resizing its start or end handlers. -* [Multiple resources](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/schedule/resource-grouping?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) - Supports planning and management of events for multiple resources and allows to group them under appropriate resources. Also, supports date-wise grouping, linked appointments and other group related customizations. -* [Virtual scrolling](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/schedule/virtual-scrolling?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) - Supports to load a large number of resources and events instantly as the users scroll. -* [Recurrence appointment](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/schedule/recurrence-events?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) - Allows the user to repeat a set of events on a daily, weekly, monthly, or yearly basis. -* [Template](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/schedule/events-template?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) - The key elements like events, date header, work cells, time cells, event tooltip, resource header, date range text, and quick info popup comes with the default template support which allows the flexible end-user customization to embed any kind of text, images, or styles to it. -* [Timezone](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/schedule/timezone-event?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) - Regardless of whatever time zone your system follows, Schedule supports setting your own required time zone value to it as well as to each event - thus allowing the events to display on its exact local time. -* [Timescale](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/schedule/time-scale?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) - Allows to display customized time duration, with clear and accurate depiction of appointments across the appropriate time slots. -* [Customizable working days and hours](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/schedule/work-days?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) - Users can set specific [work hour](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/schedule/work-hours?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) range which is visually differentiated with active colour. Also, the working days collection can be customized with specific days, so that the remaining days will be considered as [weekend](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/schedule/hide-weekend?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm). -* [Custom editor template](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/schedule/editor-template?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) - Template option is availed for event editor, thus allowing the users to add their own custom editor design and also provides option to add additional fields onto the default event editor. -* [Adaptive rendering](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/schedule/month-agenda?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) - Adapts with optimal user interfaces for mobile and desktop form-factors, thus helping the user’s application to scale elegantly across all the form-factors without any additional effort. -* [Export to Excel](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/schedule/excel-export?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) - Provides the options to Export the events to Excel formats. -* [Export and Import ICS](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/schedule/calendar-export-import?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) - Provides the options to Export and Import the events as ICS formats. -* [Keyboard interaction](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/schedule/keyboard-interaction?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) - All the common actions such as traversing through the appointments, multiple cell selection, add/edit/delete the appointments, navigate to other views, dates and much more can be performed through keyboard inputs. +* [Multiple resources](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm#/bootstrap5/schedule/resource-grouping) - Supports planning and management of events for multiple resources and allows to group them under appropriate resources. Also, supports date-wise grouping, linked appointments and other group related customizations. +* [Virtual scrolling](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm#/bootstrap5/schedule/virtual-scrolling) - Supports to load a large number of resources and events instantly as the users scroll. +* [Recurrence appointment](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm#/bootstrap5/schedule/recurrence-events) - Allows the user to repeat a set of events on a daily, weekly, monthly, or yearly basis. +* [Template](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm#/bootstrap5/schedule/events-template) - The key elements like events, date header, work cells, time cells, event tooltip, resource header, date range text, and quick info popup comes with the default template support which allows the flexible end-user customization to embed any kind of text, images, or styles to it. +* [Timezone](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm#/bootstrap5/schedule/timezone-event) - Regardless of whatever time zone your system follows, Schedule supports setting your own required time zone value to it as well as to each event - thus allowing the events to display on its exact local time. +* [Timescale](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm#/bootstrap5/schedule/time-scale) - Allows to display customized time duration, with clear and accurate depiction of appointments across the appropriate time slots. +* [Customizable working days and hours](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm#/bootstrap5/schedule/work-days) - Users can set specific [work hour](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm#/bootstrap5/schedule/work-hours) range which is visually differentiated with active colour. Also, the working days collection can be customized with specific days, so that the remaining days will be considered as [weekend](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm#/bootstrap5/schedule/hide-weekend). +* [Custom editor template](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm#/bootstrap5/schedule/editor-template) - Template option is availed for event editor, thus allowing the users to add their own custom editor design and also provides option to add additional fields onto the default event editor. +* [Adaptive rendering](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm#/bootstrap5/schedule/month-agenda) - Adapts with optimal user interfaces for mobile and desktop form-factors, thus helping the user’s application to scale elegantly across all the form-factors without any additional effort. +* [Export to Excel](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm#/bootstrap5/schedule/excel-export) - Provides the options to Export the events to Excel formats. +* [Export and Import ICS](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm#/bootstrap5/schedule/calendar-export-import) - Provides the options to Export and Import the events as ICS formats. +* [Keyboard interaction](https://ej2.syncfusion.com/angular/demos/?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm#/bootstrap5/schedule/keyboard-interaction) - All the common actions such as traversing through the appointments, multiple cell selection, add/edit/delete the appointments, navigate to other views, dates and much more can be performed through keyboard inputs. * [Localization](https://ej2.syncfusion.com/angular/documentation/schedule/localization.html#localization?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) - All the static text and date content can be localized to any desired language. Also, it can be displayed with appropriate time mode and date-format as per the localized language. * [RTL](https://ej2.syncfusion.com/angular/documentation/schedule/localization.html#rtl?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) - Supports displaying the component to display in the direction from right to left.