- keyword: "${pizzas.name},<#if pizzas?index <KEYWORDS_VAR.value?size>${numberKeywords.value[pizzas?index].keywords}</#if>,<#if pizzas?index==cardsRangeStart?number+[cardsRangeStart?number+3,pizzaCount.value?number-cardsRangeStart?number-1]?min>last</#if>"

• Le défilement vertical ou horizontal n'est pas possible (comportements définis par l'option cardLayout). Toutes les cartes sont affichées dans une bulle de message unique, qui peut inclure un en-tête et un pied de page. Les propriétés de carte title et description sont séparées par un caractère de nouvelle ligne. Vous pouvez numéroter la propriété title de la carte.

• Les hyperliens sont toujours pris en charge dans les canaux textuels. L'adresse configurée pour la propriété cardUrl est affichée dans la bulle, et les propriétés title et description sont séparées par un caractère de nouvelle ligne.

• Les images spécifiées par la propriété imageURL sont rendues.

• Le texte de l'étiquette des boutons d'action est affiché (mais les boutons eux-mêmes ne sont pas rendus). Les utilisateurs peuvent entrer le texte ou, si la numérotation automatique est activée, le numéro correspondant pour des raisons pratiques.

Description de l'illustration default-card-text-only.png

• Définissez la propriété keywords. Dans l'extrait de code suivant de CRCPizzaBot, l'expression ${pizza.name} définie pour la propriété keyword définit un mot clé pour chaque nom de pizza :

  
  metadata:
    keywords:
      - keyword: "${pizzas.name},<#if pizzas?index <numberKeywords.value?size>${numberKeywords.value[pizzas?index].keywords}</#if>,<#if pizzas?index==cardsRangeStart?number+[cardsRangeStart?number+3,pizzaCount.value?number-cardsRangeStart?number-1]?min>last</#if>"
        visible:
          expression: "${textOnly.value}"
  ...

  Ces mots clés sont ajoutés uniquement lorsque la variable textOnly est vraie.

• Définissez la propriété title. Dans l'extrait de code suivant, une expression utilise la variable FreeMarker index pour ajouter un nombre en préfixe du titre (retourné par ${pizzas.name} lorsque la valeur de la variable textOnly est true). Cela signifie que lorsque le client entre more, la compétence charge une autre bulle de message contenant le groupe suivant de pizzas en commençant au numéro 5 (rangeSize: "4").

  cards:
          - title: "${(textOnly=='true')?then((pizzas?index+1)+'. ','')}${pizzas.name}"
            description: "${pizzas.description}"
            imageUrl: "${pizzas.image}"
            name: "PizzaCard"
            iteratorVariable: "pizzas"
            rangeStart: "${cardsRangeStart}"
            rangeSize: "4"

• Dans l'extrait de code suivant, les actions de carte ("Order" et "More Pizzas") ne sont affichées que lorsque la valeur de la variable textOnly est false :

          - label: "More Pizzas"
            keyword: "more"
            type: "postback"
            skipAutoNumber: true
            visible:
              expression: "<#if cardsRangeStart?number+4 < pizzas.value?size && textOnly=='false'>true<#else>false</#if>"

• Ajoutez un pied de page qui s'affiche uniquement lorsque la valeur de la variable textOnly est true.

  footerText: "<#if textOnly=='true'>Enter a pizza number to make your choice<#if cardsRangeStart?number+4 < pizzas.value?size>, or type 'more' to see more pizzas</#if></#if>"

      - displayType: textInput
        multiLine: true
        defaultValue: "${(submittedFields.value.Description)!''}"
        minLength: 10
        name: Description
        label: Description
        placeholder: What is the expense justification?
        clientErrorMessage: "Description must be 10 characters minimum, 50 characters maximum."
        maxLength: 50
        required: true
      - displayType: textInput
        multiLine: true
        defaultValue: "${(submittedFields.value.Notes)!''}"
        minLength: 10
        name: Notes
        inputStyle: email
        label: Notes
        placeholder: Expense notes (optional)
        maxLength: 50
        required: false

      - displayType: textInput
        serverErrorMessage: "${(system.entityToResolve.value.validationErrors['Tip'])!''}"
        defaultValue: "${(expense.value.Tip.originalString)!''}"
        displayInForm: "${(((expense.value.TipIncluded.yesno)!'') == 'NO')?then(true, false)}"
        name: Tip
        label: Tip
        placeholder: Enter the tip
        clientErrorMessage: Tip is required
        required: true

What is the expense justification? Enter between 10 and 50 characters.

 - displayType: datePicker
        defaultValue: "${(submittedFields.value.Date)!''}"
        name: Date
        maxDate: "${.now?iso_utc[0..9]}"
        label: Expense Date
        placeholder: Pick a date in the past
        clientErrorMessage: Expense date is required and must be in the past.
        required: true

     - displayType: datePicker
        serverErrorMessage: "${(system.entityToResolve.value.validationErrors['Date'])!''}"
        defaultValue: "${(expense.value.Date.date?number_to_date?iso_utc)!''}"
        name: Date
        maxDate: "${.now?iso_utc[0..9]}"
        label: Expense Date
        placeholder: Pick a date in the past
        clientErrorMessage: Expense date is required and must be in the past.
        required: true

"${(submittedFields1.value.myDate)!''}"

      - displayType: timePicker
        defaultValue: "${(submittedFields.value.Time.value?time.xs?string['hh:mm a'])!''}"
        maxTime: "23:00"
        minTime: "13:00"
        name: Time
        label: Expense Time
        placeholder: What time was the expense?
        clientErrorMessage: This time is outside the limits.
        required: true

"${(submittedFields.value.myTime)!''}"

      - displayType: numberInput
        minValue: 5
        serverErrorMessage: "${(amountError.value)!''}"
        maxValue: 500
        defaultValue: "${(submittedFields.value.Amount)!''}"
        name: Amount
        label: Amount
        placeholder: Enter the expense amount (do not include currency symbol)
        clientErrorMessage: Amount is required and must be between 5 and 500 characters

• Sur le canal Microsoft Teams, cet élément s'affiche toujours sous forme de liste (même si layoutStyle est réglé à radioGroup) car les cartes adaptatives ne prennent pas en charge les boutons radio.
• Sur le canal Slack, cet élément s'affiche sous forme de liste au lieu d'un groupe radio lorsqu'il y a plus de dix options.

 - displayType: singleSelect
        defaultValue: "${(submittedFields.value.Type)!''}"
        name: Type
        options:
          - iteratorVariable: option
            iteratorExpression: "${expenseType.type.enumValues?split(',')}"
            label: "${option}"
            value: "${option}"
        layoutStyle: list
        label: Expense Type
        placeholder: Select expense type
        clientErrorMessage: Expense type is required
        required: true

     - autoSubmit: true
        displayType: singleSelect
        serverErrorMessage: "${(system.entityToResolve.value.validationErrors['Type'])!''}"
        defaultValue: "${(expense.value.Type.value)!''}"
        name: Type
        options:
          - iteratorVariable: option
            iteratorExpression: "${expenseType.type.enumValues?split(',')}"
            label: "${option}"
            value: "${option}"
        layoutStyle: list
        label: Expense Type
        placeholder: Select expense type
        clientErrorMessage: Expense type is required
        required: true

        defaultValue: "${(submittedFields.value.Type)!''}"
        name: Type
        options:
          - iteratorVariable: option
            iteratorExpression: "${expenseType.type.enumValues?split(',')}"
            label: "${option}"
            value: "${option}"

label: 
        placeholder: Select an expense type. You can pick only one.

• Sur le canal Microsoft Teams, cet élément s'affiche toujours sous forme de liste (même si layoutStyle est réglé à checkboxes), car les cartes adaptatives ne prennent pas en charge les cases à cocher à sélection multiple.
• Sur le canal Slack, cet élément s'affiche sous forme de liste au lieu d'un ensemble de cases à cocher à sélection multiple lorsqu'il y a plus de dix options.

 - displayType: multiSelect
        defaultValue: "${(submittedFields.value.Attendees?join(','))!''}"
        name: Attendees
        options:
          - iteratorVariable: option
            iteratorExpression: "${attendee.type.enumValues?split(',')}"
            label: "${option}"
            value: "${option}"
        layoutStyle: list
        label: Attendees
        placeholder: Select one or more attendees

     - displayType: multiSelect
        serverErrorMessage: "${(system.entityToResolve.value.validationErrors['Attendees'])!''}"
        displayInForm: "${(((expense.value.Type.value)!'') == 'Meal')?then(true, false)}"
        defaultValue: "${(expense.value.Attendees?map(a -> a.value)?join(','))!''}"
        name: Attendees
        options:
          - iteratorVariable: option
            iteratorExpression: "${attendee.type.enumValues?split(',')}"
            label: "${option}"
            value: "${option}"
        layoutStyle: list
        label: Attendees
        placeholder: Select attendees
        clientErrorMessage: Attendees are required when expense type is a Meal
        required: true

"${(submittedFields.value.myMultiSelect?join(','))!''}"

        defaultValue: "${(submittedFields.value.Attendees?join(','))!''}"
        name: Attendees
        options:
          - iteratorVariable: option
            iteratorExpression: "${attendee.type.enumValues?split(',')}"
            label: "${option}"
            value: "${option}"

label: Attendees
        placeholder: Select one or more attendees

      - displayType: toggle
        defaultValue: "false"
        name: TipIncluded
        labelOn: Tip
        label: Tip Included?
        valueOff: "false"
        labelOff: No Tip
        valueOn: "true"

      - autoSubmit: true
        displayType: toggle
        defaultValue: "${(expense.value.TipIncluded.yesno)!'YES'}"
        name: TipIncluded
        labelOn: "Yes"
        label: Tip Included?
        valueOff: "NO"
        labelOff: "No"
        required: false
        valueOn: "YES"

"${(submittedFields.value.myToggle)!'true'}"

- channel: ${system.channelType}
  properties:
    replaceMessage: "${system.message.messagePayload.type == 'formSubmission'}"

...,
"channelExtensions": { "replaceMessage": "true"}