Image on Radio button

[Former Member]

Hi Experts,

Hi have a requirement to display Image on Radio Button in WDA.

I have 4 Radio button and 4 images I want to display these images against Radio button.

Please guide me.

-Regards

Rohit

[Gowtham]

Hi Rohit,

You can't bind image with radio button instead you can create one more image UI element next to radio button.

- Gowtham

[ChrisSolomon]

Huh? Are you saying you want the image NEXT to the radio button option or AS the radio button? I would advise against the later as you will be breaking the user's experience (ie. "I know what a radio button is, but what is this thing?!?!?"). You could just have a series of actual buttons with the image on the button and then control them such that they behave as radio buttons (only one "ON" at a time). That would be more in line with what users are familiar with (for example, a button in non-active stay has a "gray" image/icon on it but once clicked "ON" the image changes to a "color" version of the image/icon)

Just my $0.02.

[Former Member]

Hi,

I want Image next to Radio Button.

-Regards

Rohit

[ramakrishnappa]

Hi Rohit,

There is no provision to bind image to radio button element. So you cannot have an image in radio button.

Try for some work around like, placing radio button and an image ui element for each line in a separate transparent container.

Example:

          TC_Radio1

               Radio1

               image1

          TC_Radio2

               Radio2

               image2

Now, you can bind the image source to image ui elements. ( note if user clicks on images, there will be no radio button selection event triggered )

Regards,

Rama