Card

lowcodera Card Component

Purpose

The lowcodera card component represents a common layout item in many modern design languages. This card component contains content and actions about a single subject and can work well on its own or within a Power Apps gallery. All properties on this card component support dynamic data binding.

Variations

There are several variations of card with different colors and configuration properties.

• Card with Image

• Card with Header

Component Properties

The properties below are the main ones which change this components appearance and behaviors.

Property	Description	Required	Accepted Values
ImageURL	Property to configure Image URL	X	String
ImagePosition	Property to configure Image Position in a card	X	Bottom Header Middle Overlay Top
BackgroundColor	Property to set background color for card component	X	String (HEX CODE in Upper Case)
HeaderText	Property to set header text for a card	X	String
HeaderFontColor	Property to set font color for header	X	String (HEX CODE in Upper Case)
TagText	Property to represent Tag Text for card	X	String
TagFontColor	Property to show Font Color for tag text	X	String
TagIcon	Property to show tag icon in a card	X	String
Title	Property to set Title for card	X	String
TitleFontColor	Property to set font color for Title	X	String (HEX CODE in Upper Case)
Description	Property to set Description for card	X	String
DescriptionFontColor	Property to set font color for description.	X	String (HEX CODE in Upper Case)
HorizontalAlignment	Property to set horizontal alighment for card title, description.	X	Center Left Right
Theme	Property to set Theme for card control.	X	Danger Default Info Primary Secondary Success Warning

Example

Card with Image

Property Configration

• ImageURL property is to set as valid publically accessible URL (e.g. https://images.freeimages.com/images/large-previews/0d6/blue-flowers-with-macro-4-1400913.jpg)

• BackgroundColor is to set as #EBEAEB

• TagText is to set as flower

• TagFontColor is to set as #CD8332

• TagIcon is to set as bacon

• Title is to set as Project Jasmine

• TitleFontColor is to set as black

• Description is to set as valid description

• DescriptionFontColor is to set as black

Card with Header

Property Configration

• HeaderText is to set as Monsoon Flowers

• HeaderFontColor is to set as white

• TagText is to set as flower

• TagIcon is to set as bahai

• Title is to set as Project Lily

• TitleFontColor is to set as black

• Description is to set as valid description

• DescriptionFontColor is to set as black

Card with Header