Skip to main content
All CollectionsUsing the Alleo ApplicationAdaptive Cards
How do I create and style an Adaptive Card in Alleo?
How do I create and style an Adaptive Card in Alleo?
J
Written by Jim Gilchrist
Updated over 2 years ago

Creating an Adaptive Card in Alleo

Start by opening a new board and choose the new “Adaptive Card” button …

Graphical user interface

Description automatically generated

Name your new card “Random Coffee”. First we will design the layout of this card. We will then be using a data API to update the data in the card.

Laying out the Card

The card designer is used to author cards in the JSON format. For more information, see the Adaptive Cards reference documentation here: https://adaptivecards.io/designer

Graphical user interface, text, application

Description automatically generated

Start by adding a “Random Coffee” title to your card and saving it.

Graphical user interface, application

Description automatically generated
Graphical user interface, application

Description automatically generated

Your new card can be found under the “Files” folder in your board. Drag and drop it to the surface to see how it looks so far. (As you update the design of your card you can repeat this process)

A screenshot of a computer

Description automatically generated with medium confidence

Did this answer your question?