Please ensure Javascript is enabled for purposes of website accessibility
Powered by Zoomin Software. For more details please contactZoomin

AVEVA™ Electrical

Picture Box

  • Last UpdatedMar 30, 2022
  • 5 minute read

The Picture Box control is used to display images in a report. Typically, an image is loaded from an image file, or from the bound data source. In addition, an image can be loaded from a web location from a specified URL. The following image formats are supported by the Picture Box control: BMP, GIF, JPEG, PNG, TIFF, EMF and WMF.

In the Property Grid, the Picture Box control's properties are divided into the following groups:

Appearance

Background Color

Specifies the background colour for the controls contained within the band. This option is also available on the Formatting Toolbar ().

Border Color, Border Dash Style, Border Width and Borders

Specifies border settings for controls.

Formatting Rules

Displays the Formatting Rules Editor which enables users to choose which rules should be applied to the band during report generation, and define the precedence of the applied rules. For further information, refer to Conditionally Change a Control's Appearance.

Padding

Specifies indent values used to render the contents of the controls.

Style Priority

Defines the priority of various styles (for example, background colour or border colour). For further information on style inheritance, refer to Styles Concepts.

Styles

Defines odd and even styles for the controls, as well as assigning an existing style to the them (or a newly created one). For further information on style inheritance, refer to Styles Concepts.

Behaviour

Anchor Vertically

Specifies the vertical anchoring style of the control, so that after page rendering it stays attached to the top control, bottom control, or both. The property setting is useful for data-bound controls located between upper and lower controls, which are able to resize depending on their contents.

Scripts

Contains events which can be handled with scripts. For further information on scripting, refer to Handle Events via Scripts.

Sizing

Defines the sizing mode of a contained image. The image sizing settings are briefly described in the following table:

Mode

Description

Normal

The image is placed in the upper-left corner of the control. The image is clipped if it is larger than the Picture Box which contains it.

Stretch Image

The image within the control is stretched or shrunk to fit the size of a Picture Box.

Auto-Size

The Picture Box size is adjusted to that of the image it contains.

Center Image

The image is displayed in the center of the control. If the image is larger than the Picture Box, the outer edges are clipped.

Zoom Image

The image is sized proportionally (without clipping) for best fit into the control.

Squeeze

If the dimensions of a Picture Box exceed that of the image it contains, the image is centred and shown full-size. Otherwise, the image is resized to fit into the Picture Box's dimensions.

Visible

Specifies whether the band is visible when using the print preview.

Data

(Data Bindings)

If the current report is bound to data, the property is used to bind control properties (Bookmark, Navigation URL, Tag and Text) to a data field obtained from the report data source, and to apply a format string. For further information, refer to Display Values from a Database (Bind Report Elements to Data).

Image

Specifies an image to display in the Picture Box control.

When the ellipsis is clicked, the Open File window enables the user to specify the file to load. This image is then embedded into a report and saved within this report, so it is always available.

Note:
Use of this property increases the size of a saved report definition.To save only the image path, and not the image itself, use the Image URL property instead.

Image URL

Specifies the URL of the image to display in the Picture Box control. It supports both absolute and relative paths. A relative path may be related to the Web site or to the current Web page. In the second case, the path to the image must start with the '~' symbol. Setting a relative path makes it easier to move the entire application to another directory on the server without having to update the code.

Tag

Adds additional information to a report, for example, the id, by which the report can then be accessible via scripts.

If the current report has a data source, the Tag property can be bound to a data field obtained from the data source. To do this, expand the (Data Bindings) property and from the Tag.Binding dropdown list, select the required data field.

Design

(Name)

Determines a control's name, by which it can be accessed in the Property Grid and by scripts.

Layout

Location

Specifies the location of the control in report measurement units.

Size

Specifies the size of the control in report measurement units.

Snap Line Margin

Specifies the margins for the control, which are maintained when the control is aligned using snap lines.

Navigation

Bookmark and Parent Bookmark

These properties are used to create a hierarchical structure within a report called a document map.

If the current report has a data source, the Bookmark property can be bound to a data field, obtained from the data source. To do this, expand the Data > Data Bindings drop-down list and select the required data field. For further information, refer to Add Bookmarks.

Navigation URL and Navigation Target

Use the Navigation URL property to specify a URL for web browser navigation when the control is clicked. The web browser displays a page in a window or a frame as specified in the Navigation Target property.

Note:
A URL must have an appropriate prefix for example, 'http://'). Cross-references can be created within the report by assigning the name of the target control to the Navigation URL property, and setting the Navigation Target property to ‘_self'.

If the current report has a data source, the Navigation URL property can be bound to a data field obtained from the data source. To do this, expand the Data > Data Bindings drop-down list and select the required data field. For further information, refer to Create Hyperlinks.

In This Topic
Related Links
TitleResults for “How to create a CRG?”Also Available in