How to get 4 pictures together in the center of a container !

(0) Share

Report

Posted on by PeKi1972

Dear community,

I have a normal container with 4 images on it. When i use a horizontal container then it would be easy.

But i must use a normal container so i have to get the 4 images in the center by code. i hope someone can help me.

This is what i have so far:

and this is what i would like:

Gr. P

Categories:

Building Power Apps

I have the same question (0)

All responses (5)

Answers (1)

Sort by

WarrenBelz 156,432 Most Valuable Professional on at

Like
a
(0)

Report
Copy link

Link copied!
Hi @PeKi1972 ,

I will number them 1 - 4
Images 1 X

Image2.X - Self.Width

Images 2 X

Parent.Width/2 - Self.Width

Images 3 X

Parent.Height/2

Image 4 X X Value

Image3.X + Image3.Width

Y value of all

Parent.Height/2 - Self.Height/2

Please click Accept as solution if my post helped you solve your issue. This will help others find it more readily. It also closes the item. If the content was useful in other ways, please consider giving it Thumbs Up.

MVP (Business Applications) Visit my blog Practical Power Apps

Was this reply helpful? Yes No
PeKi1972 27 on at

Like
a
(1)

Report
Copy link

Link copied!

Almost 😁

Was this reply helpful? Yes No
Verified answer

TheRobRush 11,128 Moderator on at

Like
a
(0)

Report
Copy link

Link copied!
If you want them on a single line as in the example,

first Icons X value

With({trueWidth:Self.Width+Icon2.Width+Icon3.Width+Icon4.Width}, Parent.Width/2-trueWidth/2)

second icons x value

Icon1.X+Icon1.Width

thirds

Icon2.X+Icon2.Width

fourths

Icon3.X+Icon3.Width

and set icon 1s y as you want it and all other icons ys to icon1.y

Was this reply helpful? Yes No
WarrenBelz 156,432 Most Valuable Professional on at

Like
a
(1)

Report
Copy link

Link copied!

@PeKi1972

please see amended code I posted soon after

Was this reply helpful? Yes No
TheRobRush 11,128 Moderator on at

Like
a
(0)

Report
Copy link

Link copied!

Since it's in a container use parent.width* amended in previous answer

Was this reply helpful? Yes No