cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
charlie75
Helper I
Helper I

Make clickable pictures look just like real navigation buttons

Hello,

 

I inserted in my App screens the picture of a little house and made it clickable to navigate back to the home menu.

 

This works fine, however when the clicker comes over the picture it does not turn into a little hand, just as it does for real buttons, so my picture does not really seem clickable.

 

It there a way to make this "little hand" appear over clickable pictures?

 

Charlie

1 ACCEPTED SOLUTION

Accepted Solutions
JRaasumaa
Memorable Member
Memorable Member


@charlie75 wrote:

Hello,

 

I inserted in my App screens the picture of a little house and made it clickable to navigate back to the home menu.

 

This works fine, however when the clicker comes over the picture it does not turn into a little hand, just as it does for real buttons, so my picture does not really seem clickable.

 

It there a way to make this "little hand" appear over clickable pictures?

 

Charlie


 

We actually did a workaround for the lack of the little hand by having the border of the image change to a Red border that's "2" thick when the user hovers over it. This makes it "pop" a little more letting them know it's a button to click and not just a static image.

 

 Some more info:

 

Image properties:

BorderColor: RGBA(0, 0, 0, 0)

BorderThickness: 2

HoverBorderColor: Red

 

hover.png

View solution in original post

5 REPLIES 5
JRaasumaa
Memorable Member
Memorable Member


@charlie75 wrote:

Hello,

 

I inserted in my App screens the picture of a little house and made it clickable to navigate back to the home menu.

 

This works fine, however when the clicker comes over the picture it does not turn into a little hand, just as it does for real buttons, so my picture does not really seem clickable.

 

It there a way to make this "little hand" appear over clickable pictures?

 

Charlie


 

We actually did a workaround for the lack of the little hand by having the border of the image change to a Red border that's "2" thick when the user hovers over it. This makes it "pop" a little more letting them know it's a button to click and not just a static image.

 

 Some more info:

 

Image properties:

BorderColor: RGBA(0, 0, 0, 0)

BorderThickness: 2

HoverBorderColor: Red

 

hover.png

View solution in original post

Thanks for you reply!


@charlie75 wrote:

Thanks for you reply!


 

You're welcome!

 

There is also a post here: https://powerusers.microsoft.com/t5/PowerApps-Ideas/Changing-mouse-to-hand-icon-when-hovering-over-o... 

 

That you can vote on to help push adding this feature forward.

ctyst
Advocate II
Advocate II

I know this is an old post, but I found a better solution. Place the picture where you want the button, then create a button the same size and place on top of it. Remove the text and set all fills to blank with RGBA(0,0,0,0). Assign your actions to the blank button. It doesn't work to put the picture on top of the button. The button must be on top to get the hand on mouse-over.

Digital
Continued Contributor
Continued Contributor

I was going to suggest the same thing, but setting to full transparenc. This is a more suitable solution than the accepted solution in my opinion, but only the OP can decide that.

Helpful resources

Announcements
PA_User Group Leader_768x460.jpg

Manage your user group events

Check out the News & Announcements to learn more.

Power Query PA Forum 768x460.png

Check it out!

Did you know that you can visit the Power Query Forum in Power BI and now Power Apps

Carousel 2021 Release Wave 2 Plan 768x460.jpg

2021 Release Wave 2 Plan

Power Platform release plan for the 2021 release wave 2 describes all new features releasing from October 2021 through March 2022.

PowerPlatform 768x460.png

Microsoft Learn

Check out our new Discover Your Career Path blog post series and get all the details.

Users online (1,400)