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

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!

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

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.

Thank you!

Mike

From “Dima Vak via Backendless Support” <support-forum@backendlessmail.com>
To “Michael Kadron” <mike@hyperpixels.net>
Date 11/9/2022 5:16:50 AM
Subject [Backendless Support] [UI Builder] I’m having a hard time trying to change the MUI Chip from Codeless

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