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
New Badges

New Solution Badges!

Check out our new profile badges recognizing authored solutions!

New Power Super Users

Congratulations!

We are excited to announce the Power Apps Super Users!

Power Apps Community Call

Power Apps Community Call: February

Did you miss the call? Check out the Power Apps Community Call here.

Microsoft Ignite

Microsoft Ignite

Join digitally, March 2–4, 2021 to explore new tech that's ready to implement. Experience the keynote in mixed reality through AltspaceVR!

Top Solution Authors
Top Kudoed Authors
Users online (102,532)