# 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