"Next" Button on adaptive card

[SomebodyToLove1337]

Hello,

i got one more question... i didn´t get it to work.

I want a "Next" button on my but, when anyone click the "Next" button he should load the next developer joke on a new adaptive card on the channel.... but i didn´t found a solution that works for me on the internet :)

Maybe someone here can help me.

My Adaptive Card JSON:

{
  "type": "AdaptiveCard",
  "body": [
    {
      "type": "TextBlock",
      "size": "Medium",
      "weight": "Bolder",
      "text": "${title}",
      "wrap": true
    },
    {
      "type": "TextBlock",
      "text": "${body}",
      "wrap": true
    }

  ],
  "actions": [
    {
      "type": "Action.Submit",
      "title": "Next",
      "data": {
        "buttonClicked": true
      }
    }
  ],
  "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
  "version": "1.4"
}

My CommandHandler:

	public class HelloWorldCommandHandler : ITeamsCommandHandler
	{
		private readonly ILogger<HelloWorldCommandHandler> _logger;
		private readonly string _adaptiveCardFilePath = Path.Combine(".", "Resources", "HelloWorldCard.json");

		public IEnumerable<ITriggerPattern> TriggerPatterns => new List<ITriggerPattern>
		{
            // Used to trigger the command handler if the command text contains 'helloWorld'
            new RegExpTrigger("devJoke")
		};

		public HelloWorldCommandHandler(ILogger<HelloWorldCommandHandler> logger)
		{
			_logger = logger;
		}



		public async Task<ICommandResponse> HandleCommandAsync(ITurnContext turnContext, CommandMessage message, CancellationToken cancellationToken = default)
		{
			_logger?.LogInformation($"Bot received message: {message.Text}");

			// Read adaptive card template
			var cardTemplate = await File.ReadAllTextAsync(_adaptiveCardFilePath, cancellationToken);

			// API Call
			ApiRequest apiRequest = new ApiRequest();
			string response = await apiRequest.GetResponseApi("https://backend-omega-seven.vercel.app/api/getjoke");
			List<Joke> jokes = JsonConvert.DeserializeObject<List<Joke>>(response);
			string jokeQuestion = jokes[0].Question;
			string jokePunchline = jokes[0].Punchline;

			// Render adaptive card content
			var cardContent = new AdaptiveCardTemplate(cardTemplate).Expand
			(
				new HelloWorldModel
				{
					Title = jokeQuestion,
					Body = jokePunchline
				}
			);

			// Build attachment
			var activity = MessageFactory.Attachment
			(
				new Attachment
				{
					ContentType = "application/vnd.microsoft.card.adaptive",
					Content = JsonConvert.DeserializeObject(cardContent),
				}
			);

			// send response
			return new ActivityCommandResponse(activity);
		}


	}

Thanks if anyone can help me... or maybe say its just not possible :)

Greetings
Benedikt

PS:
My Repo: https://github.com/SomebodyToLove1337/HackTheJokesOut/tree/master

[aycabas]

Hi @SomebodyToLove1337, you can try to use Action.ShowCard in AdaptiveCards which will render a new card with the next joke when you click Next, check out this reference doc: https://adaptivecards.io/explorer/Action.ShowCard.html

Let me know if this helps.