hello, I have a bot in teams that sends an action card with options on buttons, the problem is that the texts of the buttons are cut off:
hello, I have a bot in teams that sends an action card with options on buttons, the problem is that their texts are cut off as seen in the images
I do not use adaptive card because they limit me to only 6 buttons and I require more, on the other hand it does not have the functionality to navigate the options to the sides
I need the text to be complete in several lines or have a tooltip that shows the complete text
The code I use to send the action card is:
var herocard = new HeroCard();
herocard.Title = answers[0].Answer;
List<CardAction> buttons = new List<CardAction>();
var sortedPrompts = prompts.OrderBy(r => r.DisplayText);
foreach (var items in sortedPrompts)
{
buttons.Add(new CardAction()
{
Type = ActionTypes.MessageBack,
Title = items.DisplayText,
DisplayText = items.DisplayText,
Text = items.DisplayText,
Value = items.DisplayText,
});
}
herocard.Buttons = buttons;
var response = stepContext.Context.Activity.CreateReply();
response.Attachments = new List<Microsoft.Bot.Schema.Attachment>() { herocard.ToAttachment() };
await stepContext.Context.SendActivityAsync(response);
I welcome your comments and help.
@rosrene - We are tried it from our end ,It's working fine for us. Could you please try it once as per given code snippet:-
public static HeroCard GetHeroCard()
{
var heroCard = new HeroCard
{
Title = "Hero Card",
Text = "from text/sms to Skype, Slack, Office 365 mail and other popular services.",
Buttons = new List<CardAction> { new CardAction(ActionTypes.OpenUrl, "Learn More", value: "http://www.devenvexe.com"), new CardAction(ActionTypes.OpenUrl, "C# Corner", value: "http://www.c-sharpcorner.com/members/suthahar-j"), new CardAction(ActionTypes.OpenUrl, "MSDN", value: "https://social.msdn.microsoft.com/profile/j%20suthahar/"), new CardAction(ActionTypes.OpenUrl, "Remove subscription button don't take any action when user pressed enter via ", value: "https://social.msdn.microsoft.com/profile/j%20suthahar/") }
};
return heroCard;
}
Microsoft Teams Version 1.5.00.2567 (64-bit)
Let us know if you have any query.
Hello, try to place the code above and continue in the same way.
The code I used was:
var heroCard = new HeroCard
{
Title = "Hero Card",
Text = "from text/sms to Skype, Slack, Office 365 mail and other popular services.",
Buttons = new List<CardAction> { new CardAction(ActionTypes.OpenUrl, "Learn More", value: "http://www.devenvexe.com"), new CardAction(ActionTypes.OpenUrl, "C# Corner", value: "http://www.c-sharpcorner.com/members/suthahar-j"), new CardAction(ActionTypes.OpenUrl, "MSDN", value: "https://social.msdn.microsoft.com/profile/j%20suthahar/"), new CardAction(ActionTypes.OpenUrl, "Remove subscription button don't take any action when user pressed enter via ", value: "https://social.msdn.microsoft.com/profile/j%20suthahar/") }
};
var reply = MessageFactory.Attachment(heroCard.ToAttachment());
await stepContext.Context.SendActivityAsync(reply, cancellationToken);
However, the images and cards look like this:
@rosrene - Using the above code when you hover the mouse on button It will show whole text.Could you check it once?
Microsoft Teams Version 1.5.00.3154 (64-bit)
Hi @Sayali-MSFT,
Sorry for the delay, I have been doing several tests and I identified that:
the example provided from the repository https://github.com/microsoft/BotBuilder-Samples/blob/main/samples/csharp_dotnetcore/06.using-cards/C... works correctly and the tooltip is seen in long texts
in this example the action type is an OpenURL
if the action type is changed to messageback which we need, then the tooltip doesn't appear
I think that now we have the concrete cause, we need to see how to solve it
Thanks