Contained Card

The contained card is the classic design that keeps all of the content inside of a frame. There's plenty of options to adjust both the frame and content.

Inherits from StyledView > PancakeView

Properties

Property

Type

Description

AdditionalContent

object

The text or controls to add to the content of the card. If text is provided it will be converted to paragraphs based on line breaks.

BorderThickness

float

The thickness of the border.

BorderColor

Color

The color of the border.

Command

ICommand

The command to use when the card is clicked.

CommandParameter

object

The parameters to set to the command when clicked.

DescriptionLeft

object

The text or controls to place in the left description.

DescriptionRight

object

The text or controls to place in the right description.

Elevation

int

The Material Design elevation desired.

HasShadow

bool

Determines if a shadow should be shown behind the card.

Image

string

The URL of the image.

ImageLocation

VerticalAlignment

Determines where the image should be placed on the card. (Top, Bottom)

ImageMask

string

The URL or name of the image to use for the mask.

ImageMaskColor

Color

The color to use to tint the mask.

ImageMaskOpacity

double

The opacity to use on the mask.

ImageOpactity

double

The opacity of the image.

ImageRatio

string

Determines the size of the image based on the width of the parent container. The format is height:width with a default of 2.1:4.

ImageSaturation

double

The saturation of the image.

Tag

string

The text for the card's tag.

TagBackgroundColor

Color

The background color of the tag.

TagTextColor

Color

The text color of the tag.

Tagline

string

The text to display for the tag line.

TaglineJustification

HorizontalAlignment

The text alignment for the tagline. (Left, Right, Center)

Title

string

The text to display for the title.

TitleMaxLines

int

The maximum number of lines the title can be (default 2).

TitleJustification

HorizontalAlignment

The text alignment for the title (Left, Right, Center)

Last updated

⚙️ Powered by Rock RMS