Non Rectangular buttons

(0) Share

Report

Posted on by Ian_C

163

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:

Building Power Apps

I have the same question (0)

All responses (6)

Answers (1)

realwillwright 772 Moderator on at

Like (1)

Report

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

Was this reply helpful? Yes No
MD-15101537-0 7 on at

Like (0)

Report

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.

Was this reply helpful? Yes No
Suggested answer

mmbr1606 14,605 Super User 2025 Season 2 on at

Like (0)

Report

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

Was this reply helpful? Yes No
Verified answer

Ian_C 163 on at

Like (0)

Report

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

Was this reply helpful? Yes No
MarkRahn 1,231 Super User 2025 Season 2 on at

Like (0)

Report
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

Was this reply helpful? Yes No
mmbr1606 14,605 Super User 2025 Season 2 on at

Like (0)

Report

Sorry wasnt aware of how the Symbol Looks Like, i just saw Diamond lol

Was this reply helpful? Yes No