Cards are a convenient means of displaying content composed of different types of objects. They’re also well-suited for presenting similar objects whose size or supported actions can vary considerably, like photos with captions of variable length.

Basic Card
Card Title

I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively.

Dim card1 As ABMCard
card1.InitializeAsCard(page, "card1", "Card Title", "I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively.", ABM.CARD_NOTSPECIFIED,"basiccard")
card1.AddAction("BUTTON 1")
card1.AddAction("BUTTON 2")
page.Cell(2,1).AddComponent(card1)
Image Card

Here is the standard card with an image thumbnail.

Card Title

I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively.

Dim card2 As ABMCard
card2.InitializeAsCard(page, "card2", "Card Title", "I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively.", ABM.CARD_NOTSPECIFIED,"whitetitle")
card2.Image = "../images/sample-1.jpg"
card2.AddAction("BUTTON 1")
page.Cell(5,1).AddComponent(card2)
Card Reveal

Here you can add a card that reveals more information once clicked. Just add the line .IsReveal = true.

Card Titlemore_vert
Card Titleclose

I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively.

Dim card3 As ABMCard
card3.InitializeAsCard(page, "card3", "Card Title", "I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively.", ABM.CARD_NOTSPECIFIED,"")
card3.Image = "../images/sample-1.jpg"
card3.IsReveal = True
card2.AddAction("BUTTON 1")
page.Cell(8,1).AddComponent(card3)
Card Sizes

If you want to have uniformly sized cards, you can use our premade size types. Just add the size type in the Initialize method. The width is not affected by this parameter but is determined by your cell size.

CARD_SMALL

The Small Card limits the height of the card to 300px.

Small

Note: Because I have a fixed height, my text may not fit!

CARD_MEDIUM

The Medium Card limits the height of the card to 400px.

Medium

Note: Because I have a fixed height, my text may not fit!

CARD_LARGE

The Large Card limits the height of the card to 500px.

Large

Note: Because I have a fixed height, my text may not fit!

Card Panel

For a simpler card with less markup, try using a card panel which just has padding and a shadow effect

I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively. I am similar to what is called a panel in other frameworks.
Dim card4 As ABMCard
card7.InitializeAsPanel(page, "card7", "I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively. I am similar to what is called a panel in other frameworks." ,"redpanel"))
page.Cell(17,1).AddComponent(card7)