ListWithDetail in angular is broken inside Category

General
1

Hello, I’m trying to put a ListWithDetail in a Category without success.

This ui schema is working :

{
  "type": "Categorization",
  "elements": [
    {
      "type": "Category",
      "label": "Cat2",
      "elements": [
        {
          "type": "ListWithDetail",
          "scope": "#/properties/visuals",
          "options": {
            "elementLabelProp": "visualId",
            "detail": {
              "type": "VerticalLayout",
              "elements": [
                {
                  "type": "Control",
                  "scope": "#/properties/visualId",
                  "label": "Identifiant du visuel"
                },
                {
                  "type": "Control",
                  "scope": "#/properties/file",
                  "label": "Fichier"
                }
              ]
            }
          }
        }
      ]
    }
  ]
}

This one is not :

{
  "type": "Categorization",
  "elements": [
    {
      "type": "Category",
      "label": "Cat1",
      "elements": [
        {
          "type": "HorizontalLayout",
          "elements": [
            {
              "type": "Control",
              "scope": "#/properties/bank/properties/name",
              "label": "Nom"
            }
          ]
        }
      ]
    },
    {
      "type": "Category",
      "label": "Cat2",
      "elements": [
        {
          "type": "ListWithDetail",
          "scope": "#/properties/visuals",
          "options": {
            "elementLabelProp": "visualId",
            "detail": {
              "type": "VerticalLayout",
              "elements": [
                {
                  "type": "Control",
                  "scope": "#/properties/visualId",
                  "label": "Identifiant du visuel"
                },
                {
                  "type": "Control",
                  "scope": "#/properties/file",
                  "label": "Fichier"
                }
              ]
            }
          }
        }
      ]
    }
  ]
}

(it only happens when the ListWithDetails is in the second tab, not if it’s in the first one)

image
image1526×461 15.5 KB

My code is basicaly the Angular seed, with a custom json schema.
Am I doing something wrong ?

Also, the elementLabelProp is not used (file is displayed instead of visualId).

Thanks for your help !

2

Image for the first sample :

image
image1523×455 19.1 KB

3

Hi @Max_well,

Thanks for the report.

The schema/uischema look correct, so this is likely a bug in our renderers. Feel free to open an issue against the repository.

The elementLabelProp is currently only support in our React Material renderers. However it should be relatively straightforward to port this to the Angular renderers too. If you, or someone else, would like to contribute this feature then we’ll certainly accept that contribution.