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

• No hay desplazamiento vertical ni horizontal (comportamientos definidos por la opción cardLayout). Todas las tarjetas se representan dentro de una sola burbuja de mensaje, que puede incluir una cabecera y un pie de página. Las propiedades title y description de la tarjeta se separan mediante un carácter de línea nueva. Puede numerar la propiedad title de la tarjeta.

• Se admiten hiperenlaces en los canales de solo texto. La dirección configurada para la propiedad cardUrl se representa en la burbuja junto con las propiedades title y description, separadas por un carácter de línea nueva.

• Se representan las imágenes especificadas por la propiedad imageURL.

• Se muestra el texto de etiqueta de los botones de acción (aunque los botones no se representen). Los usuarios pueden introducir el texto o, si se ha activado la numeración automática, introducir en su lugar el número correspondiente, lo que resulte más cómodo.

Descripción de la ilustración default-card-text-only.png

• Defina la propiedad keywords. En el siguiente fragmento de CRCPizzaBot, la expresión ${pizza.name} definida para la propiedad keyword define una palabra clave para el nombre de cada 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}"
  ...

  Estas palabras clave solo se agregan si textOnly se ha definido en true.

• Defina la propiedad title. En el siguiente fragmento, una expresión utiliza la variable index de FreeMarker para prefijar un número al título (devuelto por ${pizzas.name} cuando el valor de la variable textOnly es true). Esto significa que, cuando un cliente introduce more, la aptitud carga otra burbuja de mensaje que contiene el siguiente juego de pizzas, a partir del número 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"

• En el siguiente fragmento, las acciones de tarjeta ("Order" y "More Pizzas") solo se muestran cuando el valor de la variable textOnly es 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>"

• Agregue un pie de página que se muestre solo cuando el valor de la variable textOnly sea 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

• En el canal de Microsoft Teams, este elemento siempre se presenta como una lista (incluso cuando layoutStyle está definido en radioGroup) porque las tarjetas adaptables no admiten botones de radio.
• En el canal de Slack, este elemento se presenta como una lista en lugar de un grupo de radio cuando hay más de diez opciones.

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

• En el canal de Microsoft Teams, este elemento siempre se presenta como una lista (incluso cuando layoutStyle está definido en checkboxes) porque las tarjetas adaptables no soportan casillas de control de selección múltiple.
• En el canal de Slack, este elemento se presenta como una lista en lugar de un juego de casillas de control de selección múltiple cuando hay más de diez opciones.

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