{Linked:Bug2281690}[Adaptive Card-Designer]: 'Asterisk' is not defined for required field.

[MohitTyagi13]

Target Platforms

Other

SDK Version

1.3

Application Name

Adaptive Cards

Problem Description

Test Environment: OS: 22H2 (OS Build 25151.1010) Browser: Edge Dev Browser Version: Version 105.0.1300.0 (Official build) dev (64-bit) URL: Designer | Adaptive Cards

Pre-requisites: Copy the complete .json code in ''Card Payload Editor". (Please refer attachment).

Repro Steps: Launch the above URL. Navigate to header control ‘Designer’ using tab key and activate through enter key. Apply attached SMB.json in Card Payload Editor and Sample Editor. Check Card in Preview Mode. Navigate to Card and observe Asterisk is not visible for highlighted label. Actual Result: On payments dialog "Recipients and currency" edit field are required but 'Asterisk' is not available with their labels.

Expected result: 'Asterisk' should be available with "Recipients and currency" labels.

User Impact: 'Asterisk' helps users to understand the importance of edit field. So, if a field is required then asterisk should be defined.

MAS Reference: Info and Relationships - Liquid (microsoft.com)

Have feedback to share on Bugs? Please help fill Trusted Tester Bug Feedback (office.com) “

Screenshots

Card JSON

{
  "type": "AdaptiveCard",
  "body": [
    {
      "color": null,
      "horizontalAlignment": null,
      "isSubtle": false,
      "maxLines": 0,
      "size": null,
      "text": "Payment provider",
      "weight": null,
      "wrap": true,
      "id": "paymentProviderLabel",
      "separator": false,
      "type": "TextBlock"    },
    {
      "color": null,
      "horizontalAlignment": null,
      "isSubtle": true,
      "maxLines": 0,
      "size": null,
      "text": "Stripe (PoC)",
      "weight": "bolder",
      "wrap": true,
      "id": "paymentProviderName",
      "separator": false,
      "type": "TextBlock"    },
    {
      "color": null,
      "horizontalAlignment": null,
      "isSubtle": false,
      "maxLines": 0,
      "size": null,
      "text": "Recipients",
      "weight": null,
      "wrap": true,
      "id": "participantsLabel",
      "separator": false,
      "type": "TextBlock"    },
    {
      "choices": [
        {
          "title": "Test User23",
          "value": "29:1jgdJQy14x2o_zTdruaptPsqhFw3lTIMhaoJT7RhOri46DKTpLw9clrWyBxcKgaHZEftLgVqJEGc5xcZUBs9AFA"        }
      ],
      "isMultiSelect": true,
      "style": null,
      "placeholder": "Select one or more recipients",
      "isRequired": true,
      "errorMessage": "Select at least one recipient",
      "id": "participants",
      "separator": false,
      "type": "Input.ChoiceSet"    },
    {
      "isMultiline": false,
      "maxLength": 1000,
      "placeholder": "Enter your service name",
      "style": null,
      "label": "Service",
      "id": "service",
      "separator": false,
      "type": "Input.Text"    },
    {
      "columns": [
        {
          "width": "2",
          "items": [
            {
              "min": 1,
              "placeholder": "0.00",
              "isRequired": true,
              "errorMessage": "The price must be greater than zero",
              "label": "Price",
              "id": "price",
              "separator": false,
              "type": "Input.Number"            }
          ],
          "separator": false,
          "type": "Column"        },
        {
          "width": "2",
          "items": [
            {
              "color": null,
              "horizontalAlignment": null,
              "isSubtle": false,
              "maxLines": 0,
              "size": null,
              "text": "Currency",
              "weight": null,
              "wrap": true,
              "id": "currencyLabel",
              "separator": false,
              "type": "TextBlock"            },
            {
              "choices": [
                {
                  "title": "${name}",
                  "value": "CAD"                },
                {
                  "title": "${name}",
                  "value": "USD"                },
                {
                  "title": "${name}",
                  "value": "BRL"                },
                {
                  "title": "${name}",
                  "value": "JPY"                },
                {
                  "title": "${name}",
                  "value": "EUR"                }
              ],
              "isMultiSelect": false,
              "style": null,
              "value": "INR",
              "isRequired": true,
              "errorMessage": "Select a currency",
              "id": "currency",
              "separator": false,
              "type": "Input.ChoiceSet"            }
          ],
          "separator": false,
          "type": "Column"        }
      ],
      "separator": false,
      "type": "ColumnSet"    },
    {
      "actions": [
        {
          "data": {
            "paymentProviderId": "74e1b13c-33cf-48e2-9471-850fdf9bcdb7",
            "action": "submitCharge"          },
          "title": "Send request",
          "type": "Action.Submit"        }
      ],
      "spacing": "extralarge",
      "separator": false,
      "type": "ActionSet"    }
  ],
  "speak": "Configure a payment using Stripe (PoC). Select the recipients you want to charge, describe the charge and the amount, select currency, then press send request.",
  "$schema": "https://adaptivecards.io/schemas/adaptive-card.json",
  "version": "1.2"}

Sample Code Language

No response

Sample Code

No response