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

Highlighted

Thanks for you reply!

Highlighted


@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.

Highlighted
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.

Highlighted

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
Community Conference

Power Platform Community Conference

Check out the on demand sessions that are available now!

News & Announcements

Community Blog

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

secondImage

Power Platform 2020 release wave 2 plan

Features releasing from October 2020 through March 2021

Community Highlights

Community Highlights

Check out the Power Platform Community Highlights

Top Solution Authors
Top Kudoed Authors
Users online (10,354)