Layout Context
Context: HL Kit … Kit Reference … Multiple Sources
Jump to: Target References
The "layout" context identifies a layout within the top-level scene of the current hierarchy.
Context Transitions
From within a "layout" context, you can utilize the following set of valid context transitions:
parent Transitions to the scene context corresponding to the visual element that contains the layout.
Example: this.parent
template[id] Transitions to the template context corresponding to the template within the current layout that possesses the id specified. If the template does not exist within the layout, the transition fails to resolve.
Example: this.template[mytemplate]
NOTE! The id specified is the id of the template reference, as defined within the layout, and not necessarily the id of the template itself.portal[id] Transitions to the portal context corresponding to the portal within the current layout that possesses the id specified. If the portal does not exist within the layout, the transition fails to resolve.
Example: this.portal[myportal]
NOTE! The id specified is the id of the portal reference, as defined within the layout, and not necessarily the id of the portal itself.
NOTE! Only portals defined directly within the layout can be accessed via this transition. Portals within templates must be accessed via the template.container Transitions to the container context corresponding to the container to which the layout applies, whether it be an actor or a gizmo.
Example: this.container
NOTE! After transitioning, access within the new container context will be read-only and limited in what information can be retrieved.
NOTE! This transition can only be used as the first transition when within a visual script.hero Transitions to the hero context corresponding to the hero to which the layout applies.
Example: this.hero
NOTE! After transitioning, access within the new hero context will be read-only and limited in what information can be retrieved.
NOTE! This transition can only be used as the first transition when within a visual script.
Target References
The "layout" script context governs the operations that can be applied to layouts within scenes. The complete list of target references for layouts is presented in the table below.
width (Left, Right, Number) Accesses the width of the layout. Unless explicitly specified within the XML, the width of a layout is initialized to the width of the containing scene, minus any assigned margins.
Example: result = this.width
Example: this.width = 420height (Left, Right, Number) Accesses the height of the scene. Unless explicitly specified within the XML, the height of a layout is initialized to the height of the containing scene, minus any assigned margins.
Example: result = this.height
Example: this.height = 420left (Left, Right, Number) Accesses the position of the left edge of the layout within the containing visual element.
Example: result = this.left
Example: this.left = 42top (Left, Right, Number) Accesses the position of the top edge of the layout within the containing visual element.
Example: result = this.top
Example: this.top = 42right (Right, Number) Returns the position of the right edge of the layout within the containing visual element.
Example: result = this.right
bottom (Right, Number) Returns the position of the bottom edge of the layout within the containing visual element.
Example: result = this.bottom
visible (Left, Right, Number) Controls the visibility of the layout within the containing visual element. A non-zero value indicates the layout is visible and a zero value indicates hidden.
Example: result = this.visible
Example: this.visible = 1scrollbar (Right, Number) Returns the width of a scroller, in pixels.
Example: result = this.scrollbar
autotop (Left, Right, Number) Accesses the position of the top edge of the auto-place region within the containing visual element.
Example: result = this.autotop
Example: this.autotop = 42autobottom (Left, Right, Number) Accesses the position of the bottom edge of the auto-place region within the containing visual element.
Example: result = this.autobottom
Example: this.autobottom = 420autoleft (Left, Right, Number) Accesses the position of the left edge of the auto-place region within the containing visual element.
Example: result = this.autoleft
Example: this.autoleft = 42autoright (Left, Right, Number) Accesses the position of the right edge of the auto-place region within the containing visual element.
Example: result = this.autoright
Example: this.autoright = 420autowidth (Left, Right, Number) Accesses the width of the auto-place region within the containing visual element.
Example: result = this.autowidth
Example: this.autowidth = 420autoheight (Left, Right, Number) Accesses the height of the auto-place region within the containing visual element.
Example: result = this.autoheight
Example: this.autoheight = 420autogap (Left, Right, Number) Accesses the default gap size used when automatically placing elements within the containing visual element. The "autogap" defaults to zero.
Example: result = this.autogap
Example: this.autogap = 42autoplace[gap] (Right, Number) Automatically places the layout within the containing visual element, subject to the standard rules for automatic placement. The gap parameter specifies the gap to be used between this layout and the previous placed element. The parameter can be omitted, in which case the established "autogap" is utilized. A value of zero is always returned.
Example: perform this.autoplace[42]
Example: perform this.autoplace