How to Change the expand and collapse icon of matrixdynamic component in surveyjs?

[kalpadiptyaroy]

I am using the matrixdynamic component of Surveyjs and my requirement is to replace the expand (+) icon and collapse (-) icon for all rows to chevron arrow (>) for expand and chevron down arrow for collapse.

@JaneSjs - Can you please guide me on this and tell me what is the correct way to do this?

Thanks.

[JaneSjs]

Hi @kalpadiptyaroy,
Please follow the Swap Two Built-In Icons documentation example and use icon-chevronright-16x16 and icon-chevrondown-24x24 as expand and collapse action icons.

import { settings } from "survey-core";

settings.customIcons["icon-expanddetails-16x16"] = "icon-chevronright-16x16";
settings.customIcons["icon-collapsedetails-16x16"] = "icon-chevrondown-24x24";

View Demo

I hope this example helps. Should you have any further questions, please let us know.

[kalpadiptyaroy]

Thanks Jane. That's exactly what I am looking for.