13
Views
4
Comments
Solved
Gallery Widget Inconsistent Display
Application Type
Mobile, Reactive

Seems Gallery Widget has some inconsistencies when first time loading display.

Example Scenario:

 1 - RowItemsPhone property - When I set to 2 and first time loads the content, it displays like below.

 2 - After I select a different date that acts as filter for timeslot list, 

3 - When I reselect the option that will give me 2 records, it displays how it should be.


Any idea on why it is behaving during initial load? Also why it started on the 2nd column display in #1 when it should always start on the 1st column?


Below is how I used the gallery. I just have a condition for setting the row items. Even if I only set fixed value, this issue still happen.

Solution

@Lawrence Arielle Batuhan
It is a bug, to resolve this problem, you need to add an attribute like below:

disable-virtualization = true


thanks, I also discovered this, just forgotten about this post.

Thank for marking solution, have a great day :)

Just an add-on. When I use inspect element to check, there is a script tag that is appearing there, but when I change selection and use inspect element again, it disappears. This is what's causing the inconsistency on the display. Any idea why is this appearing? I did not put any script code.

Solution

@Lawrence Arielle Batuhan
It is a bug, to resolve this problem, you need to add an attribute like below:

disable-virtualization = true


thanks, I also discovered this, just forgotten about this post.

Thank for marking solution, have a great day :)

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.