Card Wrapper
Description:
Card Wrapper
A card wrapper is a flexible and extensible content container. It includes options of header and body.
Allowed Parent Components:
Aggregate Card
Attachment Dropzone
Carousel
Case
Col
Connection Popover
DataList
Device Popover
Drag Source Wrapper
Google Drive Attachment Dropzone
Grid Child
Gridster Layout
Horizontal Section
IOT Device Drag Source
Info Box
InfoWindow
Kanban Board
Node Graph
Organization Chart
Page
Popover
Popup
Scroll Layout
Side Tab Item
Tab Item
Vertical Section
Allowed Child Components:
Card Body
Card Footer
Card Header
Popover
Pulse
Trigger Before Render
Trigger On Click
Properties
➤ Borderless
Allowed Values: Yes/No
➤ Transparent
Check this to replace the existing card wrapper background color with the parent background color.
Allowed Values: Yes/No
➤ Background Color
Allowed Values: Color
➤ Min Height
Specify the minimum height in pixels required for this card. Values between 0 and 1 are considered percentage. e.g. Setting 1 will take up 100% of the parent's height.
Allowed Values: Any number value
➤ Class Name Expression
Allowed Values: An expression which should return string after evaluation
➤ Tool Tip
A message which appears when a cursor is positioned over.
Allowed Values: An expression which should return string after evaluation
➤ Tool Tip Position
Select an option to change the placement of the tooltip when appears.
Allowed Values:
left
right
top
bottom
➤ Show Shadow
Check this to show box shadow for this card.
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
➤ 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
➤ X
Provide a numeric value to set x coordinate in extra large screen.
Allowed Values: Any number value
➤ Y
Provide a numeric value to set y coordinate in extra large screen.
Allowed Values: Any number value
➤ Height
Provide a numeric value to set the height for extra large screen in pixels.
Allowed Values: Any number value
➤ Width
Provide a numeric value to set the width for extra large screen in pixels.
Allowed Values: Any number value
➤ X
Provide a numeric value to set x coordinate in large screen.
Allowed Values: Any number value
➤ Y
Provide a numeric value to set y coordinate in large screen.
Allowed Values: Any number value
➤ Height
Provide a numeric value to set the height for large screen in pixels.
Allowed Values: Any number value
➤ Width
Provide a numeric value to set the width for large screen in pixels.
Allowed Values: Any number value
➤ X
Provide a numeric value to set x coordinate in medium screen.
Allowed Values: Any number value
➤ Y
Provide a numeric value to set y coordinate in medium screen.
Allowed Values: Any number value
➤ Height
Provide a numeric value to set the height for medium screen in pixels.
Allowed Values: Any number value
➤ Width
Provide a numeric value to set the width for medium screen in pixels.
Allowed Values: Any number value
➤ X
Provide a numeric value to set x coordinate in small screen.
Allowed Values: Any number value
➤ Y
Provide a numeric value to set y coordinate in small screen.
Allowed Values: Any number value
➤ Height
Provide a numeric value to set the height for small screen in pixels.
Allowed Values: Any number value
➤ Width
Provide a numeric value to set the width for small screen in pixels.
Allowed Values: Any number value
➤ X
Provide a numeric value to set x coordinate in extra small screen.
Allowed Values: Any number value
➤ Y
Provide a numeric value to set y coordinate in extra small screen.
Allowed Values: Any number value
➤ Height
Provide a numeric value to set the height for extra small screen in pixels.
Allowed Values: Any number value
➤ Width
Provide a numeric value to set the width for extra small screen in pixels.
Allowed Values: Any number value
➤ On Click
Allowed Values: Controller Function
Last updated