Answered

Allignment issues with container and data table

(0) Share

Report

Posted on by anipeddi

Hello All, I am trying to implement sorting functionality on a data table, The table is in a horizantal container and the sort icons are out side of the container, positioned on top of the table header(unable to place the icons in desired place if we keep it in inside of the container), The sort function works fine but the icons are misalligned if i zoom in/out my browser, i think the root cause of the issue is the icons are placed out side of the container, I wonder if anyone faced this issue and have a resolution or work around

Categories:

Building Power Apps

I have the same question (0)

All responses (5)

Answers (1)

Sort by

Verified answer

madlad 2,637 Moderator on at

Like
a
(1)

Report
Copy link

Link copied!
Hi!

Trying to navigate placing these on the same height as items within multiple containers can be tricky. The best way to do it is to reference the item you want it to be in front of, and it's parents.

You should be able to get it on the right height with something like:

MainContainer.Y + TicketsContainer_2.Y + DataTable3.Y

^Not 100% sure this is the most efficient way to get this, but it should work.

If it's off on the X-axis, follow a similar rule there, just referencing the item you want it to be in front of, and it's parents.

Hope this helps!

Was this reply helpful? Yes No
anipeddi 36 on at

Like
a
(0)

Report
Copy link

Link copied!

Awesome! this perfectly worked for me, I really appreciate your help.

Was this reply helpful? Yes No
anipeddi 36 on at

Like
a
(0)

Report
Copy link

Link copied!

Just noticed that the solution worked and the icons alligned properly when zoom in/out the browser but if we do the horizantal scroll, the allignment breaks, Do you think i have to mantain the relative potion of X as well to fix this?

Was this reply helpful? Yes No
anipeddi 36 on at

Like
a
(0)

Report
Copy link

Link copied!

Here are the X values i am using: Some reasons the icons are moving along with horizantal scroll bar, Am i missing anything?
MainContainer.X+TicketsContainer_2.X+DataTable3.X
MainContainer.X+TicketsContainer_2.X+DataTable3.X+400

MainContainer.X+TicketsContainer_2.X+DataTable3.X+1134

Was this reply helpful? Yes No
madlad 2,637 Moderator on at

Like
a
(0)

Report
Copy link

Link copied!

@anipeddi

Unfortunately I don't think you can reference horizontal scroll like this.

You can reference the table column's X values, but those don't change when it's scrolled unfortunately.

Maybe someone else knows a way to achieve this result, but I'm fairly sure it's not possible with the existing tools unfortunately

Was this reply helpful? Yes No