Skip to content

Commit 8c6ecc8

Browse files
author
Natalia Kazakova (DevExpress)
committed
drag and drop
1 parent b78798d commit 8c6ecc8

File tree

5 files changed

+33
-19
lines changed

5 files changed

+33
-19
lines changed

‎reporting-for-web/articles/report-designer/use-report-elements/manipulate-report-elements/add-controls-to-a-report.md‎

Lines changed: 26 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -7,11 +7,18 @@ author: Anna Vekhina
77
## Add Report Controls
88
To display a data field's value in your report, drag the corresponding item from the [Field List](../../report-designer-tools/ui-panels/field-list.md) and drop it onto the report's detail band. This creates a new report control bound to the corresponding field.
99

10-
![](../../../../images/eurd-web-drop-field-from-field-list.png)
10+
![](~/reporting-for-web/images/eurd-web-drop-field-from-field-list.png)
1111

1212
You can also use the [Toolbox](../../report-designer-tools/toolbox.md) to add other controls to your report and display content such as text, images, charts, barcodes, and so on.
1313

14-
![](../../../../images/eurd-web-report-add-label.png)
14+
![](~/reporting-for-web/images/eurd-web-report-add-label.png)
15+
16+
The Web Report Designer supports drag & drop operations from outside the browser window (making it easier to add content to your report documents):
17+
18+
- **Image files** - Drag & drop an image file onto the report surface to create a [Picture Box](../../use-report-elements/use-basic-report-controls/picture-box.md).
19+
- **Text files** - Drop a TXT file to create a label, or drop an RTF, DOCX, or HTML file to insert a [Rich Text](../../use-report-elements/use-basic-report-controls/rich-text.md) control with associated file content.
20+
- **PDF files** - Drop a PDF file to insert a [PDF Content](../../use-report-elements/use-basic-report-controls/pdf-content.md) control.
21+
- **Existing controls** - Dropping a file onto an existing report control updates content with new file data.
1522

1623
This document describes how to add the most commonly used controls to a report. See [Use Report Elements](../../use-report-elements.md) for a complete list of available controls.
1724

@@ -22,39 +29,39 @@ Use the following controls to display text in a report:
2229

2330
Displays plain text in a report.
2431

25-
![](../../../../images/eurd-web-label.png)
32+
![](~/reporting-for-web/images/eurd-web-label.png)
2633

2734

2835
* [Rich Text](../use-basic-report-controls/rich-text.md)
2936

3037
Displays rich text in a report. You can apply different font settings to the control's content and load content from an external HTML file.
3138

32-
![](../../../../images/eurd-web-rich-text.png)
39+
![](~/reporting-for-web/images/eurd-web-rich-text.png)
3340

3441

3542
* [Table](../use-tables.md)
3643

3744
Contains any number of cells arranged in one or more rows.
3845
Each table cell can display plain text or contain other controls.
3946

40-
![](../../../../images/eurd-web-table.png)
47+
![](~/reporting-for-web/images/eurd-web-table.png)
4148

4249
* [Character Comb](../use-basic-report-controls/character-comb.md)
4350

4451
Displays each character in a separate cell and can be used to create printed forms.
4552

46-
![](../../../../images/eurd-web-character-comb.png)
53+
![](~/reporting-for-web/images/eurd-web-character-comb.png)
4754

4855

4956
Double-click any of these controls to invoke an in-place editor where you can enter text.
5057

51-
![](../../../../images/eurd-web-in-place-editor.png)
58+
![](~/reporting-for-web/images/eurd-web-in-place-editor.png)
5259

5360
Press CTRL+Enter to submit changes and close this mode.
5461

5562
You can use corresponding properties of the **Appearance** category to access the selected control's font and alignment settings.
5663

57-
![](../../../../images/eurd-web-label-appearance.png)
64+
![](~/reporting-for-web/images/eurd-web-label-appearance.png)
5865

5966

6067
Labels and other text-oriented controls can display the following content:
@@ -63,17 +70,17 @@ Labels and other text-oriented controls can display the following content:
6370

6471
A control's content does not change once it is specified in a published document.
6572

66-
![](../../../../images/eurd-web-static-content.png)
73+
![](~/reporting-for-web/images/eurd-web-static-content.png)
6774

6875
* **Dynamic content**
6976

7077
A connected data source supplies this content. In a published document, it changes according to the printed data source record.
7178

72-
![](../../../../images/eurd-web-dynamic-content.png)
79+
![](~/reporting-for-web/images/eurd-web-dynamic-content.png)
7380

7481
You can use the [Format String Editor](../../report-designer-tools/format-string-editor.md) to format dynamic content.
7582

76-
![](../../../../images/eurd-web-format-string-editor.png)
83+
![](~/reporting-for-web/images/eurd-web-format-string-editor.png)
7784

7885

7986
* **Mixed content**
@@ -82,12 +89,12 @@ Labels and other text-oriented controls can display the following content:
8289

8390
Use the **Format String** property in the **Action** category to format this field's value.
8491

85-
![](../../../../images/eurd-web-format-string-property.png)
92+
![](~/reporting-for-web/images/eurd-web-format-string-property.png)
8693

8794
## Display Page Information
8895
Use the [Page Info](../use-basic-report-controls/page-info.md) control to display information about document pages, such as the current page number and/or total number of pages.
8996

90-
![](../../../../images/eurd-web-page-info.png)
97+
![](~/reporting-for-web/images/eurd-web-page-info.png)
9198

9299
You can also use this control to add information about a report's author and the document's creation date.
93100

@@ -100,27 +107,27 @@ See the following tutorials for detailed instructions:
100107
## Display Check Boxes, Images and Barcodes
101108
Drop a Boolean data field from the Field List onto a report to create a [Check Box](../use-basic-report-controls/check-box.md) control bound to that field.
102109

103-
![](../../../../images/eurd-web-check-box.png)
110+
![](~/reporting-for-web/images/eurd-web-check-box.png)
104111

105112
Check boxes can display different states depending on the underlying data values.
106113

107-
![](../../../../images/eurd-web-check-boxe-states.png)
114+
![](~/reporting-for-web/images/eurd-web-check-boxe-states.png)
108115

109116
Use the [Picture Box](../use-basic-report-controls/picture-box.md) control to display images in a report. You can load an image from an external file, from a bound data source, or from a web location using the specified URL.
110117

111-
![](../../../../images/eurd-web-picture-box.png)
118+
![](~/reporting-for-web/images/eurd-web-picture-box.png)
112119

113120
To display barcodes, use the [Barcode](../use-bar-codes.md) control.
114121

115-
![](../../../../images/eurd-web-bar-code.png)
122+
![](~/reporting-for-web/images/eurd-web-bar-code.png)
116123

117124
## <a name="drawinglinesshapes"></a>Drawing Lines and Shapes
118125
Use the [Shape](../draw-lines-and-shapes/draw-shapes.md) control to draw simple graphics in a report (circles, crosses or arrows).
119126

120-
![](../../../../images/eurd-web-display-shapes.png)
127+
![](~/reporting-for-web/images/eurd-web-display-shapes.png)
121128

122129
The [Line](../draw-lines-and-shapes/draw-lines.md) control enables you to draw straight or slanted lines in a single band.
123130

124-
![](../../../../images/eurd-web-lines.png)
131+
![](~/reporting-for-web/images/eurd-web-lines.png)
125132

126133
The [Cross-Band Line and Box](../draw-lines-and-shapes/draw-cross-band-lines-and-boxes.md) controls enable you to draw lines and boxes spanning multiple report bands.

‎reporting-for-web/articles/report-designer/use-report-elements/use-basic-report-controls/label.md‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,8 @@ Double-click the label to invoke its in-place editor and enter the desired stati
1313

1414
![](../../../../images/eurd-web-label-static-text.png)
1515

16+
You can also drop a TXT file to a band to create a label with associated file content.
17+
1618
Press CTRL+Enter to submit text changes and exit the label's in-place editing mode.
1719

1820
## Bind to Data

‎reporting-for-web/articles/report-designer/use-report-elements/use-basic-report-controls/pdf-content.md‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -23,6 +23,8 @@ Drop the **PDF Content** item from the Toolbox onto a [band](../../introduction-
2323

2424
![Drop the PDF Content control from Toolbox](../../../../images/xrpdfcontent-drop-from-toolbox.png)
2525

26+
You can also drop a PDF file to a band to insert a PDF Content item.
27+
2628
## Specify PDF Content
2729

2830
Use one of the following methods:

‎reporting-for-web/articles/report-designer/use-report-elements/use-basic-report-controls/picture-box.md‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,7 @@ To add this control to a report, drag the **Picture Box** item from the [Toolbox
1313

1414
The Picture Box can display images with the following formats: BMP, JPG, JPEG, GIF, TIF, TIFF, PNG, ICO, DIB, RLE, JPE, JFIF, EMF, WMF, SVG.
1515

16+
You can also drag & drop a supported image file onto the report surface to create a Picture Box.
1617

1718
Use the **Image Source** or **Image URL** property to specify the image the Picture Box displays. You can access these properties in the **Picture Box Tasks** category.
1819

‎reporting-for-web/articles/report-designer/use-report-elements/use-basic-report-controls/rich-text.md‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,8 @@ To add this control to a report, drag the **Rich Text** item from the [Toolbox](
1414

1515
![](../../../../images/eurd-web-add-rich-text-to-report.png)
1616

17+
You can also drop an RTF, DOCX, or HTML file to a band to insert a Rich Text control with associated file content.
18+
1719
## Load Content from a File
1820

1921
You can load RTF or HTML content from an external file. Expand the **Data** category and click the **Load file** property's ellipsis button.

0 commit comments

Comments
 (0)