Popup

Description:

Popup

Popup is a small window that is displayed on top of the current page. It is used to display the information e.g. contact information, address information etc.

Allowed Parent Components:

1. Page

Allowed Child Components:

1. Calendar Heatmap

2. Card Wrapper

3. Carousel

4. Data Model Designer

5. Form

6. Form Search

7. Grid Layout

8. Horizontal Layout

9. Kanban Board

10. Popover

11. Pulse

12. Row

13. Switch

14. Trigger After Popup Close

15. Trigger After Popup Open

16. Trigger Before Popup Close

17. Trigger Before Popup Open

18. Trigger Before Render

19. Vertical Layout Panel

20. Workflow Viewer

Properties

➤ Show

Check this to view during designer mode

Allowed Values: Yes/No

➤ Closable

When checked, the popup can be closed by either pressing the Esc key or by pressing the cross icon rendered on the top right corner of the header when the header is visible

Allowed Values: Yes/No

➤ Modal

Uncheck to close the popup when clicked anywhere outside the popup

Allowed Values: Yes/No

➤ Hide Header

Check to hide the popup window header that is used to display the title & close icon when closable is checked

Allowed Values: Yes/No

➤ Title

A more readable name for the popup title. It doesn't have to be unique, and can include spaces and special characters.

Allowed Values: An expression which should return string after evaluation

➤ Show Seperator

When checked, the separator will come between header and body.

Allowed Values: Yes/No

➤ Min Height

Provide a numerical value to specify minimum height. In most cases, you can leave this blank.

Allowed Values: Any number value

➤ Height

Provide numerical value in pixels to set the initial height of this popup.

Allowed Values: Any number value

➤ Max Height

Provide a numerical value to specify maximum height. In most cases, you can leave this blank.

Allowed Values: Any number value

➤ Min Width

Provide a numerical value to specify minimum width. In most cases, you can leave this blank.

Allowed Values: Any number value

➤ Width

Provide numerical value in pixels to set the initial width of this popup.

Allowed Values: Any number value

➤ Max Width

Provide a numerical value to specify maximum width. In most cases, you can leave this blank.

Allowed Values: Any number value

➤ Resizable

Uncheck to disable resizing

Allowed Values: Yes/No

➤ X Offset

Enter a numeric value to set absolute position of popup horizontally.

Allowed Values: Any number value

➤ Y Offset

Enter a numeric value to set absolute position of popup vertically.

Allowed Values: Any number value

➤ Show Animation

Uncheck to disable the animation to popup

Allowed Values: Yes/No

➤ Use Existing Data Source

Choose this prop if you want to reuse a Data Source that was defined on some other component on this page or any of the parent abstract pages.

Allowed Values: Yes/No

➤ Data Source

Select a datasource from the list.

Allowed Values: Select a datasource from the list.

➤ Data Source Alias

Allowed Values: Free text field

➤ Default Where Clause

Allowed Values: Free text field

➤ Max Rows

Allowed Values: Any number value

➤ Order By Clause

e.g. #firstAttr#, #secondAttr# DESC

Allowed Values: Free text field

➤ Auto Query

Check this property to query the selected datasource on component render.

Allowed Values: Yes/No

➤ Execute Count SQL

Check this to execute count SQL to get the total number of rows in the database on a query. You can get this value by using the expression: #{DataStore.totalLength}

Allowed Values: Yes/No

➤ Execute Distinct SQL

Check this to execute distinct SQL to get the total number of distinct rows in the database on a query.

Allowed Values: Yes/No

➤ Insert Allowed

Allowed Values: Yes/No

➤ Update Allowed

Allowed Values: Yes/No

➤ Delete Allowed

Check to enable deleting the existing row.

Allowed Values: Yes/No

➤ Mask Page On Post

Check to enable page masking on save.

Allowed Values: Yes/No

➤ Do Not Monitor Query Request

Check to disable monitoring query request.

Allowed Values: Yes/No

➤ Silent Server Validate

Check to enable silent server validate.

Allowed Values: Yes/No

➤ Silent Fetch

Check to enable silent fetching.

Allowed Values: Yes/No

➤ Make New Records Dirty

Check this property to make new record dirty. If this property is checked the status of the new record will be 'Insert' else it will be 'New'

Allowed Values: Yes/No