I'm having a hard time trying to change the MUI Chip from Codeless

UI Builder
1

Can somebody please provide some codeless logic examples for changing the bl-chip-front-icon’s icon?

I need to change the icon from: “arrow_circle_down” to “arrow_circle_up” but can’t figure out how to do this from Codeless from the Chip’s [On Click Event]

Thanks!

2

Hello @Michael_Kadron

For now, we couldn’t do it with codeless “natively”, but I created an internal ticket(BKNDLSS-30356) to implement this possibility.

Also, I could offer you a workaround

Create a Custom Code block

image
image553×739 35.7 KB

And paste this code into them

const icon = document.querySelector('.my-chip-class i')

if (icon.innerHTML === 'arrow_circle_up') {
  icon.innerHTML = 'arrow_circle_down'
} else {
  icon.innerHTML = 'arrow_circle_up'
}

Where my-chip-class it’s a class that you must add to your chip(add it without a dot, but in code, it must be)

Regards, Dima.

4

Hi @Michael_Kadron,

We’ve just updated cloud servers with a fix for the issue you described above.
Added two handlers: On Front Icon Assignment & On Delete Icon Assignment for Chip component

Regards,
Bohdan