# Content Elements ## TextBlock #### Description This is the standard TextBlock used to display basic text. This element has simple styling tools to change font weight, alignment, size, and colour as well as the maximum number of lines to display all controllable from the [**Element Properties** **Toolbar**](/adaptive-cards/building-adaptive-cards.md#element-properties-toolbar). #### Technical Documentation [**Read more about the TextBlock**](https://adaptivecards.io/explorer/TextBlock.html) ## RichTextBlock #### Description A more advanced version of the TextBlock where you must use the [**Card Payload Editor**](/adaptive-cards/building-adaptive-cards.md#card-payload-editor) to make changes and enhancements. The RichTextBlock will allow you to segment your content into sections allowing each section to be styled differently. #### Technical Documentation [**Read more about the RichTextBlock**](https://adaptivecards.io/explorer/RichTextBlock.html) ## Image #### Description Allows the ability to add an Image. Must be a valid HTTP URL pointing to an image. Can be styled from the [**Element Properties Toolbar**](/adaptive-cards/building-adaptive-cards.md#element-properties-toolbar) and can have an actionable trigger if the image is clicked. [**See the Actions section for more.**](/adaptive-cards/building-adaptive-cards/actions.md) #### Technical Documentation [**Read more about Image**](https://adaptivecards.io/explorer/Image.html) ## Media #### Description Attach video/audio files from external sites. You can attach multiple media options to the same **Media** element. Meaning you could have both an audio recording and a video within the same element. If there is a video linked to the Media element then you can add your own thumbnail to overlay over the video, if this is not supplied then the thumbnail from the video is used. You can style the alignment of the Media element from the [**Element Properties Toolbar**](/adaptive-cards/building-adaptive-cards.md#element-properties-toolbar). #### Technical Documentation [**Read more about Media**](https://adaptivecards.io/explorer/Media.html) ## ActionSet #### Description A group of buttons aligned along a row. Each button will trigger an Action. [**Learn more about actions from the Action section**](/adaptive-cards/building-adaptive-cards/actions.md). Adding buttons is easy: select the ActionSet and click **"Add an action"** and select from the dropdown, or go to the [**Element Properties Toolbar**](/adaptive-cards/building-adaptive-cards.md#element-properties-toolbar) for the Action Set and select **"Add an action"** then select from the dropdown. Style the **ActionSet** from the [**Element Properties Toolbar**](/adaptive-cards/building-adaptive-cards.md#element-properties-toolbar). Each **Button** within the **ActionSet** can also be styled, simply click on the **Button** and alter it from the [**Element Properties Toolbar**](/adaptive-cards/building-adaptive-cards.md#element-properties-toolbar). #### Technical Documentation [**Read more about an ActionSet**](https://adaptivecards.io/explorer/ActionSet.html) --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://academy.looply.ai/adaptive-cards/building-adaptive-cards/content-elements.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.