Page

Description:

Page

It is the root component of the designer which cannot be deleted. You can start designing your page by adding card wrapper, Layouts or row/cols to this component.

You can also add triggers like on page active, on page exit etc. to do various actions.

Allowed Parent Components:

No child available

Allowed Child Components:

1. Aggregate Card

2. Auto Breadcrumb

3. Breadcrumb

4. Card Table

5. Card Wrapper

6. Carousel

7. Data Model Designer

8. Data Store

9. DataList

10. Extra Large View

11. Grid Layout

12. Gridster Layout

13. Horizontal Layout

14. Large View

15. Medium View

16. Popup

17. Pulse

18. Row

19. Side Tab Panel

20. Small View

21. Tab Panel

22. Transaction

23. Trigger Before Render

24. Trigger On First Visit

25. Trigger On Page Active

26. Trigger On Page Exit

27. Trigger On Page Init

28. Trigger On Page Switch

29. Vertical Layout Panel

30. Watch

31. Wizard Steps

32. Workflow Viewer

Properties

➤ Page Code

Page Code is displayed from IO Page Definition. Any changes to this page code will be update back to IO Page Definition

Allowed Values: Free text field

➤ Page Name

Page Name is displayed from IO Page Definition. Any changes to this page name will be update back to IO Page Definition

Allowed Values: Free text field

➤ Window Title

Enter text to define the document's title that is shown in a browser's title bar or a page's tab.

Allowed Values: Free text field

➤ Top Header

Choose an option to hide/show the application header.

Allowed Values:

1. Hide

2. Show

3. Inherit

➤ Active Users Context

Allowed Values: StringNumberExpression

➤ Extension Page

Check to make this an extension Page. Extension Page can be used to embed the page in one or more page as a component.

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

➤ On Page Init

Allowed Values: Controller Function

➤ Page Will Mount

Allowed Values: Controller Function

➤ Page Will Unmount

Allowed Values: Controller Function

➤ Is Ok To Switch Page

Allowed Values: Controller Function