Estoy intentando renderizar una tarjeta adaptable a través del SDK de Javascript. Probé varias versiones del SDK y usé varias muestras de la biblioteca de muestras en el sitio oficial de Adaptive Cards.
En todos los casos, mi código representa un:
<div class="ac-container ac-adaptiveCard" tabindex="0" style="display: flex; flex-direction: column; justify-content: flex-start; box-sizing: border-box; flex: 0 0 auto; padding: 15px; margin: 0px;"></div>Estoy usando el código de ejemplo repetitivo de la documentación.
var adaptiveCard = new AdaptiveCards.AdaptiveCard(); adaptiveCard.hostConfig = new AdaptiveCards.HostConfig({ fontFamily: "Segoe UI, Helvetica Neue, sans-serif" }); adaptiveCard.onExecuteAction = function (action) { alert("Ow!"); } // Parse the card payload adaptiveCard.parse(card); // Render the card to an HTML element: var renderedCard = adaptiveCard.render(); console.log("Adaptive Card Rendered: " + renderedCard.outerHTML); var target = FifthMethod.Forms.Controls.AdaptiveCard._getInstance(objInfo.CurrentControlId); target.appendChild(renderedCard);Descubrí que en mi código estaba recibiendo la definición de la tarjeta adaptable como una cadena. Tuve que usar JSON.parse() para convertir la cadena en un objeto Javascript. Una vez que hice eso, el problema se resolvió.