Configuration de l’hôte-JavaScriptHost config - JavaScript

// Create an AdaptiveCard instance
var adaptiveCard = new AdaptiveCards.AdaptiveCard();

// Set its hostConfig property unless you want to use the default Host Config
// Host Config defines the style and behavior of a card
adaptiveCard.hostConfig = new AdaptiveCards.HostConfig({
    fontFamily: "Segoe UI, Helvetica Neue, sans-serif"
    // More host config options
});

// Render the card to an HTML element:
var renderedCard = adaptiveCard.render();

PersonnalisationCustomization

Il existe trois façons de personnaliser le rendu de carte adaptative :There are 3 ways to customize the adaptive card rendering:

  1. Configuration de l’hôteHost Config
  2. Styles CSSCSS styling
  3. Rendu d’élément personnaliséCustom element rendering

HostConfigHostConfig

Une configuration d’hôte est un objet de configuration partagé que tous les convertisseurs comprennent.A Host Config is a shared configuration object that all renderers understand. Elle vous permet de définir des styles (par exemple, famille de polices, tailles de police, espacement par défaut) et des comportements (par exemple, nombre maximal d’actions) communs qui sont automatiquement interprétés par le convertisseur de chaque plateforme.This allows you to define common styles (e.g., font family, font sizes, default spacing) and behaviors (e.g., max number of actions) that will be automatically interpreted by each platform renderer.

L’objectif est que l’interface utilisateur native générée par le convertisseur de chaque plateforme se présente de façon très similaire avec un minimum de travail de votre part.The goal is that the native UI generated by each platform renderer will look very similar with minimal work on your part.

var renderOptions = {
    ...
    hostConfig: {
        // Define your host config object here
        // See the HostConfig docs for details
    }
};