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
Copy file name to clipboardExpand all lines: user-guide/app-tour.md
+2-2Lines changed: 2 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -22,9 +22,9 @@ As illustrated by the video above, the main elements of the Web Report Designer'
22
22
* A **Components tray** which contains all of the items that you can add to the report.
23
23
* An **Explorer** providing a tree-based structure of everything that is already in the report, including the data structure.
24
24
* A **Properties area** which shows the properties and values for the currently selected component.
25
-
* A **Main menu** which lets you open, save, and interact with reports on a global level along with the **Asset Manager** which is where you store all of your.
25
+
* A **Main menu** which lets you open, save, and interact with reports on a global level along with the **Asset Manager** which is where you store all of your assets.
26
26
* A **Preview** button which shows an exact representation of the designed report.
27
-
* A **Search box** which allows you to search the report instance for any property value, component data source, and so on.
27
+
* A **Search box** which allows you to search the report instance for any properties (i.e., their names), component data source, and so on. The Search box also allows locating tools, like the components that can be added on top of searching in the report instance.
28
28
29
29
To view the app tour again, type `Start onboarding` in the search box.
Copy file name to clipboardExpand all lines: user-guide/components/components.md
+2Lines changed: 2 additions & 0 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -32,6 +32,8 @@ You can add components to your report in two ways:
32
32
* Drag and drop—Click the report's design surface and drag a component from the Components tab onto the report.
33
33
* Click to add—Click the desired location in your report, then click the component in the Components tab.
34
34
35
+
The **Search box** allows you to locate components quickly by typing.
36
+
35
37
You can edit already added components by clicking the respective report item on the design surface of the report. To edit multiple items simultaneously, select them by holding the `Ctrl` or `Cmd` key. Once the item is selected, you can edit its properties in the pane on the right.
36
38
37
39

Copy file name to clipboardExpand all lines: user-guide/components/data-sources.md
+3-1Lines changed: 3 additions & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -28,7 +28,7 @@ table th:nth-of-type(2) {
28
28
29
29
# Data Sources
30
30
31
-
The Data Source components allow users to connect to and retrieve data from various storage and database systems. Data Sources serve as the foundation for all report components, providing the data that powers your tables, charts, maps, and other report elements.
31
+
The Data Source components allow users to connect to and retrieve data from various storage and database systems. Data Sources serve as the foundation for all report components, providing the data that powers your tables, charts, maps, and other report elements.
32
32
33
33
Data Sources are essential for:
34
34
@@ -51,6 +51,8 @@ The Web Report Designer provides the following data source types:
51
51
*[JSON Data Source]({%slug web-report-designer-user-guide-components-data-sources%}#json-data-source)—Processes JSON data from local files or embedded content within reports.
52
52
*[Object Data Source]({%slug web-report-designer-user-guide-components-data-sources%}#object-data-source)—Binds report items to .NET business objects and custom data providers.
53
53
54
+
>note Web Report Designer offers a **SharedDataSource** component which enables report designers to easily create and reuse a data source component across multiple reports. Existing data source components can be configured into SharedDataSource components via the **Explorer tab** in the Web Report Designer. Left-clicking the data source component will open the context menu from which the option *Save As Shared Data Source* can be chosen.
Copy file name to clipboardExpand all lines: user-guide/components/report-items.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
@@ -66,7 +66,7 @@ To learn more about working with the TextBox item, see the [TextBox article in t
66
66
67
67
## HtmlTextBox
68
68
69
-
The HtmlTextBox allows you to insert and display HTML-formatted text within a report. The HtmlTextBox item is ideal for scenarios where you need rich text formatting, dynamic content, or templated text in your reports. You can set its content at design time using a WYSIWYG editor, an ezxpression editor, or dynamically from a data source.
69
+
The HtmlTextBox allows you to insert and display HTML-formatted text within a report. The HtmlTextBox item is ideal for scenarios where you need rich text formatting, dynamic content, or templated text in your reports. You can set its content at design time using a WYSIWYG editor, an expression editor, or dynamically from a data source.
70
70
71
71
<iframewidth="560"height="315"src="https://www.youtube.com/embed/7O-zB9QjkyU?si=HoHpwrcJ6ZDMwCxx"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>
Copy file name to clipboardExpand all lines: user-guide/components/tables.md
+3-1Lines changed: 3 additions & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -31,6 +31,8 @@ The **Components** tab offers a **Tables** section that allows users to visualiz
31
31
*[Table Wizard]({%slug web-report-designer-user-guide-components-tables%}#using-the-table-wizard)—Guides you through creating a Table with an easy step-by-step wizard.
32
32
*[Crosstab Wizard]({%slug web-report-designer-user-guide-components-tables%}#using-the-crosstab-wizard)—Guides you through creating a Crosstab with an easy step-by-step wizard.
33
33
34
+
Using the wizards and following manual tuning as needed is the recommended approach to configure tables and crosstabs. It also offers a smoother user experience.
35
+
34
36
## Prerequisites
35
37
36
38
Before adding any table component, ensure you have:
@@ -59,7 +61,7 @@ Tables organize data in a traditional row-and-column format that you can use for
59
61
1. Drag the **Table** item from the **Components** tab and drop it onto the **Detail** section of the report.
60
62
1. Bind the Table to your [data source]({%slug web-report-designer-user-guide-components-data-sources%}).
61
63
1. Configure the table structure by adding or removing columns and rows as needed.
62
-
1. Add TextBox report items to cells and bind their value to the relevant fields in your [data source]({%slug web-report-designer-user-guide-components-data-sources%}).
64
+
1. Add TextBox report items to cells and bind their value to the relevant fields in your [data source]({%slug web-report-designer-user-guide-components-data-sources%}). Note that the empty-appearing table already consists of text boxes according to the applied data source and the available fields (just their value is empty). You can add new items if you want to have other item types instead, e.g., HtmlTextBox, Barcode, etc.
63
65
64
66
When you add a new Table, it starts with three columns, a header row, and a data row:
Copy file name to clipboardExpand all lines: user-guide/getting-started.md
+9-3Lines changed: 9 additions & 3 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -42,7 +42,13 @@ Make sure you have access to:
42
42
43
43

44
44
45
-
1. On the **Configure Data Retrieval** screen, enter the URL of the web service providing the data for your report: `https://demos.telerik.com/reporting/api/reports/formats`, and then click **Finish**.
45
+
Alternatively, you can type "Web Service Data Source" in the **Search box** to let the designer locate the tool for you.
46
+
47
+
1. On the **Configure Data Retrieval** screen, enter the URL of the web service providing the data for your report and then click **Finish**.

48
54
@@ -52,7 +58,7 @@ Now you have a blank report that is connected to data.
52
58
53
59
Next, design the report by adding a Table report item to display your data.
54
60
55
-
1. Click the report's **Detail Section** to enable adding report items.
61
+
1. Click the report's **Detail Section** to select it as a container which allows adding report items. The default selection is the report itself, which cannot parent tables directly.
56
62
57
63
1. Select the **Components** tab, and then click the [**Table Wizard**]({%slug web-report-designer-user-guide-components-tables%}#using-the-table-wizard) button:
58
64
@@ -85,7 +91,7 @@ Now that you've created your first report, you can:
85
91
86
92
For a visual walkthrough, watch this video tutorial that demonstrates creating a report with a chart. The video covers the Visual Studio setup initially, but the Web Report Designer portion starts at the 3:08 mark:
87
93
88
-
<iframewidth="560"height="315"src="https://www.youtube.com/embed/L-utkcB8-5c?si=bmJU9ggpSOykHdLK&start=188"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>
Copy file name to clipboardExpand all lines: user-guide/report-structure.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
@@ -48,7 +48,7 @@ The Page Footer section appears at the end of every page. Use the Page Footer to
48
48
49
49
## Detail Section
50
50
51
-
The Detail section displays the detailed information and is printed once for every row in the data source. This is where you place the report items that constitute the main body of the report.
51
+
The Detail section displays the detailed information and is printed once for every row in the data source if the report itself is bound to a data source. If not (e.g., data is bound to a table item or a chart item instead), the detail section is static and it is rendered once. This is where you place the report items that constitute the main body of the report.
0 commit comments