- 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>"

• 垂直方向または水平方向のスクロール(cardLayoutオプションによって設定される動作)はありません。すべてのカードは1つのメッセージ・バブル内にレンダリングされます。これにはヘッダーとフッターが含まれる場合があります。カードのtitleプロパティとdescriptionプロパティは、改行文字によって区切られます。カードのtitleプロパティには番号を付けることができます。

• ハイパーリンクは、テキストのみのチャネルでもサポートされます。改行文字で区切られたtitleプロパティとdescriptionプロパティに加えて、cardUrlプロパティ用に構成されたアドレスがバブル内にレンダリングされます。

• imageURLプロパティによって指定されたイメージがレンダリングされます。

• アクション・ボタンのラベル・テキストが表示されます(ボタン自体はレンダリングされません)。ユーザーがテキストを入力することもできますが、自動採番が有効になっている場合は、利便性を高めるために対応する番号を入力することもできます。

• keywordsプロパティを定義します。次のCRCPizzaBotスニペットでは、キーワード・プロパティに設定された${pizza.name}式によって、各ピザ名のキーワードが定義されます:

  
  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}"
  ...

  これらのキーワードは、textOnlyがtrueの場合にのみ追加されます。

• titleプロパティを定義します。次のスニペットでは、式でFreeMarkerのindex変数を使用して、タイトルの前に番号を付けます(textOnly変数値がtrueの場合は、${pizzas.name}によって返されます)。つまり、顧客がmoreを入力すると、スキルによって、番号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"

• 次のスニペットでは、textOnly変数値がfalseの場合にのみカード・アクション("Order"および"More Pizzas")が表示されます:

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

• textOnly変数値が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

• Microsoft Teamsチャネルでは、適応型カードではラジオ・ボタンがサポートされていないため、この要素は常にリストとしてレンダリングされます(layoutStyleがradioGroupに設定されている場合でも)。
• Slackチャネルでは、10を超えるオプションがある場合、この要素はラジオ・グループではなくリストとしてレンダリングされます。

 - 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.

• Microsoft Teamsチャネルでは、適応型カードでは複数選択チェック・ボックスがサポートされていないため、この要素は常にリストとしてレンダリングされます(layoutStyleがcheckboxesに設定されている場合でも)。
• Slackチャネルでは、10を超えるオプションがある場合、この要素は複数選択チェック・ボックスのセットではなくリストとしてレンダリングされます。

 - 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"}