Skip to main content

Image Properties

This section describes the properties available for an image element in the page definition.

Effective Constraint

PropertyDescriptionExample
Constraint SourceThe location that is providing the constraint for this element.TEMPLATE_constraint.
Constraint TypeThe type of constraint for this element, i.e.
Bounds - The element is being position absolutely.
Flow - The element is flowing.
None - The element has no position constraint.
BOUNDS
heightThe height of the element in pixels.63
widthThe width of the element in pixels.281
xThe x location of the element in pixels, relative to its parent element.445
yThe y location of the element in pixels, relative to its parent element.184

Element Constraint

PropertyDescriptionExample
Constraint TypeThe type of constraint to apply to the element, i.e.
Bounds - The element should be absolutely positioned.
Flow - The element should flow.
None - No constraint for the element should be supplied here (although a constraint may be inferred from somewhere else, e.g. a template).
BOUNDS
heightThe height of the element. Can be specified in pixels (e.g. 50), as a percentage (e.g. 10%), or as an automatic value based on the size of the content of the element (auto).64
widthThe width of the element. Can be specified in pixels (e.g. 50), as a percentage (e.g. 10%), or as an automatic value based on the size of the content of the element (auto).321
xThe x location of the element, specified as a value in pixels. It is only available when using a Bounds constraint.13
yThe y location of the element, specified as a value in pixels. It is only available when using a Bounds constraint.314

Events

PropertyDescriptionExample
Enter PressedIndicates what action to be raised when the specified event occurs.OKPressed

General

PropertyDescriptionExample
Allow Focus?Indicates whether the element will allow focus.true
Background ColourThe background colour for the element. It can be shown as the colour name for common colours, e.g. RED, or a hex code, e.g. #ff0000. It could also contain a conditional statement to determine which colour is to be used, e.g. #{notEmpty(view.currentlyInTrainingMode)&& view.currentlyInTrainingMode ? '#80FF80': 'WHITE' }.RED
Background Image URLIndicates the URL for background image to be displayed on the element.Mac1024x768/Pos/PosDialogHoverButton1024x768.gif
ClassnameAn optional classname that allows the capabilities of the element to be extended.com.enactor.coreUI.swing.pageElementHandlers.
SwingClockLabelElementHandler
ColourThe foreground colour for the element. It can be shown as the colour name for common colours, e.g. RED, or a hex code, e.g. #ff0000. It could also contain a conditional statement to determine which colour is to be used, e.g. #{notEmpty(view.currentlyInTrainingMode)&& view.currentlyInTrainingMode ? '#80FF80': 'WHITE' }.WHITE
Data ExpressionThe function of this property depends on the type of element, i.e.
Data Table - An expression that controls where the list of data for the table comes from.
Image - An expression that controls where the binary data for the image comes from.
#{addressList}
DescriptionA description for the image.Enactor Logo
Enabled?Indicates whether the element is enabled.#{size(addressList) > 0}
Enabled ExpressionAn expression that determines if the element is enabled. This will take precedence over the Enabled flag. This is entered via a pop up text window.xxx
Focus OrderControls the order the element is tabbed into. Setting to -1 will prevent the element from accepting tab focus.-1
Force Hidden?Indicates whether a component will be hidden despite other visibility checks.true
IdA unique (with the containing element) identifier for this element. It is entered via a pop up window.InputBox
Image CategoryA category for the image.#{location.receiptHeaderImageKey.category}
Image DataThe binary image data.[binary data]
Image IDAn ID that can be used to load the image from persistent storage.Pos/EnactorLarge.jpg
Image TypeThe type of the image, used in combination with the Image ID to load the image from persistent storage.xxx
Original FilenameThe original filename used when the binary data for the image was supplied.xxx
Skip Page Validation?Indicates whether page validation will be skipped for this element.false
StyleThe style for the element. It is entered using a pop up window.vertical-align:top
Style ClassThe style class for the element, entered using a pop up window.removeLink
Transparent BackgroundIndicates whether background of element is transparent.false
Update TriggersA trigger ID that will cause this element to update, value entered via a pop up window.[applicationLogListBox]
Visibility ExpressionAn expression that determines if the element is visible, according to privileges etc. This will take precedence over the Visible flag. It is entered via a pop up window.#{basket:testAnyVoidFunctionValid()}
Visible?Indicates whether the element is visible.true

Template Constraints

For all the 'Allow' properties below, the User can select either inherit (i.e. use the associated template values), true or false.

PropertyDescriptionExample
Allow Bounds to Change?Indicates whether the bounds of the element can be changed.Inherit
Allow Edit?Indicates whether the properties of the element can be modified.Inherit
Allow Removal?Indicates whether the properties of the element can be removed.Inherit
Allow Replacement?Indicates whether child elements that were contributed by the template can be replaced with other elements.Inherit
Render ModeIndicates the mode of rendering for the page definition and affects when an element is drawn. It is selected from a drop down list, i.e. At Initialisation, Whenever Rendered or Use Template.Whenever Rendered