HorizontalArrangement Component
Properties
alignHorizontal A string that encodes how contents of the HorizontalArrangement are aligned horizontally. The choices are: 'left', 'right', 'center'. Alignment has no effect if the HorizontalArrangement’s Width is Automatic.
Data type: string |
||
Designer Writable | true |
<horizontalarrangement name="horizontalarrangementName" alignHorizontal="center"> |
Code Writeable | true |
horizontalarrangementName.alignHorizontal = "center" |
Code Readable | true |
let variable = horizontalarrangementName.alignHorizontal |
alignVertical A string that encodes how the contents of the HorizontalArrangement are aligned vertically. The choices are: 'top', 'center', 'bottom'. Alignment has no effect if the HorizontalArrangement’s Height is Automatic.
Data type: string |
||
Designer Writable | true |
<horizontalarrangement name="horizontalarrangementName" alignVertical="center"> |
Code Writeable | true |
horizontalarrangementName.alignVertical = "center" |
Code Readable | true |
let variable = horizontalarrangementName.alignVertical |
backgroundColor Specifies the background color of the HorizontalArrangement as an red-green-blue-alpha RRGGBBAA or red-green-blue RRGGBB string. If an Image has been set, the color change will not be visible until the Image is removed.
Data type: color |
||
Designer Writable | true |
<horizontalarrangement name="horizontalarrangementName" backgroundColor="FF46ddb7"> |
Code Writeable | true |
horizontalarrangementName.backgroundColor = "FF46ddb7" |
Code Readable | true |
let variable = horizontalarrangementName.backgroundColor |
height Specifies the HorizontalArrangement's vertical height, measured in pixels.
Data type: number |
||
Designer Writable | false | |
Code Writeable | true |
horizontalarrangementName.height = 300 |
Code Readable | true |
let variable = horizontalarrangementName.height |
heightPercent Specifies the HorizontalArrangement's vertical height as a percentage of the Screen's Height.
Data type: number |
||
Designer Writable | false | |
Code Writeable | true |
horizontalarrangementName.heightPercent = 50 |
Code Readable | false |
image Specifies the path of the background image of the HorizontalArrangement.
Data type: string |
||
Designer Writable | true |
<horizontalarrangement name="horizontalarrangementName" image="cat.png"> |
Code Writeable | true |
horizontalarrangementName.image = "cat.png" |
Code Readable | true |
let variable = horizontalarrangementName.image |
visible Specifies whether the HorizontalArrangement should be visible on the screen. Value is true if the HorizontalArrangement is showing and false if hidden.
Data type: boolean |
||
Designer Writable | true |
<horizontalarrangement name="horizontalarrangementName" visible="true"> |
Code Writeable | true |
horizontalarrangementName.visible = true |
Code Readable | true |
let variable = horizontalarrangementName.visible |
width Specifies the horizontal width of the HorizontalArrangement, measured in pixels.
Data type: number |
||
Designer Writable | false | |
Code Writeable | true |
horizontalarrangementName.width = 500 |
Code Readable | true |
let variable = horizontalarrangementName.width |
widthPercent Specifies the horizontal width of the HorizontalArrangement as a percentage of the Screen's Width.
Data type: number |
||
Designer Writable | false | |
Code Writeable | true |
horizontalarrangementName.widthPercent = 50 |
Code Readable | false |
class The styling class of the the component
Data type: string |
||
Designer Writable | true |
<horizontalarrangement name="horizontalarrangementName" class="Test class"> |
Code Writeable | false | |
Code Readable | false |
id The styling id of the the component
Data type: string |
||
Designer Writable | true |
<horizontalarrangement name="horizontalarrangementName" id="Test id"> |
Code Writeable | false | |
Code Readable | false |
name The name of the component that will be used to refer to it in code.
Data type: string |
||
Designer Writable | true |
<horizontalarrangement name="horizontalarrangementName" name="testComponent"> |
Code Writeable | false | |
Code Readable | false |