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: designing-reports/report-designer-tools/web-report-designer/user-guide/creating-report-in-wrd.md
+30-14Lines changed: 30 additions & 14 deletions
Original file line number
Diff line number
Diff line change
@@ -36,29 +36,45 @@ To style the sample report:
36
36
37
37
1. Add a new custom report header:
38
38
39
-
2.1. Press `Ctrl+F` to focus the Search box.
40
-
2.2. Type `Report Header`, and press `Enter`. This will focus the **Page Header** report section in the **Components** menu.
41
-
2.3. Click the item to add the section to the report.
39
+
2.1. Use `Ctrl+F` to focus the search box.
40
+
41
+
2.2. Type `Report Header`, and press `Enter`. This will focus the **Page Header** report section in the **Components** menu.
42
+
43
+
2.3. Click the **Page Header** item to add this section to the report.
42
44
43
45
44
46
45
-
1. Let's add the company logo to the report.
47
+
1. Add a company logo to the report header by using a picture box:
48
+
49
+
3.1. Use `Ctrl+F` to focus the search box.
50
+
51
+
3.2. Type `PictureBox`, and press `Enter`. This will focus the **PictureBox** report component in the **Components** menu.
52
+
53
+
3.3. Click the **PictureBox** item and drag it to the report header. Adjust its size and position as needed.
46
54
47
-
1. We need to add a [PictureBox]({%slug telerikreporting/designing-reports/report-structure/picturebox%}) to the Report Header. You may search for the report item, drag it to the Report Header, and adjust its size and position as needed.
48
-
1. To upload the logo, search for the `Value` property in the PictureBox, and click on the icon beside it. It opens the `Select File...` dialog, which represents the [Assets Manager]({%slug telerikreporting/designing-reports/report-designer-tools/web-report-designer/tools/shared-resources%}#assets-manager). The latter contains report assets such as images, external stylesheets, etc.
55
+
3.4. Make sure that the picture box is focused (selected), locate the **DATA** category in the properties area of the Web Report Designer. The properties area is the pane on the right, which contains properties specific to the currently selected report item.
49
56
50
-
57
+
3.5. Go to **DATA** > **Value** and click the  button to open the Assets Manager.
58
+
59
+
3.6. Select the **Images** folder and then click the **Upload** button to upload an image from your device.
60
+
61
+
3.7. Select the newly uploaded image and click **Save**.
51
62
52
-
1. Select the `Images` folder and click the `Upload` button to upload the image. Click on the `Browse` button to find the image on your system and open it. Add the selected image by clicking on the `Upload` button. Now the image is in the Assets Manager and you may click `Save`. The value should be populated and the image should be displayed in the PictureBox.
63
+
53
64
54
-
1. Add title to the report. You may use the [TextBox]({%slug telerikreporting/designing-reports/report-structure/textbox%}) report item.
65
+
1. Add a title to the report by using a text box:
55
66
56
-
1. Search in the global search box of the designer and drag the item from the `Components` menu to the Report Header.
57
-
1. You may change the text inline. Double-click on the item to enter it and type `Sales by Category`.
58
-
1. Apply Styles by selecting the TextBox, searching for _Style_, and finding the appropriate _Font_ styles. Let's use the default Font "Arial", with Size 22pt, bolded, centered, and aligned to the middle.
59
-
1. Position and realign the TextBox so that the content fits and looks beautiful.
67
+
4.1. Use `Ctrl+F` to focus the search box.
68
+
69
+
4.2. Type `TextBox`, and press `Enter`. This will focus the **TextBox** report component in the **Components** menu.
70
+
71
+
4.3. Click the **TextBox** item and drag it to the report header. Adjust its size and position as needed.
72
+
73
+
4.4. Double-click on the text box and type `Sales by Category`.
74
+
75
+
4.5. To change the text font, go to **APPEARANCE** > **Style** > **Font** in the properties area pane on the right and apply the desired styles, for example, Arial with size 22 pt in bold.
60
76
61
-
77
+
0 commit comments