CODEWITHSUNDEEP
node.jsbotframeworkadaptive-cards
Aleimar Villabrille
Aleimar Villabrille

Reputation: 91

Show upper-part of adaptive card

I have this very long "form" using adaptive card. Using CardFactory, the bot framework, based on my understanding, can render the card and my bot can display it for my user to fill in the necessary details.

The end of my form (in which I'll use instead of the word adaptive card), has a submit button for user to click whenever all fields are filled in. And while everything works the way I want it to be, its not really user friendly in a sense that what user sees after showing the form is the bottom part of it. User has to scroll for a bit to go up and see the first part of the form.

My question is: Is there anyway I could help user experience by showing the upper-part/top most part of the form? Is that possible in bot framework?

Like if the bot sends successive messages, does the framework allows to show the first messages first, before the last part. THANK YOU!

PS. I use NodeJS for my bot framework, read the documentation but can't find one that dwells deeply about adaptive cards.

Please see images below:

Before

After

How do I make the first framework to show the first image before the end part which is in the second image.

Upvotes: 0

Views: 231

Answers (1)

Hilton Giesenow
Hilton Giesenow

Reputation: 10804

Have you looked at the "ShowCard" action? It basically lets you collapse part of your card, and only open it when a user clicks on a button. That way you could possibly group your card into sections and show each one at a time. See here for more.

Another option in future is the new ToggleVisibility action in AdaptiveCards 1.2, but it's only if your client supports 1.2. (e.g. it's only available in Developer Preview for Teams right now (so very likely coming in future, but not available at the moment))

Upvotes: 1

Related Questions