How to Add a scroll bar to an adaptive card

Question

I m showing a list of users in a card, can I add a scrollbar to the card so that it fits the screen size? I am currently using Adaptive card 1.0 and sending this card to MS Teams.

score 2 · Accepted Answer · answered Dec 05 '19 at 13:48

AdaptiveCards do not allow scrolling or paging.

If you want to implement paging you could add a "next page" button to your card, when pressed you just update the card with the new list data.

MS Teams allows you to update cards/message you already sent so you could send the first page and when a user clicks on the action button you sent the second page etc.

score 1 · Answer 2 · answered Dec 16 '20 at 14:13

1

AdaptiveCards do not have the ability to specify scrolling.But we can do with Carousel feature.

{
   attachmentLayout: Attacenter code herehmentLayoutTypes.Carousel,
   attachments: [CardFactory.adaptiveCard()]
}

answered Dec 16 '20 at 14:13

user14837731

11
1

score 0 · Answer 3 · answered Dec 04 '19 at 20:12

0

AdaptiveCards do not have the ability to specify scrolling. It would be up to the client to implement this functionality. However, you may be able to send a list card, depending on if it suits your needs.

answered Dec 04 '19 at 20:12

mdrichardson

7,141
1
7
21

is there any alternative as in if we can have pagination if not scroll bar – Anu Dec 05 '19 at 09:48
@Anu I was afraid you were using BotFramework. Unfortunately, List Cards are not currently supported. Tim's answer is really the only workaround. [Here's how to update cards in Teams](https://stackoverflow.com/questions/55165282/updating-an-activity-in-botframework-v4-on-teams-platform/55174866#55174866) – mdrichardson Dec 05 '19 at 19:01
Thanks @mdrichardson-MSFT :) – Tim Cadenbach Dec 06 '19 at 15:32

How to Add a scroll bar to an adaptive card

3 Answers3