Reporting/Dashboard: add marketing notes (#3056)

* Reporting/Dashboard: add marketing notes

* Add descriptions for React

* Update ReactJS descriptions

JSDemos/Demos/Charts/ExportAndPrintingAPI/description.md

@@ -20,4 +20,16 @@ Use the following events to handle export:
 Occurs before the Chart export.
 
 * [onExported](/Documentation/ApiReference/UI_Components/dxChart/Configuration/#onExported)   
-Occurs after the Chart export.
+Occurs after the Chart export.
+
+[note]
+
+Need to create printable documents simply? Try our .NET-based DevExpress Reports: they ship with an intuitive Visual Studio Report Designer, Web Report Designer for end-user ad-hoc reporting, and a rich set of report controls, including cross tabs and charts.
+
+You can generate a variety of report types — from simple mail-merge, table, and vertical reports to master-detail (hierarchical) and cross-tab reports, print or export them to PDF, Excel, and other formats.
+
+Develop using VS Code? Leverage the capabilities of a brand new VS Code Report Designer extension to create and edit reports/documents on any platform, be it Windows, macOS, or Linux.
+
+[Get Started with DevExpress Reports](https://docs.devexpress.com/XtraReports/9814/web-reporting) | [Explore Demos](https://www.devexpress.com/Support/Demos/#reporting)
+
+[/note]

JSDemos/Demos/Charts/FunnelChart/description.md

@@ -1 +1,15 @@
-The DevExtreme JavaScript Funnel Chart visualizes a value at different stages. It helps assess value changes throughout these stages and identify potential issues. In this demo, the Funnel shows the percentage of website users that performed a certain action: downloaded a trial, contacted support, purchased a subscription, etc. The chart shows that most users decided not to subscribe after contacting support. You can use this information to make a decision, for example, to provide extra training for the support team.
+The DevExtreme JavaScript Funnel Chart visualizes a value at different stages. It helps assess value changes throughout these stages and identify potential issues. In this demo, the Funnel shows the percentage of website users that performed a certain action: downloaded a trial, contacted support, purchased a subscription, etc. The chart shows that most users decided not to subscribe after contacting support. You can use this information to make a decision, for example, to provide extra training for the support team.
+
+[note]
+
+Use our DevExpress BI Dashboard to embed interactive business intelligence into your next web app.
+
+The Web Dashboard is a data analysis UI component that you can embed into your ASP.NET Core or Angular, React, and Vue applications with .NET backend. Dashboards allow you to display multiple inter-connected data analysis elements such as grids, charts, maps, gauges, and others: all within an automatically-arranged layout.
+
+The set of components allows you to deploy an all-in-one solution and switch between Viewer and Designer modes directly on the web client (includes adaptive layouts for tablet & mobile).
+
+The Web Dashboard is available as a part of a Universal subscription.
+
+[Get Started with DevExpress BI Dashboard](https://docs.devexpress.com/Dashboard/115955/web-dashboard) | [Explore Demos](https://demos.devexpress.com/Dashboard/)
+
+[/note]

JSDemos/Demos/Charts/Overview/Angular/description.md

@@ -1 +1,15 @@
-DevExtreme Angular Charts is a set of responsive data visualization controls. With the vast assortment of charts including bars, areas, lines, bubbles, funnels and pyramids, DevExtreme Charting library will satisfy the most demanding customers. It supports native Angular features as well: AOT compilation, declarative configuration, TypeScript compile-time checking, and more.
+DevExtreme Angular Charts is a set of responsive data visualization controls. With the vast assortment of charts including bars, areas, lines, bubbles, funnels and pyramids, DevExtreme Charting library will satisfy the most demanding customers. It supports native Angular features as well: AOT compilation, declarative configuration, TypeScript compile-time checking, and more.
+
+[note]
+
+Use our DevExpress BI Dashboard to embed interactive business intelligence into your next web app.
+
+The Web Dashboard is a data analysis UI component that you can embed into your ASP.NET Core or Angular, React, and Vue applications with .NET backend. Dashboards allow you to display multiple inter-connected data analysis elements such as grids, charts, maps, gauges, and others: all within an automatically-arranged layout.
+
+The set of components allows you to deploy an all-in-one solution and switch between Viewer and Designer modes directly on the web client (includes adaptive layouts for tablet & mobile).
+
+The Web Dashboard is available as a part of a Universal subscription.
+
+[Get Started with DevExpress BI Dashboard](https://docs.devexpress.com/Dashboard/115955/web-dashboard) | [Explore Demos](https://demos.devexpress.com/Dashboard/)
+
+[/note]

JSDemos/Demos/Charts/Overview/React/description.md

@@ -1 +1,15 @@
-DevExtreme React Charts comprise 30+ UI components for data visualization, including bars, areas, lines, bubbles, pie, funnels, sparklines, treemaps, and other chart types.
+DevExtreme React Charts comprise 30+ UI components for data visualization, including bars, areas, lines, bubbles, pie, funnels, sparklines, treemaps, and other chart types.
+
+[note]
+
+Use our DevExpress BI Dashboard to embed interactive business intelligence into your next web app.
+
+The Web Dashboard is a data analysis UI component that you can embed into your ASP.NET Core or Angular, React, and Vue applications with .NET backend. Dashboards allow you to display multiple inter-connected data analysis elements such as grids, charts, maps, gauges, and others: all within an automatically-arranged layout.
+
+The set of components allows you to deploy an all-in-one solution and switch between Viewer and Designer modes directly on the web client (includes adaptive layouts for tablet & mobile).
+
+The Web Dashboard is available as a part of a Universal subscription.
+
+[Get Started with DevExpress BI Dashboard](https://docs.devexpress.com/Dashboard/115955/web-dashboard) | [Explore Demos](https://demos.devexpress.com/Dashboard/)
+
+[/note]

JSDemos/Demos/Charts/Overview/ReactJs/description.md

@@ -1 +1,15 @@
 DevExtreme React Charts comprise 30+ UI components for data visualization, including bars, areas, lines, bubbles, pie, funnels, sparklines, treemaps, and other chart types.
+
+[note]
+
+Use our DevExpress BI Dashboard to embed interactive business intelligence into your next web app.
+
+The Web Dashboard is a data analysis UI component that you can embed into your ASP.NET Core or Angular, React, and Vue applications with .NET backend. Dashboards allow you to display multiple inter-connected data analysis elements such as grids, charts, maps, gauges, and others: all within an automatically-arranged layout.
+
+The set of components allows you to deploy an all-in-one solution and switch between Viewer and Designer modes directly on the web client (includes adaptive layouts for tablet & mobile).
+
+The Web Dashboard is available as a part of a Universal subscription.
+
+[Get Started with DevExpress BI Dashboard](https://docs.devexpress.com/Dashboard/115955/web-dashboard) | [Explore Demos](https://demos.devexpress.com/Dashboard/)
+
+[/note]

JSDemos/Demos/Charts/Overview/Vue/description.md

@@ -1 +1,15 @@
-DevExtreme Vue Charts is a collection of 30+ feature-rich UI components for data visualization. This collection includes bars, areas, lines, bubbles, pie, funnels, sparklines, treemaps, and many other chart types. You can use Vue syntax and techniques to instantiate and configure the charts or handle their events. In addition, the components support [prop validation](https://vuejs.org/v2/guide/components-props.html#Prop-Validation). [Find out more about DevExtreme Vue components](/Documentation/Guide/Vue_Components/DevExtreme_Vue_Components/).
+DevExtreme Vue Charts is a collection of 30+ feature-rich UI components for data visualization. This collection includes bars, areas, lines, bubbles, pie, funnels, sparklines, treemaps, and many other chart types. You can use Vue syntax and techniques to instantiate and configure the charts or handle their events. In addition, the components support [prop validation](https://vuejs.org/v2/guide/components-props.html#Prop-Validation). [Find out more about DevExtreme Vue components](/Documentation/Guide/Vue_Components/DevExtreme_Vue_Components/).
+
+[note]
+
+Use our DevExpress BI Dashboard to embed interactive business intelligence into your next web app.
+
+The Web Dashboard is a data analysis UI component that you can embed into your ASP.NET Core or Angular, React, and Vue applications with .NET backend. Dashboards allow you to display multiple inter-connected data analysis elements such as grids, charts, maps, gauges, and others: all within an automatically-arranged layout.
+
+The set of components allows you to deploy an all-in-one solution and switch between Viewer and Designer modes directly on the web client (includes adaptive layouts for tablet & mobile).
+
+The Web Dashboard is available as a part of a Universal subscription.
+
+[Get Started with DevExpress BI Dashboard](https://docs.devexpress.com/Dashboard/115955/web-dashboard) | [Explore Demos](https://demos.devexpress.com/Dashboard/)
+
+[/note]

JSDemos/Demos/Charts/Overview/jQuery/description.md

@@ -1 +1,15 @@
-DevExtreme JavaScript Charting library is a collection of 30+ responsive charts that enable you to transform data into an eye-catching and elegant visual representation. Line, area, bar, pie, funnel, pyramid, financial, range, and polar charts - this is just the tip of the iceberg. Every chart from this library is available as a jQuery plugin, supports binding to any data source, and provides its own distinctive feature set. Explore other demos in this section to find the chart for your next project.
+DevExtreme JavaScript Charting library is a collection of 30+ responsive charts that enable you to transform data into an eye-catching and elegant visual representation. Line, area, bar, pie, funnel, pyramid, financial, range, and polar charts - this is just the tip of the iceberg. Every chart from this library is available as a jQuery plugin, supports binding to any data source, and provides its own distinctive feature set. Explore other demos in this section to find the chart for your next project.
+
+[note]
+
+Use our DevExpress BI Dashboard to embed interactive business intelligence into your next web app.
+
+The Web Dashboard is a data analysis UI component that you can embed into your ASP.NET Core or Angular, React, and Vue applications with .NET backend. Dashboards allow you to display multiple inter-connected data analysis elements such as grids, charts, maps, gauges, and others: all within an automatically-arranged layout.
+
+The set of components allows you to deploy an all-in-one solution and switch between Viewer and Designer modes directly on the web client (includes adaptive layouts for tablet & mobile).
+
+The Web Dashboard is available as a part of a Universal subscription.
+
+[Get Started with DevExpress BI Dashboard](https://docs.devexpress.com/Dashboard/115955/web-dashboard) | [Explore Demos](https://demos.devexpress.com/Dashboard/)
+
+[/note]

JSDemos/Demos/Charts/Pie/description.md

@@ -20,4 +20,18 @@ To process point and legend clicks, use the [onPointClick](/Documentation/ApiRef
 
 ## Enable PieChart Export 
 
-Assign `true` to the [export](/Documentation/ApiReference/UI_Components/dxPieChart/Configuration/export/).[enabled](/Documentation/ApiReference/UI_Components/dxPieChart/Configuration/export/#enabled) property to enable PieChart export.
+Assign `true` to the [export](/Documentation/ApiReference/UI_Components/dxPieChart/Configuration/export/).[enabled](/Documentation/ApiReference/UI_Components/dxPieChart/Configuration/export/#enabled) property to enable PieChart export.
+
+[note]
+
+Use our DevExpress BI Dashboard to embed interactive business intelligence into your next web app.
+
+The Web Dashboard is a data analysis UI component that you can embed into your ASP.NET Core or Angular, React, and Vue applications with .NET backend. Dashboards allow you to display multiple inter-connected data analysis elements such as grids, charts, maps, gauges, and others: all within an automatically-arranged layout.
+
+The set of components allows you to deploy an all-in-one solution and switch between Viewer and Designer modes directly on the web client (includes adaptive layouts for tablet & mobile).
+
+The Web Dashboard is available as a part of a Universal subscription.
+
+[Get Started with DevExpress BI Dashboard](https://docs.devexpress.com/Dashboard/115955/web-dashboard) | [Explore Demos](https://demos.devexpress.com/Dashboard/)
+
+[/note]

JSDemos/Demos/Charts/SimpleBullets/description.md

@@ -16,4 +16,18 @@ The zero level line indicates zero and has the same color as the target line. If
 
 ## Configure the Tooltip
 
-A tooltip contains information about the measure and target values. To configure the tooltip, use the [tooltip](/Documentation/ApiReference/UI_Components/dxBullet/Configuration/tooltip/) object. In this demo, the [customizeTooltip](/Documentation/ApiReference/UI_Components/dxBullet/Configuration/tooltip/#customizeTooltip) function within this object customizes the tooltip content.
+A tooltip contains information about the measure and target values. To configure the tooltip, use the [tooltip](/Documentation/ApiReference/UI_Components/dxBullet/Configuration/tooltip/) object. In this demo, the [customizeTooltip](/Documentation/ApiReference/UI_Components/dxBullet/Configuration/tooltip/#customizeTooltip) function within this object customizes the tooltip content.
+
+[note]
+
+Use our DevExpress BI Dashboard to embed interactive business intelligence into your next web app.
+
+The Web Dashboard is a data analysis UI component that you can embed into your ASP.NET Core or Angular, React, and Vue applications with .NET backend. Dashboards allow you to display multiple inter-connected data analysis elements such as grids, charts, maps, gauges, and others: all within an automatically-arranged layout.
+
+The set of components allows you to deploy an all-in-one solution and switch between Viewer and Designer modes directly on the web client (includes adaptive layouts for tablet & mobile).
+
+The Web Dashboard is available as a part of a Universal subscription.
+
+[Get Started with DevExpress BI Dashboard](https://docs.devexpress.com/Dashboard/115955/web-dashboard) | [Explore Demos](https://demos.devexpress.com/Dashboard/)
+
+[/note]

JSDemos/Demos/DataGrid/ExcelJSOverview/description.md

@@ -5,3 +5,15 @@ Once the conditions above are met, use the [exportDataGrid(options)](/Documentat
 Review the [onExporting](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/#onExporting) handler to see the data export code. DataGrid is exported as is to a single <a href="https://github.com/exceljs/exceljs#add-a-worksheet" target="_blank">worksheet</a>. You can also set [allowExportSelectedData](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/export/#allowExportSelectedData) to **true** to export only selected rows.
 
 You can export DataGrid to CSV. Call the **exportDataGrid(options)** method as shown in the following ticket: <a href="https://supportcenter.devexpress.com/ticket/details/t920593/pivotgrid-exceljs-export-to-export-pivotgrid-into-csv-file" target="_blank">Export PivotGrid into CSV file</a>.
+
+[note]
+
+Need to create printable documents simply? Try our .NET-based DevExpress Reports: they ship with an intuitive Visual Studio Report Designer, Web Report Designer for end-user ad-hoc reporting, and a rich set of report controls, including cross tabs and charts.
+
+You can generate a variety of report types — from simple mail-merge, table, and vertical reports to master-detail (hierarchical) and cross-tab reports, print or export them to PDF, Excel, and other formats.
+
+Develop using VS Code? Leverage the capabilities of a brand new VS Code Report Designer extension to create and edit reports/documents on any platform, be it Windows, macOS, or Linux.
+
+[Get Started with DevExpress Reports](https://docs.devexpress.com/XtraReports/9814/web-reporting) | [Explore Demos](https://www.devexpress.com/Support/Demos/#reporting)
+
+[/note]

JSDemos/Demos/DataGrid/PDFOverview/description.md

@@ -10,4 +10,16 @@ Specifies the <a href="https://github.com/parallax/jsPDF" target="_blank">jsPDF<
 - [component](/Documentation/ApiReference/Common/Object_Structures/PdfExportDataGridProps/#component)    
 Specifies the DataGrid's instance.
 
-To review implementation details, see the [exportDataGrid(options)](/Documentation/ApiReference/Common/Utils/pdfExporter/#exportDataGridoptions) method call in [onExporting](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/#onExporting) handler. You can also set [allowExportSelectedData](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/export/#allowExportSelectedData) to **true** to export only selected rows.
+To review implementation details, see the [exportDataGrid(options)](/Documentation/ApiReference/Common/Utils/pdfExporter/#exportDataGridoptions) method call in [onExporting](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/#onExporting) handler. You can also set [allowExportSelectedData](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/export/#allowExportSelectedData) to **true** to export only selected rows.
+
+[note]
+
+Need to create printable documents simply? Try our .NET-based DevExpress Reports: they ship with an intuitive Visual Studio Report Designer, Web Report Designer for end-user ad-hoc reporting, and a rich set of report controls, including cross tabs and charts.
+
+You can generate a variety of report types — from simple mail-merge, table, and vertical reports to master-detail (hierarchical) and cross-tab reports, print or export them to PDF, Excel, and other formats.
+
+Develop using VS Code? Leverage the capabilities of a brand new VS Code Report Designer extension to create and edit reports/documents on any platform, be it Windows, macOS, or Linux.
+
+[Get Started with DevExpress Reports](https://docs.devexpress.com/XtraReports/9814/web-reporting) | [Explore Demos](https://www.devexpress.com/Support/Demos/#reporting)
+
+[/note]

JSDemos/Demos/Gauges/Overview/Angular/description.md

@@ -4,4 +4,18 @@ This demo displays a simple dashboard with a few highly customized gauges.
 
 Review other demos in this section to explore gauge features such as geometry customization, palettes, tooltips, and custom label display.
 
-Our gauge controls also support Native Angular features: AOT compilation, declarative configuration, and TypeScript compile-time checking.
+Our gauge controls also support Native Angular features: AOT compilation, declarative configuration, and TypeScript compile-time checking.
+
+[note]
+
+Use our DevExpress BI Dashboard to embed interactive business intelligence into your next web app.
+
+The Web Dashboard is a data analysis UI component that you can embed into your ASP.NET Core or Angular, React, and Vue applications with .NET backend. Dashboards allow you to display multiple inter-connected data analysis elements such as grids, charts, maps, gauges, and others: all within an automatically-arranged layout.
+
+The set of components allows you to deploy an all-in-one solution and switch between Viewer and Designer modes directly on the web client (includes adaptive layouts for tablet & mobile).
+
+The Web Dashboard is available as a part of a Universal subscription.
+
+[Get Started with DevExpress BI Dashboard](https://docs.devexpress.com/Dashboard/115955/web-dashboard) | [Explore Demos](https://demos.devexpress.com/Dashboard/)
+
+[/note]