MDialog

The MobileDialog is a floating window that contains a title bar and a content area. The window can be moved, resized and closed with the ‘x’ icon by default.


  • UI Type:

Extends: BaseView

Properties

Name Desciption
DisabledThe widget cannot be used.
HiddenHides the widget from the user.
LabelText label shown on the widget.
PaddingDialog View Padding.
Show TitleShows a header title at the top of the dialog window.
Tab IndexThe Tab Index is an integer that tells the order of the widget when using the tab-key to move from one widget to another.
tabMode

Style

Name Desciption
Background gradientAdd css gradient color values for the element.
Background imageSelect a background image for the element. You can upload or choose from image library.
Background-colorChange background color of the widget.
Border radiusAdd curves to the borders of the widget.
ColorColor of the text inside the widgets. May not apply to all text inside all widgets.
Dialog overlay background
Font SizeSet the font size in pixels for text.
Padding left & rightIt adds spacing inside the Dialog from the left and right side.
Padding top & bottomIt adds spacing inside the Dialog from top and bottom side.
Text-alignmentSet left, centered or right. Applies both to icon and text.
Title background colorSets the background color of the header of the dialog displaying the title.
Title close icon colorSets the color of Close icon button in the dialog.
Title text colorSets the font color of the Dialog header title.

Events

Name Description Event Attribute
Blur Event when a widget goes out of focus.
Click Event that triggers based on touch or click.
event The event that triggered the handler.
CloseIconClick Triggers the action when close icon is clicked in the dialog.
event Event Object
DblClick Event that triggers based on double click.
event The event that triggered the handler.
Focus Event when indicating/ highlighting widget using the cursor.
Offline Triggered when the app/dialog is offline and not connected to the internet.
event
Online Triggers if the app/dialog is online and connected to the internet.
event
SessionStart Event triggered when the Session started.
ViewLoad Event triggered when the view has completely loaded.
event The event that triggered the handler.
ViewUnLoad Event triggered when the view has unloaded.
event The event that triggered the handler.

Function

blur ( )

Triggers the blur event.

focus ( )

Triggers the focus event.

get ( name: String ) →{ Object }

Gets the value of the specified property.

Parameters
Name Type Description
name String The name of the property.
Returns

The property's value.

getId ( ) →{ ID }

Returns the ID of the widget.

Returns

The ID of the widget.

getValue ( ) →{ Object }

Returns the widget's value.

Returns

The widget's value.

hide ( )

Hides the widget.

isEnabled ( ) →{ Boolean }

Returns true if the widget is enabled.

Returns

True if enabled, otherwise false.

isHidden ( ) →{ Boolean }

Returns true if the widget is hidden.

Returns

True if hidden, otherwise false.

set ( name: String , value: Object )

Sets the value of the specified property.

Parameters
Name Type Description
name String The name of the property.
value Object The new value.

setEnabled ( Enabled: Boolean )

Enables/disables the widget.

Parameters
Name Type Description
Enabled Boolean True to enable the widget, false to disable.

setStyle ( Object: Object )

Set the widget-style.

Parameters
Name Type Description
Object Object properties

setValue ( value: Object )

Sets the widget's value.

Parameters
Name Type Description
value Object The new value.

show ( )

Shows the widget.

Other Widgets