cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
LongRiders971
Frequent Visitor

Button layout to look like a flow chart on a screen

Hello all, 

 

I have three buttons on a screen, one button is on the top, one is below and to the left, and the other button is below the top one and to the right.  I want an arrow coming from the two bottom buttons that point to the button on top, similar to a flow chart/diagram.  I have messed with this off and on for a little while as I work on other pieces of the project but I cannot seem to figure it out.  Obviously, this is not the only data on my screen but this is the one piece that I cannot figure out.  I created a really quick image in paint of what I am trying to accomplish and I have attached this to the post.  Can anyone shed some light on how I can accomplish this?  Essentially, there is a main Committee and two sub-committees and the requestor wants me to have them connected with arrows to show that the sub-committees roll up to the main committee.

1 ACCEPTED SOLUTION

Accepted Solutions

The exact arrow are not in the Insert Icons in Powerapps. The work around is to use the image you have already done or look for similar images and arrange them as you have done.

Then Insert 3 buttons, one each to cover the 3 Images. 

Finally, to make the button invisible, Go to the Fill property and change it to: 

         RGBA(0, 0, 0, 0)
You can change the Hover and other colors to:  RGBA(0, 0, 0, 0)
 
The 3 BUTTONS will help you to navigate using its OnSelect 
------------

If you like this post, give a Thumbs up. Where it solved your request, Mark it as a Solution to enable other users find it.

View solution in original post

4 REPLIES 4
LongRiders971
Frequent Visitor

Attachment wouldn't open so I am reposting as a jpeg.

The exact arrow are not in the Insert Icons in Powerapps. The work around is to use the image you have already done or look for similar images and arrange them as you have done.

Then Insert 3 buttons, one each to cover the 3 Images. 

Finally, to make the button invisible, Go to the Fill property and change it to: 

         RGBA(0, 0, 0, 0)
You can change the Hover and other colors to:  RGBA(0, 0, 0, 0)
 
The 3 BUTTONS will help you to navigate using its OnSelect 
------------

If you like this post, give a Thumbs up. Where it solved your request, Mark it as a Solution to enable other users find it.

View solution in original post

GarethPrisk
Resident Rockstar
Resident Rockstar

This is a bit of a layman's approach, and uses excessive controls, but you can accomplish it with shapes and icons.

PowerUser - Arrow with Shapes.png

If you then grouped then, or created is a Component, it could be re-used with minimal 'noise' in your App/

 

 

Understood and this what I was afraid of... It's unfortunate that PowerApps doesn't have a more user-friendly drawing tool like the most basic application ever (paint).  I didn't want to do this as I am creating the first draft and if they change anything, for instance the background color, I would need to redo image.

 

I appreciate the response none the less.

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,136)