diff --git a/user-guide/components/charts.md b/user-guide/components/charts.md index 3e37469bb..75ca8dcca 100644 --- a/user-guide/components/charts.md +++ b/user-guide/components/charts.md @@ -81,7 +81,7 @@ Components, 2003, 280 Components, 2004, 310 ``` - + After adding the data source to you report, continue by adding the desired chart type. @@ -99,7 +99,7 @@ To create a Bar Chart, follow the steps below. See the video after the steps for >caption Adding a Bar Chart and populating it with data - + Based on the Bar Chart type that you select during the configuration, one of the following charts will be displayed: @@ -121,7 +121,7 @@ To create a Column Chart, follow the steps below. See the video after the steps >caption Adding a Column Chart and populating it with data - + Based on the Column Chart type that you select during the configuration, one of the following charts will be displayed: @@ -143,7 +143,7 @@ To create an Area Chart, follow the steps below. See the video after the steps f >caption Adding an Area Chart and populating it with data - + Based on the Column Chart type that you select during the configuration, one of the following charts will be displayed: @@ -165,7 +165,7 @@ To create a Line Chart, follow the steps below. See the video after the steps fo >caption Adding a Line Chart and populating it with data - + Based on the Line Chart type that you select during the configuration, one of the following charts will be displayed: @@ -191,7 +191,7 @@ To create a Pie Chart, follow the steps below. See the video after the steps for >caption Adding a Pie Chart and populating it with data - + Based on the Pie Chart type that you select during the configuration, one of the following charts will be displayed: diff --git a/user-guide/components/components.md b/user-guide/components/components.md index ac3c1edc5..f4ab14e80 100644 --- a/user-guide/components/components.md +++ b/user-guide/components/components.md @@ -40,7 +40,7 @@ You can add components to your report in two ways: |----|----| |[Report Items]({%slug user-guide/components/report-items%}) - The main building blocks used in the report depending on the data that will be displayed, e.g. a TextBox item for static or data-bound text, a PictureBox for displaying images, a Barcode for showing a barcode in a label report, etc.|| |[Tables]({%slug web-report-designer-user-guide-components-tables%}) - The Table report item is a generalized layout report item that displays report data in cells that are organized into rows and columns.|| -|[Reports]({%slug telerikreporting/designing-reports/report-structure/subreport%}) - The SubReport item enables you to display reports within reports and serves as a container, similar to the report sections, growing in size depending on its children.|| +|Reports - The [SubReport]({%slug web-report-designer-user-guide-components-subreport%}) item enables you to display reports within reports and serves as a container, similar to the report sections, growing in size depending on its children.|| |[Maps]({%slug web-report-designer-user-guide-components-maps%}) - The Map report item is a native Telerik Reporting item which enables you to visualize aggregate business data in a geographical manner.|| |[Charts]({%slug web-report-designer-user-guide-components-charts%}) - The Graph report item is a native Telerik Reporting item that allows you to generate different Chart types (objects) and visually present large volumes of aggregated information.|| |[Report Sections]({%slug user-guide/components/report-sections%}) - A Telerik report consists of different sections that may contain report items. Each report section represents a specific area on the report page and defines the rendering of its report items.|| diff --git a/user-guide/components/data-sources.md b/user-guide/components/data-sources.md index 9e2c7130e..4a992c605 100644 --- a/user-guide/components/data-sources.md +++ b/user-guide/components/data-sources.md @@ -57,7 +57,7 @@ To add a new SQL Data Source: 1. Click the **SQL Data Source** item in the **Components** tab. -1. The [SQL Data Source configuration wizard]({%slug telerikreporting/designing-reports/report-designer-tools/web-report-designer/tools/sqldatasource-wizard%}) appears allowing you to use either an existing connection or build a new one by providing a `connection string` to connect to the database and define the SQL statement or the stored procedure to retrieve the data: +1. The SQL Data Source configuration wizard appears allowing you to use either an existing connection or build a new one by providing a `connection string` to connect to the database and define the SQL statement or the stored procedure to retrieve the data: >caption Existing vs New SQL Connection @@ -86,7 +86,7 @@ To add a new CSV Data Source: 1. Click the **CSV Data Source** item in the **Components** tab. -1. The [CSV Data Source configuration wizard]({%slug telerikreporting/designing-reports/report-designer-tools/web-report-designer/tools/csvdatasource-wizard%}) appears allowing you to use either an existing or a new CSV file, or use inline CSV text with the data: +1. The CSV Data Source configuration wizard appears allowing you to use either an existing or a new CSV file, or use inline CSV text with the data: >caption Upload a CSV Source vs Inline @@ -115,7 +115,7 @@ To add a Web Service Data Source: 1. Click the **Web Service Data Source** item in the **Components** tab. -1. The [Web Service Data Source configuration wizard]({%slug telerikreporting/designing-reports/report-designer-tools/web-report-designer/tools/webservicedatasource-wizard%}) appears allowing you to create new or edit an existing [WebServiceDataSource]({%slug telerikreporting/designing-reports/connecting-to-data/data-source-components/webservicedatasource-component/overview%}) component. +1. The Web Service Data Source configuration wizard appears allowing you to create new or edit an existing WebServiceDataSource component. >caption Setup Web Service Data Source @@ -145,7 +145,7 @@ To add a GraphQL Data Source: 1. Click the **GraphQL Data Source** item in the **Components** tab. -1. The [GraphQL Data Source configuration wizard](https://docs.telerik.com/reporting/designing-reports/report-designer-tools/desktop-designers/tools/data-source-wizards/graphqldatasource-wizard) appears allowing you to create new or edit an existing [GraphQLDataSource](https://docs.telerik.com/reporting/designing-reports/connecting-to-data/data-source-components/graphqldatasource-component/overview) component. +1. The GraphQL Data Source configuration wizard appears allowing you to create new or edit an existing GraphQLDataSource component. The wizard allows you to set up one of the following options: @@ -194,7 +194,7 @@ The following configuration steps are available: ## JSON Data Source -By clicking the `JSON Data Source` item in the **Components** tab, the [JSON Data Source configuration wizard]({%slug telerikreporting/designing-reports/report-designer-tools/web-report-designer/tools/jsondatasource-wizard%}) appears allowing you to use a new or an existing JSON file, or directly enter inline JSON content: +By clicking the **JSON Data Source** item in the **Components** tab, the JSON Data Source configuration wizard appears, allowing you to use a new or an existing JSON file, or directly enter inline JSON content: >caption Upload a new JSON file vs Inline JSON data @@ -212,9 +212,9 @@ By clicking the `JSON Data Source` item in the **Components** tab, the [JSON Dat To add an `Object Data Source`: -1. Click the `Object Data Source` item in the **Components** tab. +1. Click the **Object Data Source** item in the **Components** tab. -1. The [Object Data Source configuration wizard]({%slug telerikreporting/designing-reports/report-designer-tools/web-report-designer/tools/objectdatasource-wizard%}) appears allowing you to use a business object or any other class (that was already defined) for data retrieval in the report: +1. The Object Data Source configuration wizard appears allowing you to use a business object or any other class (that was already defined) for data retrieval in the report: * Select Business object diff --git a/user-guide/components/maps.md b/user-guide/components/maps.md index b64d52165..22f2787b6 100644 --- a/user-guide/components/maps.md +++ b/user-guide/components/maps.md @@ -88,7 +88,7 @@ The following tutorial demonstrates how to create a Map that presents sales dist > To follow along with the steps below, you need access to an instance of the [Adventure Works](https://github.com/microsoft/sql-server-samples/tree/master/samples/databases/adventure-works) database for [Microsoft SQL Server](https://learn.microsoft.com/en-us/sql/database-engine/install-windows/install-sql-server?view=sql-server-ver17). - + Since this tutorial uses the **AzureLocationProvider**, an Azure Maps subscription key is required. You can obtain a key by [creating an Azure Maps account through the Azure Portal](https://learn.microsoft.com/en-us/azure/azure-maps/quick-demo-map-app#create-an-azure-maps-account). For more information on how to access the key, refer to [Get the subscription key for your account](https://learn.microsoft.com/en-us/azure/azure-maps/quick-demo-map-app#get-the-subscription-key-for-your-account). @@ -164,23 +164,21 @@ Select the location provider (for example, Azure) that will be used to geocode t ## Choropleth -A Choropleth map is a thematic map where areas are shaded or colored in proportion to a statistical variable (like population density, income levels, or voting results). This specialized map component colors geographical areas according to the data values they represent. +A **Choropleth** map is a thematic map where areas are shaded or colored in proportion to a statistical variable (like population density, income levels, or voting results). This specialized map component colors geographical areas according to the data values they represent. The Choropleth below shows the 100 most populated countries: ->caption World population density - ![Choropleth map ><](images/wrd-components-tray-choropleth-map.png) -The video demonstrates how to create and set up a Choropleth map that shows the world population for each country and colors its area depending on the population density value. +>important Currently, the Web Report Designer allows only **displaying an already created** report (for example, using the Standalone Report Designer) that contains a Choropleth report item and simple fine-tuning. It is not possible to build a Choropleth from scratch in the Web Report Designer. -Download the [`PopulationData.zip`](https://github.com/telerik/reporting-docs/raw/master/knowledge-base/resources/PopulationDensity.zip) file, save it locally, and extract its contents in a folder. + -The essential steps in the setup are: + -Source Type [bug](https://github.com/telerik/reporting/issues/5129) ## See Also * [Web Report Designer]({%slug telerikreporting/designing-reports/report-designer-tools/web-report-designer/overview%}) * [Map Overview]({%slug map_report_item_overview%}) * [Data Sources]({%slug web-report-designer-user-guide-components-data-sources%}) +* [Adding Choropleth Maps to the Report]({%slug telerikreporting/designing-reports/report-structure/map/how-to/how-to-setup-a-choropleth-using-the-map-wizard%}) +* [Population Density Demo Report with Choropleth](https://demos.telerik.com/reporting/population-density) diff --git a/user-guide/components/report-items.md b/user-guide/components/report-items.md index 5ecf96179..8cbe5c156 100644 --- a/user-guide/components/report-items.md +++ b/user-guide/components/report-items.md @@ -14,7 +14,7 @@ img[alt$="><"] { } -# Report Items in the Web Report Designer +# Report Items The Report Items are visual elements used to display and organize content within a report. @@ -122,7 +122,7 @@ A radial gauge is a circular visual element that looks similar to a speedometer Radial gauges are especially useful when you want to show data that feels like speed or progress, such as how fast something is going or how much of a goal has been reached. - + ### Linear Gauge @@ -130,6 +130,6 @@ The Linear Gauge is represented by a horizontal or vertical scale and displays i Depending on the gauge's orientation and range, you can create horizontal, vertical, single-range, and multi-range linear gauges. - + To learn more about working with the Gauge item, see the [Gauge article in the main Telerik Reporting documentation]({%slug telerikreporting/designing-reports/report-structure/gauge/overview %}). diff --git a/user-guide/components/report-sections.md b/user-guide/components/report-sections.md index 327f708fc..4f1d85112 100644 --- a/user-guide/components/report-sections.md +++ b/user-guide/components/report-sections.md @@ -15,7 +15,7 @@ img[alt$="><"] { -# Report Sections in the Web Report Designer +# Report Sections Report sections divide the report vertically and define specific areas on the report page where content is rendered. Each section represents a distinct area with its own rendering behavior and determines how the report items within it are processed and displayed. The Web Report Designer provides five key sections that control the structure and layout of your reports. diff --git a/user-guide/components/subreport.md b/user-guide/components/subreport.md index 2e6fb4d48..827c0adeb 100644 --- a/user-guide/components/subreport.md +++ b/user-guide/components/subreport.md @@ -28,7 +28,7 @@ SubReports act as containers that automatically adjust their size based on the c The next video demonstrates how to [create master-detail](#) reports by using SubReports in the Telerik Web Report Designer: - + ## Prerequisites diff --git a/user-guide/components/tables.md b/user-guide/components/tables.md index d3b0976bd..399c0e6d8 100644 --- a/user-guide/components/tables.md +++ b/user-guide/components/tables.md @@ -50,7 +50,7 @@ The List component provides the most flexibility for custom data layouts. Use Li This video demonstrates creating a List, binding it to an SQL data source, and adding a TextBox to display customer names: - + ## Adding a Table @@ -67,7 +67,7 @@ When you add a new Table, it starts with three columns, a header row, and a data This video shows how to add a Table report item, bind it to an already existing [CSV Data Source]({%slug web-report-designer-user-guide-components-data-sources%}), and add the necessary TextBox report items for the column headers and the data records. - + ## Adding a Crosstab @@ -85,7 +85,7 @@ When you add a Crosstab, it includes a column group area, row group area, and da This video demonstrates creating a Crosstab, binding it to SQL data, and configuring row/column groups with aggregated data: - + ## Using the Table Wizard @@ -99,7 +99,7 @@ The Table Wizard provides a faster way to create tables by guiding you through t This video shows how to use the Table Wizard to create a table with a Web Service data source and configure field selection: - + ## Using the Crosstab Wizard @@ -113,12 +113,12 @@ The Crosstab Wizard simplifies creating complex cross-tabulated reports by walki This video demonstrates using the Crosstab Wizard with SQL data to create a cross-tabulated report showing OrderID and Freight totals: - + ## Next Steps * Add [report sections]({%slug user-guide/components/report-sections%}) to organize your report layout -* Explore other [report components]({%slug user-guide/components%}) to enhance your reports +* Explore other [report components]({%slug web-report-designer-user-guide-components%}) to enhance your reports ## See Also diff --git a/user-guide/user-guide-overview.md b/user-guide/user-guide-overview.md index 488e2b615..328dcee50 100644 --- a/user-guide/user-guide-overview.md +++ b/user-guide/user-guide-overview.md @@ -19,7 +19,7 @@ position: 0 # Web Report Designer User Guide: An Overview -The Web Report Designer User Guide is intended to assist the end-users of business applications that integrate [Telerik Reporting]({%slug telerikreporting/welcome-to-telerik-reporting!%}). This guide aims to provide the knowledge required for the successful crafting and maintenance of reports. The primary audience for this user guide are business application users. +The [Web Report Designer](https://demos.telerik.com/reporting/designer) User Guide is intended to assist the end-users of business applications that integrate [Telerik Reporting]({%slug telerikreporting/welcome-to-telerik-reporting!%}). This guide aims to provide the knowledge required for the successful crafting and maintenance of reports. The primary audience for this user guide are business application users. > If you are a developer who integrates Telerik Reporting into web applications, see the [application developer section]({%slug telerikreporting/designing-reports/report-designer-tools/web-report-designer/overview%}) of the Web Report Designer documentation or the [Getting Started tutorial]({%slug telerikreporting/getting-started/web-designer/set-up-and-create-basic-report%}).