How can I customise the label content of the ExpandPanelRenderer component? I have an additional property Id which I’d also like to display in this area. I’ve tried altering the childLabelProp inside the MaterialArrayLayout component but any value I pass that isn’t appliedUiSchemaOptions.elementLabelProp just renders no text…
Hi @simonmellows,
I don’t fully understand what the problem is.
Do you mean you want to show the Id additionally or are you trying to set the Id as the property to show for the renderer?
Can you provide the example schema and uischema you are using. If you are using a custom renderer, what exactly did you try? Can you post the full code?
I wanted to display more than one bit of data within that label - I have found a workaround by customising the MaterialArrayLayout component to allow for this.
However, I am having another issue. In the image below, why does the removeItems prop trigger when items are added to the array as well as removed. And how do I access the last item that was removed? I can’t seem to find a way of overwriting the removeItems() function as I want to perform a load of custom functionality when an item is removed. For example, I read somewhere that the delete dialog is not available for the MaterialArrayLayout so I wanted to add a dialog to prompt the user when pressing delete. Any guidance would be greatly appreciated.
Hi @simonmellows,
This console.log is executed whenever the component rendering the MaterialArrayLayout is rerendered. The result of console.log is undefined and that is then handed over to the MaterialArrayLayout, i.e. removeItems is set to undefined.
Thank you for the response, Stefan.
Okay so what would be the best way for me to intercept the removeItems function so that I can add a custom dialog and access the last array item that the user requested to remove?