# Row

## Description:

Row

Use rows to create horizontal groups of columns

### Allowed Parent Components:

1. Aggregate Card
2. Card Body
3. Card Footer
4. Card Header
5. Card Table Column
6. Case
7. Col
8. DataList
9. Drop Target Wrapper
10. Extra Large View
11. Form
12. Grid Child
13. Horizontal Section
14. InfoWindow
15. Large View
16. Medium View
17. Organization Chart
18. Page
19. Popover
20. Popup
21. Row Col Column
22. Scroll Layout
23. Small View
24. Tab Item
25. Tab Panel Control
26. Timeline
27. Vertical Section
28. Wizard Step

### Allowed Child Components:

1. Col
2. Popover
3. Pulse
4. Trigger Before Render
5. Trigger On Click
6. Trigger On Mouse Over

### Properties

### ➤ Horizontal Alignment

Select an option to change the alignment of the row horizontally.

Allowed Values:

1. Start
2. Center
3. End
4. Around
5. Between
6. Default

### ➤ Vertical Alignment

Select an option to change the alignment of the row vertically.

Allowed Values:

1. Start
2. Center
3. End
4. Default

### ➤ Class Name Expression

Allowed Values: An expression which should return string after evaluation

### ➤ Background Color

Select a color or enter the custom class to change the color of the row.

Allowed Values: Select a color or enter the custom class to change the color of the row.

### ➤ H100

Check this to set the height to 100%

Allowed Values: Yes/No

### ➤ W100

Check this to set the width to 100%

Allowed Values: Yes/No

### ➤ Show Border

Check this to show borders around this row

Allowed Values: Yes/No

### ➤ Gutters

Bootstrap uses a 12 column grid system to create the layout. Each column has a small space in between them, they are called gutters. Uncheck this option to remove the gutters.

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

### ➤ 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

### ➤ Max Width

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

Allowed Values: Any number value

### ➤ On Click

Allowed Values: Controller Function

### ➤ 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

### ➤ Border Top

Select this to add a border on top

Allowed Values: Yes/No

### ➤ Border Right

Select this to add a border on right

Allowed Values: Yes/No

### ➤ Border Bottom

Select this to add a border on bottom

Allowed Values: Yes/No

### ➤ Border Left

Select this to add a border on left

Allowed Values: Yes/No

### ➤ Border Width

Select an option to change the width of a border

Allowed Values:

1. default
2. normal
3. thick
4. thicker

### ➤ Border Type

Select an option to change the type of a border

Allowed Values:

1. solid
2. dashed
3. dotted

### ➤ Border Color

Select a color or enter the custom class to set the color on the sides of the element's border.

Allowed Values: Select a color or enter the custom class to set the color on the sides of the element's border.

### ➤ Margin

Select a value to add margin on all four sides of the component. It is a shorthand for margin-top, margin-right, margin-bottom, and margin-left.

Allowed Values: Any number value

### ➤ Margin Bottom

Select a value to add margin on the bottom of the component.

Allowed Values: Any number value

### ➤ Margin Left

Select a value to add margin on the left of the component.

Allowed Values: Any number value

### ➤ Margin Right

Select a value to add margin on the right of the component.

Allowed Values: Any number value

### ➤ Margin Top

Select a value to add margin on the top of the component.

Allowed Values: Any number value

### ➤ Padding

Select a value to add padding on all four sides of the component. It is a shorthand for padding-top, padding-right, padding-bottom, and padding-left.

Allowed Values: Any number value

### ➤ Padding Bottom

Select a value to add padding in the bottom of the component.

Allowed Values: Any number value

### ➤ Padding Left

Select a value to add padding in the left of the component.

Allowed Values: Any number value

### ➤ Padding Right

Select a value to add padding in right of the component.

Allowed Values: Any number value

### ➤ Padding Top

Select a value to add padding in top of the component.

Allowed Values: Any number value