Showing results for 
Search instead for 
Did you mean: 
Level: Powered On

how to link the RADIO button with the image

Hello guys, i have a problem to link the radio button with the image. Actually, i want to create a voting apps. You can refer to the picture below:



What am i going to create is a voting apps. As you can see at the (page 1) is a home page for the apps. When the user click (start vote) then the user will go to the second page which is the (nominees list for employee of the month). As u can see there is a PICTURE and also a RADIO BUTTON. You need to click the (RADIO BUTON) of any nominees that you choose then click (SUBMIT BUTTON) to submit the data. When the process is successfull then you will navigate to (PAGE 4). The JUSTIFICATION (page 3) will appear if you click at the picture. for example: you click on ALI picture(page 2) then you will navigate to (page 3) which is the JUSTIFICATION. 



  • I dont know how to link the RADIO BUTTON with the PICTURE(you can refer to page 2).

*For example: if you want to votes for ALI then you need to click on (ALI radio button) then click (SUBMIT BUTTON) to submit the data and then you will navigate to page 4 which means you have done the votes.


Here I want to know, how to link the picture with radio image and have value to save in excel database. Should I used form screen to do this ? or is there other ways that I can use ?


Thank you,




Super User
Super User

Re: how to link the RADIO button with the image

Hello gaba94,

I would suggest to have the images in a collection and display them on a gallery. 
That way you can use on Page 3, GalleryImages.Selected.Image in order to be clear which person the user voted.
If you like to have the radio experience for the user you can have one grey and one blue circle inside the gallery and make the blue circle visible when the user selects the person he wants to vote.
BlueCircle.Visible= ThisItem.IsSelected

If you want to continue as it is now, you can have an If statement:
If(!IsBlank(RadioALI.Selected.Value) , Display ALI image, !IsBlank(RadioALEx.Selected.Value), Display ALEX image ........

But I think you have different radios for every person. So you need to have only one radio selected.
This can be done by variable on the reset property of the radio that you set on the OnSelect property of the other radios but it is complicated without reason. 

I think it's better to use a gallery if possible. I know that I am not very clear but I don't know how you structure the data in your app. Let me know if I can help.

Helpful resources

Better Together’ Contest Finalists Announced!

'Better Together’ Contest Finalists Announced!

Congrats to the finalists of our ‘Better Together’-themed T-shirt design contest! Click for the top entries.


Power Apps Community User Group Member Badge

Fill out a quick form to claim your user group badge now!


Join THE global Microsoft Power Platform event series

Attend for two days of expert-led learning and innovation on topics like AI and Analytics, powered by Dynamic Communities

Power Platform 2019 release wave 2 plan

Power Platform 2019 release wave 2 plan

Features releasing from October 2019 through March 2020


Microsoft Business Applications Virtual Launch

Join us for the Microsoft Business Applications Virtual Launch Event on Thursday, April 2, 2020, at 8:00 AM PST.


Community Summit North America

Innovate, Collaborate, Grow - The top training and networking event across the globe for Microsoft Business Applications

Top Solution Authors
Top Kudoed Authors
Users online (4,288)