Skip to Content
0
May 28, 2018 at 12:26 PM

Dynamic Icon Image in Lumira designer

445 Views

HI All,

I am trying to implement a POC, where in i am trying to display UP Arrow (green in color), on click of the Green Upward arrow, it should switch to Down Arrow(Red color).

This should be done using CSS.

I tried with Below CSS But its not working-

.Up_Arrow {
background-color: white !important;
color:Green !important;
Icon-URI:sap-icon://arrow-top !important;
}
.Down_Arrow {
background-color: white !important;
color:Red !important;
background-image:sap-icon://arrow-bottom !important;
}

and on click on the icon i am trying to switch the CSS class. Unfortunately its not working.

We are using SAP LUMIRA 2.0 designer

Please share your ideas.

Thanks,

Swapna Sam