Gallery Rows with Gap After Rotation

Like (0) Share

Report

Posted on 9 Apr 2020 15:32:29 by Community Power Pla...

Hello Guys!

I have a problem here that I don't know how to solve, and if someone could help me, would be really appreciated!

THE PROBLEM: I want to exhibit the following gallery on my App:

where each row of the Gallery has a Black Rectangle covering the whole row.

So, when I run the App on a Mobile, the screen exhibits the Gallery as follows:

which is the expected, since I'm using the current screen configuration:

BUT, when I rotate the mobile's screen 90º, the following happens:

where a white gap appears between each Row.

QUESTION: What I want is to exhibit each row next to each other, without this Gap. Could anybody help me?

Thanks! And any help would be appreciated!

Categories:

Mobile App

pic2.jpg

pic4.jpg

pic1.jpg

All responses (10)

Answers (0)

Community Power Pla... on 11 May 2020 at 12:41:45

Like (0)

Report

Re: Gallery Rows with Gap After Rotation

Hello, Mr. Bathia!

Did you find any alternatives?

Thanks
Community Power Pla... on 16 Apr 2020 at 14:56:17

Like (0)

Report

Re: Gallery Rows with Gap After Rotation

I'll be waiting eagerly for your solution!

Thank you very much!
PowerAddict 7,314 Most Valuable Professional on 16 Apr 2020 at 14:50:13

Like (1)

Report

Re: Gallery Rows with Gap After Rotation

Awesome! Will check if something can be done to make it work without having to scroll.

If not, will definitely raise it as a bug. Thanks a lot for tagging me and introducing me to this awesome use case!

Thanks,
Hardit Bhatia
Community Power Pla... on 16 Apr 2020 at 13:02:25

Like (1)

Report

Re: Gallery Rows with Gap After Rotation

Yes! When there's more items in the gallery, it gets fixed after scrolling down.

Thanks for the help again!
PowerAddict 7,314 Most Valuable Professional on 16 Apr 2020 at 04:12:34

Like (1)

Report

Re: Gallery Rows with Gap After Rotation

So I tested this out. Although I was able to replicate your issue (which is good, gives me something to work with), after screen rotation, when I scrolled my gallery once, it seemed to work after that. I will try to see if I can get rid of the white space without scrolling but wanted to check with you if this was what you were seeing as well.

I am attaching a GIF that shows this behavior. Let me know if your gallery's behavior is consistent.

Sorry for the fast frame rate, I had to do that to reduce the file size.

---
If you like this reply, please give kudos (Thumbs Up). And if this solves your problem, please mark this reply as a solution by selecting Accept as Solution. This makes it easier for others to find answers to similar questions.

Thanks!

Hardit Bhatia

Blog | Twitter | LinkedIn | Facebook | YouTube | Email
PowerAddict 7,314 Most Valuable Professional on 16 Apr 2020 at 03:33:21

Like (0)

Report

Re: Gallery Rows with Gap After Rotation

Looking at one of your images, it seems the gallery height and width are set based on some function rather than explicit values, can you please let me know what those expressions are for the gallery's height and width?

---
If you like this reply, please give kudos (Thumbs Up). And if this solves your problem, please mark this reply as a solution by selecting Accept as Solution. This makes it easier for others to find answers to similar questions.

Thanks!

Hardit Bhatia

Blog | Twitter | LinkedIn | Facebook | YouTube | Email
PowerAddict 7,314 Most Valuable Professional on 16 Apr 2020 at 03:25:16

Like (1)

Report

Re: Gallery Rows with Gap After Rotation

I am trying to replicate this now. Will keep you updated.

---
If you like this reply, please give kudos (Thumbs Up). And if this solves your problem, please mark this reply as a solution by selecting Accept as Solution. This makes it easier for others to find answers to similar questions.

Thanks!

Hardit Bhatia

Blog | Twitter | LinkedIn | Facebook | YouTube | Email
Community Power Pla... on 15 Apr 2020 at 12:28:34

Like (0)

Report

Re: Gallery Rows with Gap After Rotation

Does anybody have more ideas? @PowerAddict could see if this is another issue that can be flaged?

Thanks!
Community Power Pla... on 09 Apr 2020 at 16:38:30

Like (0)

Report

Re: Gallery Rows with Gap After Rotation

Hello!

It is already zero:

Also, the black-retangle's Width and Height are respectively equal to the gallery's TemplateWidth and TemplateHeight.

Any more ideas?

Thanks!
eka24 20,921 on 09 Apr 2020 at 15:47:58

Like (1)

Report

Re: Gallery Rows with Gap After Rotation

Select the Gallery and Check if the Template Padding is set to zero 0.

If you like this post, give a Thumbs up. Where it solved your request, Mark it as a Solution to enable other users find it.