Trim doesn't render as expected

General
1

Version details :

“@jsonforms/angular”: “3.1.0”,
“@jsonforms/angular-material”: “3.1.0”,
“@jsonforms/core”: “3.1.0”,

For some reason the option “trim” : true (under “options”) is not rendering as expected. We have a field which takes 100% width and we want to either reduce to 50% or trim the field width to the text length. Attached screenshot of the UI and the json used to render the schema. The field which need to be trimmed is the one which has a read only value Micron 8.0.0-RELEASE.

Screenshot 2024-10-01 at 2.09.05 PM
Screenshot 2024-10-01 at 2.09.05 PM3584×202 10.5 KB

JSON Schema :

{

“uiDefinition”: {
“uiSchema”: {
“type”: “VerticalLayout”,
“elements”: [

    {
    "type": "VerticalLayout",

    "elements": [
                {
                  "type": "Control",
                  "scope": "#/properties/micronDeployVersion",
                  "label": "Micron Deploy Version",
                  "options" : {"trim" : true}
                }
              ]
    
    }
   
    
  ]
},
"uiDataSchema": {
  "type": "object",
  "properties": {
    "micronDeployVersion": {
      "type": "string",
      "readOnly" : true
    }
   
  }
},
"uiDefaults": {
  "micronDeployVersion" : "8.0.0-RELEASE",
  "singlePodToggle": true
}

}
}

2

Hi @santtarius,

We did not implement the support for trim into all our renderer sets. At the moment it’s only respected in React Material and partially in Vue Vuetify.

You will need to write a custom renderer for Angular Material which respects the trim option if you want to see it supported. Feel free to contribute the functionality to JSON Forms if you want to share it.