Skip to main content
Solved

How to get rid of blank spaces while horizontal scrolling?


Anay_Mittal

So, basically I am making an OTT app design, where the elements are supposed to move horizontally, but after putting them in auto layout, setting their frame to same as that of og frame, and doing everything, im getting this weird blank spaces on both sides, tried padding aswell.

Please help, searched all over the net cant find the answer.

Figma – 8 Apr 24

Best answer by Vishal_Ramawat

Here’s the issue. You need to crop the image you are using as thumbnail (eg. G.O.T.)
Although it is masked, it is eating up/adding white space.
Just crop the images to thumbnail size and it will be fixed.

View original

7 replies

Vishal_Ramawat

Can you check why this frame #192 is oversized? This might be causing the issue.


Anay_Mittal

The issue still persists, it was unnecessary for me to keep them in auto layout tho, so got rid of the auto layout for “my list” text etc, but yeah, still the same issue


Anay_Mittal


in “only series expanded” frame, i made it so all text are first in auto layout then their below elements with them, still the same issue tho


Vishal_Ramawat

Here’s the issue. You need to crop the image you are using as thumbnail (eg. G.O.T.)
Although it is masked, it is eating up/adding white space.
Just crop the images to thumbnail size and it will be fixed.


Anay_Mittal

YO! It actually worked!
Thank you so much!


prashant_sethi

I am not using a rectangle with no image, but I am still getting 40px space at the start and end of the widget.


portfelio
  • New Participant
  • 5 replies
  • January 16, 2025

A solution is to ensure the objects you are trying to scroll within a scroll enabled frame all have clip content enabled. 


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings