cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
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
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
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.

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.

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
News & Announcements

Community Blog

Stay up tp date on the latest blogs and activities in the community News & Announcements.

Power Apps Community Call

Power Apps Community Call- January

Mark your calendars and join us for the next Power Apps Community Call on January 20th, 8a PST

PP Bootcamp Carousel

Global Power Platform Bootcamp

Dive into the Power Platform stack with hands-on sessions and labs, virtually delivered to you by experts and community leaders.

secondImage

Power Platform Community Conference On Demand

Watch Nick Doelman's session from the 2020 Power Platform Community Conference on demand!

Top Solution Authors
Top Kudoed Authors
Users online (6,338)