Modal Popup component is a basic way to present content above an enclosing view. Applicable controls to drag and drop in the Modal Popup are Text, Image, Icon, Button, Shapes (Line,Circle,Square,Rectangle,Oval,Triangle), Text Box, Date Picker and File Picker.
Properties
Parameter
Description
Control Name
The name of the control will be displayed here
Visible
A checkbox that visible the picker if checked
Animation Type
The style how a Modal Popup has to be displayed in an animated way like fade, Slide, and None
Style
Layout
Parameter
Description
Width
Define the width of the Modal Popup
Height
Define the height of the Modal Popup
Color
Parameter
Description
Background Color
The color can be selected from the color Palate
Border
Parameter
Description
Width
Define the width of the border from 0 to 5.
Color
Choose the color of the border from the color palette
Style
Choose the style of the border from Solid, Dotted & Dashed patterns.
Radius
Choose the Border Radius from 0 to 100
Top Left Radius
Choose the Top Left Radius from 0 to 100
Top Right Radius
Choose the Top Left Radius from 0 to 100
Bottom Left Radius
Choose the Top Left Radius from 0 to 100
Bottom Right Radius
Choose the Top Left Radius from 0 to 100
Effect
Parameter
Description
Opacity
Define the opacity of the image from a minimum of 0.1 to a maximum of 1.
Elevation
Define the Elevation of the image from a minimum of 1 to a maximum of 10.
Model
Data Binding
Parameter
Description
Data Model
Choose the data model to be used on the page
Data Field
Select the data field to be displayed on the page
Events
Define the events that are to be triggered whenever there is a change.
Parameter
Description
onShow
Event will be called once the modal has been shown
onRequestClose
Event is called when the user taps the hardware back button. BackHandler events will not be emitted as long as the modal is open.