How to highlight when we click on button/label/image

User Experience
, , , , ,
1

Hello,

we have a scenario in section A,B,C images with label A,b,c , when we click on A it should be highlighted. B and C should not be highlighted.

Could any one help on this.

Thanks in advance.

icons.png
icons.png178×474 10 KB

2

@sumanthkumarc

Image

A Label A(within a dynamic layout->Refer container format by property-> Cont1)

B Label B(within a dynamic layout->Refer container format by property->Cont2)

C Label C(within a dynamic layout->Refer container format by property->Cont3)

So for each dynamic layout you will be referencing container format by property.

Create 2 container formats in skin rule-> 1 highlighted colour(HighlightedCont), 1 mormal(NormalCont) (These colour should be configured for background colour in container format)

Now action set on each of image-> Refresh-this-section-> Use Data transform, if image A is selected, set Cont1=HighlightedCont,

if B,set Cont2=HighlightedCont.

In the Data transform, set the below 3 steps to set normal by default

Cont1-> NormalCont

Cont2-> NormalCont

Cont3-> NormalCont

Add parameter to this DT, selectedimage,

when selectedimage,==A, , set Cont1-> HighlightedCont…

when selectedimage,==B , set Cont2-> HighlightedCont.

when selectedimage,==C, , set Cont3-> HighlightedCont…

3

@Anoop Krishna If this solution has helped you, please accept this as solution