You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
* Reuploaded videos
* link to the demo https://demos.telerik.com/reporting/designer
* Changes for the choropleth - no video will be provided due to a bug
* charts reuploaded videos
* map and bar chart reuploaded
* Applied Dancho's suggestions
* Remove the slugs from DataSources article
* Update item style
---------
Co-authored-by: Yordan <[email protected]>
Copy file name to clipboardExpand all lines: user-guide/components/components.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -40,7 +40,7 @@ You can add components to your report in two ways:
40
40
|----|----|
41
41
|[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.|<ul><li>TextBox</li><li>HtmlTextBox</li><li>PictureBox</li><li>CheckBox</li><li>Barcode</li><li>Shape</li><li>Panel</li><li>Radial Gauge Wizard</li><li>Linear Gauge Wizard</li></ul>|
42
42
|[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.|<ul><li>List</li><li>Table</li><li>Crosstab</li><li>Table Wizard</li><li>Crosstab Wizard</li></ul>|
43
-
|[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.|<ul><li>SubReport</li></ul>|
43
+
|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.|<ul><li>SubReport</li></ul>|
44
44
|[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.|<ul><li>Map types: Point, Pie, Column</li><li>Choropleth</li></ul>|
45
45
|[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.|<ul><li>Bar Chart</li><li>Line Chart</li><li>Area Chart</li><li>Column Chart</li><li>Pie Chart</li><li>Doughnut Chart</li></ul>|
46
46
|[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.|<ul><li>Page Header</li><li>Page Footer</li><li>Report Header</li><li>Report Footer</li><li>Table of Contents</li></ul>|
Copy file name to clipboardExpand all lines: user-guide/components/data-sources.md
+7-7Lines changed: 7 additions & 7 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -57,7 +57,7 @@ To add a new SQL Data Source:
57
57
58
58
1. Click the **SQL Data Source** item in the **Components** tab.
59
59
60
-
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:
60
+
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:
61
61
62
62
>caption Existing vs New SQL Connection
63
63
@@ -86,7 +86,7 @@ To add a new CSV Data Source:
86
86
87
87
1. Click the **CSV Data Source** item in the **Components** tab.
88
88
89
-
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:
89
+
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:
90
90
91
91
>caption Upload a CSV Source vs Inline
92
92
@@ -115,7 +115,7 @@ To add a Web Service Data Source:
115
115
116
116
1. Click the **Web Service Data Source** item in the **Components** tab.
117
117
118
-
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.
118
+
1. The Web Service Data Source configuration wizardappears allowing you to create new or edit an existing WebServiceDataSource component.
119
119
120
120
>caption Setup Web Service Data Source
121
121
@@ -145,7 +145,7 @@ To add a GraphQL Data Source:
145
145
146
146
1. Click the **GraphQL Data Source** item in the **Components** tab.
147
147
148
-
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.
148
+
1. The GraphQL Data Source configuration wizard appears allowing you to create new or edit an existing GraphQLDataSource component.
149
149
150
150
The wizard allows you to set up one of the following options:
151
151
@@ -194,7 +194,7 @@ The following configuration steps are available:
194
194
195
195
## JSON Data Source
196
196
197
-
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:
197
+
By clicking the **JSON Data Source** item in the **Components** tab, the JSON Data Source configuration wizardappears, allowing you to use a new or an existing JSON file, or directly enter inline JSON content:
198
198
199
199
>caption Upload a new JSON file vs Inline JSON data
200
200
@@ -212,9 +212,9 @@ By clicking the `JSON Data Source` item in the **Components** tab, the [JSON Dat
212
212
213
213
To add an `Object Data Source`:
214
214
215
-
1. Click the `Object Data Source` item in the **Components** tab.
215
+
1. Click the **Object Data Source** item in the **Components** tab.
216
216
217
-
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:
217
+
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:
Copy file name to clipboardExpand all lines: user-guide/components/maps.md
+9-12Lines changed: 9 additions & 12 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -88,7 +88,7 @@ The following tutorial demonstrates how to create a Map that presents sales dist
88
88
89
89
> 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).
90
90
91
-
<iframewidth="560"height="315"src="https://www.youtube.com/embed/VGeM_g7Ieqg?si=6mGUiz4yEIV3Opnu"title="YouTube video player"frameborder="0"allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"referrerpolicy="strict-origin-when-cross-origin"allowfullscreen></iframe>
91
+
<iframewidth="560"height="315"src="https://www.youtube.com/embed/u-9dplAXbZk?si=RWeHmLWZRkse8TOL"title="YouTube video player"frameborder="0"allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"referrerpolicy="strict-origin-when-cross-origin"allowfullscreen></iframe>
92
92
93
93
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).
94
94
@@ -164,23 +164,21 @@ Select the location provider (for example, Azure) that will be used to geocode t
164
164
165
165
## Choropleth
166
166
167
-
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.
167
+
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.
168
168
169
169
The Choropleth below shows the 100 most populated countries:
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.
173
+
>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.
176
174
177
-
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.
175
+
<!-- If you need to create a report with a Choropleth, 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. You can use it as a starting point for your own report. -->
178
176
179
-
The essential steps in the setup are:
177
+
<!--The essential steps for setting up a Choropleth:
180
178
181
179
1. Set up the data binding:
182
180
183
-
* Bind your map to a data source containing values for each region, for example, [CSV Data Source]({%slug web-report-designer-user-guide-components-data-sources%}). Use the sample [CSV data population](https://github.com/telerik/reporting-docs/raw/master/knowledge-base/resources/PopulationDensity.zip) file, save it locally, and extract its content to a folder.
181
+
* Bind your map to a data source containing values for each region, for example, [CSV Data Source]({%slug web-report-designer-user-guide-components-data-sources%}). Use the sample [PopulationData.csv](https://github.com/telerik/reporting-docs/raw/master/knowledge-base/resources/PopulationDensity.zip) file, save it locally, and extract its content to a folder.
184
182
185
183
* Configure a color scale based on your data values.
186
184
@@ -190,14 +188,13 @@ The essential steps in the setup are:
*[Adding Choropleth Maps to the Report]({%slug telerikreporting/designing-reports/report-structure/map/how-to/how-to-setup-a-choropleth-using-the-map-wizard%})
200
+
*[Population Density Demo Report with Choropleth](https://demos.telerik.com/reporting/population-density)
Copy file name to clipboardExpand all lines: user-guide/components/report-items.md
+3-3Lines changed: 3 additions & 3 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -14,7 +14,7 @@ img[alt$="><"] {
14
14
}
15
15
</style>
16
16
17
-
# Report Items in the Web Report Designer
17
+
# Report Items
18
18
19
19
The Report Items are visual elements used to display and organize content within a report.
20
20
@@ -122,14 +122,14 @@ A radial gauge is a circular visual element that looks similar to a speedometer
122
122
123
123
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.
124
124
125
-
<iframewidth="560"height="315"src="https://www.youtube.com/embed/Pi4ikiZi4bE?si=WzPcyATa1SGD_qwT"title="YouTube video player"frameborder="0"allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"referrerpolicy="strict-origin-when-cross-origin"allowfullscreen></iframe>
125
+
<iframewidth="560"height="315"src="https://www.youtube.com/embed/QrUAtdgFsM0?si=AJrUJEfiMAGbEbw9"title="YouTube video player"frameborder="0"allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"referrerpolicy="strict-origin-when-cross-origin"allowfullscreen></iframe>
126
126
127
127
### Linear Gauge
128
128
129
129
The Linear Gauge is represented by a horizontal or vertical scale and displays its value as a percentage of the total scale's length. To add a Linear Gauge, click the **Linear Gauge Wizard** in the **Components** tab, and then use the **Configure Linear Gauge** pane to adjust the settings.
130
130
131
131
Depending on the gauge's orientation and range, you can create horizontal, vertical, single-range, and multi-range linear gauges.
132
132
133
-
<iframewidth="560"height="315"src="https://www.youtube.com/embed/cV10F3Hiky8?si=paPYNuf8TVI7WQwx"title="YouTube video player"frameborder="0"allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"referrerpolicy="strict-origin-when-cross-origin"allowfullscreen></iframe>
133
+
<iframewidth="560"height="315"src="https://www.youtube.com/embed/9Aw-w0yn4Pw?si=M_8bMIEVOFEv12Z1"title="YouTube video player"frameborder="0"allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"referrerpolicy="strict-origin-when-cross-origin"allowfullscreen></iframe>
134
134
135
135
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 %}).
0 commit comments