Unanswered

blank space at the end of scrollable container while changing resolutions

(0) Share

Report

Posted on by meghanaraj

Hello,

I would like to know if anyone has any idea for below issue. please help out.

I am using gallery with two static containers at each side and a scrollable container in the middle. I am using a slider for scrolling the container to the end to view the columns.
The issue is after scrolling to the end if I am changing the screen resolution from 100% to any other resolution, eventually it gives blank space as there are no more columns to show.
but what I want is when I change the resolution, I want the columns to occupy the blank space (without changing the width of columns labels) till there is no columns to display and also the max value of slider has to change accordingly.

below I have attached my app and also the reference for the scroll how to work.
if the approach is possible. please give me solution.

This is the i am working

the reference:

ScreenRecording2024-06-20144220-ezgif.com-video-to-gif-converter.gif

Thank you.

Categories:

Building Power Apps

I have the same question (0)

All responses (7)

Answers (0)

Sort by

Daniel Bocklandt 5,151 Super User 2026 Season 1 on at

Like (0)

Report
Copy link

Link copied!

Hey @meghanaraj, can you tell us whats the max value for your Slider and also the width of your container. Please also let me know the number of columns you have in your table and the width you would like your columns to have.

Was this reply helpful? Yes No
meghanaraj 8 on at

Like (0)

Report
Copy link

Link copied!

Hello @DBO_DV ,

I have given the max value for slider is (label11.x-container12_1. width).
container12_1 width is labels. Width*2
the width of the container2 is given as (maincontainer-container12_1 i.e. parent. width-container12_1. width)
I have 2 columns in container12_1
I have 11 columns in the middle-container(container9). each column has width of 120
container17 has the icons, its width is 200.

Was this reply helpful? Yes No
Daniel Bocklandt 5,151 Super User 2026 Season 1 on at

Like (0)

Report
Copy link

Link copied!
I'm not sure to understand completely what you did, but basically Gallery1_2 should have the entire width right? Could you try out this:

(NumberOfColumns-((Gallery1_2.Width-Conatiner17.Width-Container12_1.Width)/Labels.Width))*Labels.width

So what this calculation does is the following:
First of all it calculates how much space the container has and tries to convert it into number of columns this space is able to show.
Then it takes the number of Columns you want to display and reduces it by the number already visible. Know you know how many columns are "hidden" so how many columns you have to move to the side.

by multiplying it with the width of the labels you now have a slider that has a max value of the exact amount of pixels you want to move.

you can also remove the multiplication than you have a slider with number of columns to move and multiply with the column width inside the container.

could you try this and let me know how it worked out?

Was this reply helpful? Yes No
meghanaraj 8 on at

Like (0)

Report
Copy link

Link copied!
I am sorry, my mistake. yes, the gallery has the entire width.

If I am using this:

(NumberOfColumns-((Gallery1_2.Width-Conatiner17.Width-Container12_1.Width)/Labels.Width))*Labels.width
when I am changing resolutions, it directly goes to the min value and also when I further decrease the resolution, I am getting a space before the columns as show below;
the property i set for aligncontainer is AlignInContainer.Start

Was this reply helpful? Yes No
Daniel Bocklandt 5,151 Super User 2026 Season 1 on at

Like (0)

Report
Copy link

Link copied!

It looks to me like the containers are alining perfectly fine. I would need to know the Position of your first label. seems like it is starting too far back now maybe it is to wide and has a giant padding. could you check that please ?

Was this reply helpful? Yes No
Daniel Bocklandt 5,151 Super User 2026 Season 1 on at

Like (0)

Report
Copy link

Link copied!

You could also just set the min of the slider to the value where it Looks good. You can save the value of the slicer to a variable and set the variable to default. I think changing resolution resets your slider. With the variable the default will always be the value you selected last.

Was this reply helpful? Yes No
meghanaraj 8 on at

Like (0)

Report
Copy link

Link copied!

"X" position of first label is 0-slider.value.
padding for the labels were given 5(left,right,top,bottom).
in case if I am not setting any variable and make the default value of slider 0. it gives space at start of scrollable container and slider resets to 0. else,
if am setting the variable for the slider. it's how it is working. it keeps on moving back and forth.

Was this reply helpful? Yes No