Non Rectangular buttons

(0) Share

Report

Posted on by Ian_C

150

Hi,

I am creating a flow chart using a PowerApp with buttons and arrows as the flow chart shapes, so that when a user clicks on a button a pop up appears with more information. Does anyone know how to create the decision diamond shape?
I have had to import it as an image however this doesn't quite look the same as the other buttons.

Also I tried importing from Visio but couldn't get the popup desired functionality to work on individual buttons

Thanks

Categories:

General Questions

All responses (6)

Answers (1)

mmbr1606 11,991 Super User 2025 Season 1 on at

Like (0)

Report

Non Rectangular buttons

Sorry wasnt aware of how the Symbol Looks Like, i just saw Diamond lol
MarkRahn 973 Super User 2025 Season 1 on at

Like (0)

Report
Non Rectangular buttons

Hi Ian,

If you are going to mark your own answer to your own question as the solution, please provide the code so that others may benefit.

For example, I was looking at your question and I was just about to post:

- Screen2: Control: Screen Children: - btnDiamondOverlay: Control: Classic/Button Properties: Color: =RGBA(30, 30, 30, 1) Fill: =RGBA(56, 96, 178, 0) Height: =100 HoverColor: =RGBA(0, 0, 0, 1) HoverFill: =ColorFade(RGBA(56, 96, 178, 0), -20%) Width: =100 X: =256 Y: =76 - imgDiamond: Control: Image Properties: Image: ="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><polygon points='50,0 100,50 50,100 0,50' style='fill:none;stroke:black;stroke-width:2' /></svg>" X: =256 Y: =76

This uses svg to create a diamond and has a transparent button over it that the user can click on.

-Mark
Verified answer

Ian_C 150 on at

Like (0)

Report

Non Rectangular buttons

Thanks, @mmbr1606 however that is not the standard visio flowchart symbol.

I have gone with a .svg and overlayed the different text required on it.

It'll do but not quite as sharp as the OOTB buttons
Suggested answer

mmbr1606 11,991 Super User 2025 Season 1 on at

Like (0)

Report

Non Rectangular buttons

hey

you could also choose the diamond icon and put whatever code u want into the onselect of that icon:

if it helped please mark as verified answer.

cheers
MD-15101537-0 7 on at

Like (0)

Report

Non Rectangular buttons

You could get half way by using the diamond graphic for the background and then overlay a button with a transparent background and the required text. The text then matches your other rectangular buttons.
realwillwright 772 Super User 2025 Season 1 on at

Like (1)

Report

Non Rectangular buttons

Hi

Could you try using SVGs you can create the shapes within there. it would still have to be in the image control, but might look a bit better