User Manual

Graphics Builder
Pane tools
5
A6V11604297_en--_e
107 | 196
H-RULE
The H-RULE component is a separating line used to define a thematic break in a graphic. This is the HTML
horizontal-rule element (<hr>).
The following table outlines attributes of the H-RULE component that can be modified in the BASIC
PROPERTIES pane. For more information on this element or its attributes, visit
https://www.w3schools.com/tags/tag_hr.asp.
Attributes
Description
Color
Color picker
Color of the H-RULE component.
Noshade
Shading
Specifies that the H-RULE component should render in one solid color (not shaded), instead of a shaded color.
Size
Height
The height (in pixels) of the H-RULE component.
Table 34: H-RULE attributes.
IMAGE
Graphics Builder provides two options for adding an image to a graphic:
● The IMAGE component in the COMPONENTS > HTML COMPONENTS pane.
● The VIEW ASSETS tool in the Graphics Builder toolbar.
Using the IMAGE HTML component
The IMAGE component displays an image (jpg, png, gif, etc). This is the HTML image element (<img>).
The src attribute in the BASIC PROPERTIES pane references the image file. The src is usually the address
of an image on a server or Web page.
The following table outlines attributes of the IMAGE component that can be modified in the BASIC
PROPERTIES pane. For more information on this element or its attributes, visit
https://www.w3schools.com/tags/tag_img.asp.
Attribute
Description
alt
Alternate text
Alternate text that will display if the image cannot be displayed.
Default: Field is blank.
border
Image border
Width of the border (in pixels) around an image. Not supported in HTML5.
Default: 0
Crossorigin
Allow cross-origin access
Allow images from non-Siemens sites that allow cross-origin access to be used with canvas. Options are:
● anonymous (Default)
● use-credentials
hspace
Horizontal space
Width of the white space (in pixels) on the left and right sides of an image. Not supported in HTML5.
Default: 1