Smart UI Dialog Behavior
Dialog
Smart UI Dialog behavior groups UI components, provides focusing abilities and default interactions to navigate within the dialog and its children components that uses Smart UI behaviors, and handles cascading Enabling/Disabling events. It also responds to pointer interactions prioritizing by zIndex.
Properties
| Property | Description |
|---|---|
| Enabled | Enables or Disables the dialog and all its children. |
| Index | Index of the dialog within layout. Used for focusing the elements in the sequence order. |
| Invisible Component | Allows interactions for the component even if the object is invisible. |
| Focusable | Marks if the component can have the focus. |
| Automatic-Color | Enables the component to darken a bit when its state is Disabled or when it's focused. Auto-Color is meant to provide a quick identification of the component state. For more specialized customizations, use the component events and disable this check. |
| Name | Unique name string for identifying the dialog |
| Modal | Sets the dialog to modal-dialog, locking the interactions with any of the UI components underneath. |
| Minimized Icon | Container object name that represents the minimized dialog. |
| Close Button Name | Button's name to reference from the dialog. |
| Maximize Button Name | Button's name to reference from the dialog. |
| Minimize Button Name | Button's name to reference from the dialog. |
| Open Animation | Opening animation |
| Open Animation Easing | Easing function for the opening animation. |
| Open Animation time | Time in seconds to complete the animation. |
| Close Animation | Closing animation |
| Close Animation Easing | Easing function for the closing animation. |
| Close Animation time | Time in seconds to complete the animation. |
Actions
Set Enabled
Disable/Enable the Button
| Parameter | Description |
|---|---|
| Enabled | Enabled/Disabled |
Set Name
Sets the name of the component.
| Parameter | Description |
|---|---|
| Name | Name of the component |
Set Sequence
Sets the sequence index to influence the selection of components.
| Parameter | Description |
|---|---|
| Index | Sequence index value. E.g. Indexes values of 0 are processed before indexes values of 1 and 2. |
Set Focusable
Disable/Enable the Button
| Parameter | Description |
|---|---|
| Focusable | Flag to allow the component to be focused. |
Set Focus
Request the focus for this dialog
Focus First Element
Request the focus for the first interactable element of the dialog.
Focus Last Element
Request the focus for the last interactable element of the dialog.
Set Invisible Component
Sets whether the component should be processed when it's invisible. Opacity is not taken in consideration.It doesn't affect the visibility attribute of the object, you are responsible of turning it visible or invisible when needed.
| Parameter | Description |
|---|---|
| Invisible Component | Set if the component processed even if it's invisible: True/False |
Close
Closes the dialog.
Restore
Restores the dialog.
Minimize
Minimizes the dialog.
Maximize
Maximize the dialog.
Conditions
Is Enabled
Returns true if the dialog is enabled
Is Invisible Component
Returns true if the Button is configured as an invisible component.
Compare Name
Returns true if the radio button components name equals the parameter
| Parameter | Description |
|---|---|
| Name | Name to compare with the component picked. |
Is Focused
Returns true if the Button has the focus
Has Control
True if the dialog has the control to navigate over components.
On Open
Triggered when the dialog opens. If it's animated, it triggers when the animation finishes.
On Close
Triggered when the dialog closes. If it's animated, it triggers when the animation finishes.
On Maximize
Triggered when the dialog maximizes
On Minimize
Triggered when the dialog minimizes
On Restore
Triggered when the dialog restores back to its original state.
On Focus
Triggered when the dialog gets the focus
On Focus Lost
Triggered when the dialog loses focus
Is Open
Returns true if the dialog is Open
Is Minimized
Returns true if the dialog is Minimized
Is Maximized
Returns true if the dialog is Maximized
Expressions
Name
Component name
(c) Pixel Perfect Studio 2024
