web

You’re offline. This is a read only version of the page.

News and Announcements icon

Power Platform CommunityForums Power Apps How to align 3 icons c...

Power Apps

Answered

How to align 3 icons center in its container with code

(0) Share

Report

Report

Posted on by CU16021406-1

1,066

Dear community,

I have a Gallery with on the gallery template a container.

I like to align the 3 icons in its container in the center of the container.

On the left is what i got and on the right is how i would like it to be.

How can this be done?

Gr. P

Categories:

Building Power Apps

I have the same question (0)

All responses Img

All responses (1)

Answers Img

Answers (1)

Verified answer

JoshuaC on at

Like
a
(0)

Report
Copy link

Link copied!
Change the X property for the icons to this.

Left Icon:

(Parent.TemplateWidth/2) - (Self.Width * 1.5)

Center Icon:

(Parent.TemplateWidth/2) - (Self.Width/2)

Right Icon:

(Parent.TemplateWidth/2) + (Self.Width * .5)

If you want to add additional spaces between them, you can just add a (- 10) to the end of the left Icon and (+ 10) to the end of the Right icon will put an additional 10 space between them. If you are trying to do it within a specific container then use Parent.Width instead of Parent.TemplateWidth.

Was this reply helpful? Yes No

Join the conversation