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);