Skip to content

Dynamic Card View

Non-Visible component
Category Requires Version
Dynamic Components API 21, Android 5.0 Lollipop 3

Overview

A component to create dynamic cardviews in Arrangements.

Events

Click

Event to detect that a user has done a simple click on a card view component with the specific id.

Params
id Number

Long Click

Event to detect that a user has done a simple long click on a card view component with the specific id.

Params
id Number

Touch Down

Event to detect that a user has done a simple touch down on a card view component with the specific id.

Params
id Number

Touch Up

Event to detect that a user has done a simple touch up on a card view component with the specific id.

Params
id Number

Methods

Add Component To Card View

Add a component into the card view component with the given id.

Params
id Number
arrangement Component

Content Padding

Set the content padding of a card view component.

Params
id Number
content Padding Left Number
content Padding Top Number
content Padding Right Number
content Padding Bottom Number

Create Card View

Create a new card view component dynamically. Use for width/height '-1' for wrap content or '-2' for fill parent.

Params
id Number
arrangement Component
width Number
height Number

Delete Card View

Remove a card view component with the given id.

Params
id Number

Get Background Color

Returns: Number

Get the background color of a card view component.

Params
id Number

Get Card View By Id

Returns: Component

Returns the card view referenced by its id.

Params
id Number

Get Corner Radius

Returns: Number

Get the corner radius of a card view component.

Params
id Number

Get Elevation

Returns: Number

Get the elevation of a card view component.

Params
id Number

Get Height

Returns: Number

Get the height of a card view component.

Params
id Number

Get Width

Returns: Number

Get the width of a card view component.

Params
id Number

Set Background Color

Set the background color of a card view component.

Params
id Number
argb Number

Set Corner Radius

Set the corner radius of a card view component.

Params
id Number
radius Number

Set Elevation

Set the elevation of a card view component.

Params
id Number
value Number

Set Height

Set the height of a card view component.

Params
id Number
height Number

Set Width

Set the width of a card view component.

Params
id Number
width Number

Stroke Color

Set the stroke color to a card view component with the specific id.

Params
id Number
color Number

Stroke Width

Set the stroke width to a card view component with the specific id.

Params
id Number
width Number

Properties

Background Color

Color Default: #FFFFFFFF  ➖ Write - Designer Blocks

Specifies the cards's background color.

Content Padding Bottom

Number Default: 8 ➖ Write - Designer Blocks

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

Content Padding Left

Number Default: 8 ➖ Write - Designer Blocks

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

Content Padding Right

Number Default: 8 ➖ Write - Designer Blocks

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

Content Padding Top

Number Default: 8 ➖ Write - Designer Blocks

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

Corner Radius

Number Default: 2 ➖ Write - Designer Blocks

The corner radius from the card view.

Elevation

Number Default: 2 ➖ Write - Designer Blocks

The card view elevation value.

Full Clickable

Boolean Default: False ➖ 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.

Stroke Color

Color Default: #CCCCCCFF  ➖ Write - Designer Blocks

The stroke width for the card view.

Stroke Width

Number Default: 1 ➖ Write - Designer Blocks

The stroke width for the card view.

Touch Color

Available as Advanced Property

Color Default: #CCCCCCFF  ➖ Write - Designer Blocks

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


Last update: November 9, 2022