Card View

Category Requires Version
Layout > General API 19, Android 4.4 - 4.4.4 KitKat 4

Overview

A visible component that lets the user group other components as a Card.
Cards are panels with a set elevation and border radius, meant to draw the user''s attention to their content.

Events

Click

Event to detect that a user has done a simple "Click".

Long Click

Event to detect that a user has done a simple "Long click".

Touch Down

Event to detect that a user has done a simple touch down on the card.

Touch Up

Event to detect that a user has done a simple touch up on the card.

Properties

Align Horizontal

Number Default: 1 ➖ Read Write - Designer Blocks

A number that encodes how contents of the arrangement are aligned horizontally. The choices are: 1 = left aligned, 2 = right aligned, 3 = horizontally centered. Alignment has no effect if the arrangement's width is automatic.

Align Vertical

Number Default: 1 ➖ Write - Designer Blocks

Background Color

Color Default: #FFFFFFFF  ➖ Read Write - Designer Blocks

Specifies the card view background color.

Content Padding Bottom

Number Default: 8 ➖ Read Write - Designer Blocks

Sets the bottom padding between the card view edges and the children of CardView.

Content Padding Left

Number Default: 8 ➖ Read Write - Designer Blocks

Sets the left padding between the card view edges and the children of card view.

Content Padding Right

Number Default: 8 ➖ Read Write - Designer Blocks

Sets the right padding between the card view edges and the children of card view.

Content Padding Top

Number Default: 8 ➖ Read Write - Designer Blocks

Sets the top padding between the card view edges and the children of card view.

Corner Radius

Number Default: 2 ➖ Read Write - Designer Blocks

The corner radius from the card view.

Elevation

Number Default: 2 ➖ Read Write - Designer Blocks

The card view elevation value.

Full Clickable

Boolean Default: False ➖ Read Write - Designer Blocks

If set to true, the card will consume all click events. This means if you have added as example buttons into the card, then will the card consume the touch event on the button. And this means that the button would not be clickable, but only the entire card.

Height

Number ➖ Read Write - Blocks

Specifies the component's vertical height, measured in pixels.

Height Percent

Number ➖ Write - Blocks

Specifies the component's vertical height as a percentageof the height of its parent Component.

Stroke Color

Color Default: #CCCCCCFF  ➖ Read Write - Designer Blocks

The stroke color for the card view.

Stroke Width

Number Default: 0 ➖ Read Write - Designer Blocks

The stroke width for the card view.

Touch Color

Available as Advanced Property

Color Default: #CCCCCCFF  ➖ Write - Designer

Set the touch color also known as ripple color to the card view component.

Visible

Boolean Default: True ➖ Read Write - Designer Blocks

Returns true iff the component is visible.

Width

Number ➖ Read Write - Blocks

Specifies the component's horizontal width, measured in pixels.

Width Percent

Number ➖ Write - Blocks

Specifies the component's horizontal width as a percentageof the Width of its parent Component.


Last update: January 27, 2020