Show custom button for each record

General
1

i have a list of customers and i want to show my custom button at the end of each customer.
here is the uischema
{
“type”: “VerticalLayout”,
“elements”: [
{
“type”: “Control”,
“scope”: “#/properties/customerInfo/properties/customers”
},
{
“type”: “Control”,
“label”: “Get”,
“scope”: “#/properties/customerInfo/properties/buttonProperty”,
“options”: {
“action”: “get”,
“path”: “…/assets/customer/output/data.json”,
“schemaLabel”: “customerInfo”,
“button”: true
}
}
]
}

and this is schema
{
“type”: “object”,
“properties”: {
“customers”: {
“type”: “array”,
“items”: {
“type”: “object”,
“properties”: {
“id”: {
“type”: “string”
},
“name”: {
“type”: “string”
},
“email”: {
“type”: “string”,
“format”: “email”
},
“contact”: {
“type”: “integer”
},
“city”: {
“type”: “string”
}
},
“required”: [
“id”,
“name”
]
}
}
}
}
what can i do to show my custom button at the end of each record ?

2

Hi @abdulahad7591,

Your posted schema and UI Schema don’t fit together, so I assume you only posted a schema excerpt?

How to implement the button rendering depends a bit on the use case you have. You could either:

  • implement a custom array renderer, rendering an additional button for each entry, or
  • customize the object renderer for customer and render the button there, or
  • specify an own UI Schema type, e.g. Button, implement a renderer for the button and then add an entry of type Button to the detail UI Schema of the customer.