Mridul260
Copper Contributor
Joined 3 years ago
User Profile
User Widgets
Recent Discussions
Adding hyperlink in adaptive card table
Hi Team, We have created a table in javascript using adaptive cards,(columnset) and in that table, we want to display some hyperlinks, but we are not able to achieve that, we are able to display those links as text but not as a hyperlink. Please find below what we are able to achieve: we want the highlighted part to be hyperlinks. Also, find the coding we have done to achieve this: var element = context.incident1; var msg = { "attachments":[ { "contentType": "application/vnd.microsoft.card.adaptive", "content": { "type": "AdaptiveCard", "msTeams": { "width": "full" }, "body": [], "$schema": "http://adaptivecards.io/schemas/adaptive-card.json", "version": "1.2" } } ] }; //for(var i=0;i<element.length;i++){ var body1 = { "type": "ColumnSet", "columns": [ { "type": "Column", "width":"stretch", "items": [ { "type": "TextBlock", "weight": "bolder", "text": "Incident Number", }, ] }, { "type": "Column", "width":"stretch", "items": [ { "type": "TextBlock", "weight": "bolder", "text": "Description", }, ] }, { "type": "Column", "width":"stretch", "items": [ { "type": "TextBlock", "weight": "bolder", "text": "Status", }, ] }, { "type": "Column", "width":"stretch", "items": [ { "type": "TextBlock", "weight": "bolder", "text": "Priority", }, ] }, { "type": "Column", "width":"stretch", "items": [ { "type": "TextBlock", "weight": "bolder", "text": "Resolver Group", }, ] }, { "type": "Column", "items": [ { "type": "TextBlock", "weight": "bolder", "text": "Ticket Link", }, ], }, ] }; for(var i=0;i<element.length;i++){ body1.columns[0].items.push({ "type": "TextBlock", "separator":true, "width":"auto", "text": element[i].number, }); body1.columns[1].items.push({ "type": "TextBlock", "separator":true, "width":"auto", "text": element[i].short_description, }); body1.columns[2].items.push({ "type": "TextBlock", "separator":true, "width":"auto", "text": element[i].state, }); body1.columns[3].items.push({ "type": "TextBlock", "separator":true, "width":"auto", "text": element[i].priority, }); body1.columns[4].items.push({ "type": "TextBlock", "separator":true, "width":"auto", "text": element[i].u_resolver_group, }); body1.columns[5].items.push({ "type": "TextBlock", "separator":true, "width":"auto", "text": "https://epiroctest.service-now.com/ep?id=ticket&table=incident&view=sp&sys_id="+element[i].sys_id }); } msg.attachments[0].content.body.push(body1); print(JSON.stringify(msg)); Please let me know what can we do to achieve this. ThanksAdaptive card issue
Hi Team, We have configured a button template using the adaptive card for a chatbot that we are developing, in that button template, we are displaying some text, and that text is a bit long, and we want the whole text to be visible to the user. Please find the screenshot of the text. and also please find the coding that we have done in javascript: var choices = ["Yes, I understand and accept the use of third party translation service", "No, I do not accept the use of third party translation service"]; var payload = ["yes", "no"]; var msg ={}; var attachments = []; var attachment = { 'contentType' : 'application/vnd.microsoft.card.hero' }; var content = { "msTeams": { "width": "full" }, "wrap":true, 'text' : " Before we get started - Chatbot is using a third party translation service that will process your messages. In order to use the Chatbot service we will need your consent to your messages being processed in this manner. Please select from below options.", }; var actions = []; for (var i = 0; i < choices.length; i++) { /*var choiceItem = choices[i]; */ var element = { "title" : choices[i], "type" : 'imBack', "value" : payload[i], "wrap":true }; actions.push(element); } content.buttons = actions; attachment.content = content; attachments.push(attachment); msg.attachments = attachments; print(JSON.stringify(msg)); please let me know what i can do to solve this issue. its quite important to show the whole text to user.