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
Responsive Resident
Responsive Resident

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

Welcome to the User Group Public Preview

Check out new user group experience and if you are a leader please create your group

MBAS Attendee Badge

Claim Your Badge & Digital Swag!

Check out how to claim yours today!

secondImage

Demo Extravaganza is Back!

We are excited to announce that Demo Extravaganza for 2021 has started!

MBAS on Demand

Microsoft Business Applications Summit sessions

On-demand access to all the great content presented by the product teams and community members! #MSBizAppsSummit #CommunityRocks

Top Solution Authors
Top Kudoed Authors
Users online (76,029)