Looply Academy
  • Getting Started
    • What is Looply?
    • Deployment Models
  • System Requirements
  • SAP Integration: ABAP Add-on & Access
  • Security & Identity - What IT Teams Need to Know
  • Authenticating Teams User Actions to Enterprise Systems
  • Signing Up & Onboarding Your Team
  • Looply Implementation Plan
  • Looply Integration Demos
  • Integrations
    • Microsoft Integration
    • SAP Integration
      • Installing the ABAP Looply Add-On
        • Gateway Service Setup - Single System
        • Gateway Service Setup - Hub scenario
      • Triggering or Resuming a Looply Workflow from SAP
      • Triggering SAP code from Looply
      • SAP Workflow Integration
      • Varo/Stelo Integration
      • SSL & IP address
      • SSO Authentication
  • App Management
    • Building Apps
    • Deploying apps to Teams App catalog
      • Looply Dashboard
      • Manual Installation
    • Installing Looply Apps
    • Uninstall/Update Looply Apps
    • Teams Admin center
  • Adaptive Cards
    • Building Adaptive Cards
      • Container Elements
      • Content Elements
      • Input Elements
      • Actions
    • Data Binding
    • Conditional Rendering
    • AI Assistant
    • Inline Functions
  • Workflows
    • Building Workflows
    • Triggering Workflows
    • Environment Variables & Profiles
    • Versioning Workflows
    • Using HTTP Requests
    • Using Functions
    • Using Conditionals
    • Using Branch Conditionals
    • Using Advanced Conditionals
    • Using Integrations
      • Adaptive Card Actions
      • SAP Requests
    • Using Redirects
    • Using Override Payload
    • Terminating Workflows
  • Data Vault
    • Variable Datastores
  • Monitoring & Logs
    • Monitoring Workflows
    • Error Notifications
  • API REFERENCE
    • Developer API Overview
    • Workflow API
    • Adaptive Card API
  • Team Management
    • Managing Organisations
    • Team Roles and Permissions
  • Resources
    • JavaScript Libraries
  • Tutorials
    • Creating MS Teams Apps
    • Designing Workflows
    • Building Adaptive Cards
    • Adaptive Cards with AI
    • Examining Workflow Executions
  • Support
    • Changelog
    • Contacting Support
Powered by GitBook
On this page
  • TextBlock
  • RichTextBlock
  • Image
  • Media
  • ActionSet
  1. Adaptive Cards
  2. Building Adaptive Cards

Content Elements

Add content to your Adaptive Cards in the form of Text, Images, Videos and Buttons

PreviousContainer ElementsNextInput Elements

Last updated 1 year ago

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 .

Technical Documentation

RichTextBlock

Description

A more advanced version of the TextBlock where you must use the 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

Image

Description

Allows the ability to add an Image. Must be a valid HTTP URL pointing to an image. Can be styled from the and can have an actionable trigger if the image is clicked.

Technical Documentation

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.

Technical Documentation

ActionSet

Description

Technical Documentation

You can style the alignment of the Media element from the .

A group of buttons aligned along a row. Each button will trigger an Action. . Adding buttons is easy: select the ActionSet and click "Add an action" and select from the dropdown, or go to the for the Action Set and select "Add an action" then select from the dropdown.

Style the ActionSet from the .

Each Button within the ActionSet can also be styled, simply click on the Button and alter it from the .

Read more about Image
Read more about Media
Read more about an ActionSet
Read more about the TextBlock
Read more about the RichTextBlock
See the Actions section for more.
Learn more about actions from the Action section
Element Properties Toolbar
Card Payload Editor
Element Properties Toolbar
Element Properties Toolbar
Element Properties Toolbar
Element Properties Toolbar
Element Properties Toolbar