Container Elements
Adaptive Card elements used to configure and organise an Adaptive Cards layout.
Last updated
Adaptive Card elements used to configure and organise an Adaptive Cards layout.
Last updated
This is the standard container that can hold any and all other elements. This container is very useful if you have a single column of elements that you may need to render. Great for background images/colours, and alignment of child elements - all controllable from the .
Used for adding a collection of images. Each image takes its own column - acts as a carousel of images. You must use an HTTP URL for each of the images. You can add new images by selecting the ImageSet from the and clicking on the image icon on the bottom right of the selected element.
Used as a 2-column table of information. Mimics a key-value table. Each new key-value pairing is a new row in the FactSet. This only allows text in both key and value text blocks. Add new fact sets from the .
Aligns elements in a table format.
Each column can have its own weight - this is a proportional size against the other columns. e.g. Column A could be size 2 and Column B has a size of 1, this means Column A is 2x bigger than Column B.
Each TableCell, TableRow, and the Table itself can be styled like the base Container Element.
This container will allow you to add multiple columns. Gives the opportunity to add more elements or containers side by side. You can add a new column by clicking on the ColumnSet that has been added to the and selecting the icon at the bottom right. You can add any element to a column of a ColumnSet.
Each column can also have a weight set against it by changing the Width parameter in the to Weighted from Stretched and assigning a weight to the Weight field, this will be a percentage value.
Columns share the same styling, and alignment features as the standard element.
You can add rows by selecting the Table on the and then clicking the "Add a row" button. Remove a row by selecting the TableRow from the and then click either the "X" on the selected row or by pressing "Backspace."
Adding and removing columns for a row is easy as well, select the Table, navigate to the , scroll to the bottom, and add/remove columns.