Iciclecreek.AdaptiveCards.Rendering.Avalonia

Adaptive Cards Rendering library for Avalonia UI

This library renders adaptive cards using AvaloniaUI controls.

(Option 1) Use AdaptiveCardView control

Sample Model

public class CardModel
{
    public AdaptiveCard Card { get; set; }
}

Add namespace

 xmlns:ac="using:AdaptiveCards.Rendering.Avalonia"

Insert an AdaptiveCardView control bound to the card:

<ac:AdaptiveCardView Card="{Binding Card}" Width="600" />

Produces a rendered card like this:

Handling Actions

Actions are supported by the library, but you must provide a handler for the Action.Execute and Action.Submit actions. To do that with the AdaptiveCardView you simply need to handle the Action event. The event will be fired for all actions, so you will need to check the type of the action and handle it accordingly. It is a routed event, so you can add the route handler at any level of the visual tree.

   <ac:AdaptiveCardView Card="{Binding Card}" Width="600" Action="OnAdaptiveAction" />

And the action handler

    public static async void OnAdaptiveAction(Window window, object? sender, RoutedAdaptiveActionEventArgs e)
    {
        if (e.Action is AdaptiveOpenUrlAction openUrlAction)
        {
            Process.Start(new ProcessStartInfo(openUrlAction.Url.AbsoluteUri) { UseShellExecute = true });
            e.Handled = true;
        }
        else if (e.IsDataAction())
        {
            // handle Action.Execute or Action.Submit
            ....
            e.Handled = true;
        }
   }

Usage: (Option 2) Use AdaptiveCardRenderer directly

You can call the renderer directly

var renderer = new AdaptiveCardRenderer(hostConfig);
var renderedCard = renderer.RenderCard(adaptiveCard);
renderedCard.OnAction += (sender, e) =>
{
    // handle event...
};

// add element to visual tree
grid.Children.Add(renderedCard.Control);

Supported AdaptiveCard Schema

This library suppports all functionality for 1.5 of Adaptive Card schemas, and should work on all Avalonia platforms with following exceptions: