351
Views
13
Comments
Solved
Gallery first position empty
Question

Hi Forum, 

I have a strange behavior on my mobile Galleries. 

In every gallery it always keeps the first position free and starts with the second one


I defined to have 2 ItemsInPhone.

Is anyone aware of this? 

Best 

Tobias

Solution

Hi BigSlikTobi,

Add/Set the disable-virtualization = True attribute in the List widget, Extended Attributes section as shown below, it will solve your problem (do the same in the Reactive Web Application as well).

Because of the absence of this particular attribute declaration, I observed that an additional JavaScript code got appended to the list items, adding a custom CSS as shown below and when I unchecked the display:flex; statement, it resolved the issue :) 

PFA - includes the .oml solution file with code changes


Hope this helps you!


Regards,

Benjith Sam

Example.oml

Hello Tobias.

Check the margins of the elements. Usually, they have left=Auto and the first element goes with 0 while others have some space before. If the elements are 50% + margin, it skips one.

2020-03-23 19-26-24
Sydney Lai

Hey Tobias! Can you provide an additional sample? Are you on the latest UI version? You can also share your folder structure, especially the widget tree and Interface tab folder structure

Hi guys, 

thanks! 


Just one more thing.

And inside the ListItem Content? Any margins on the element?

no nothing :( 

Hi Guys, 

does anyone have an idea? I have the same issue in a reactive app. Both Apps has nothing to do with eachother. It seems like I am doing someting totally wrong...


Best regards 

Tobias 

Hi Tobias,

I tried to replicate the same use case and it's working for me...

Check this: ImageGalleryTask

If possible, could you please share the .oml file or screen url (check the anonymous role for the particular screen) so that we can trace the issue.


PFA - includes the .oml file


Hope this helps!


Regards,

Benjith Sam

ImageGalleryDemoApp.oml

Hi Benjith,

just created a shor t example. It´ll not work but you can find the Gallery here: 

Thanks for your help so far!


Tobias 


Example.oml
Solution

Hi BigSlikTobi,

Add/Set the disable-virtualization = True attribute in the List widget, Extended Attributes section as shown below, it will solve your problem (do the same in the Reactive Web Application as well).

Because of the absence of this particular attribute declaration, I observed that an additional JavaScript code got appended to the list items, adding a custom CSS as shown below and when I unchecked the display:flex; statement, it resolved the issue :) 

PFA - includes the .oml solution file with code changes


Hope this helps you!


Regards,

Benjith Sam

Example.oml

Thanks Benjith! 

Great work!!!!

BigSlikTobi wrote:

Thanks Benjith! 

Great work!!!!

You're welcome, BigSlikTobi :)

Glad I could be of help!


Regards,

Benjith Sam

We were having a similar issue for reactive web and raised a case. Support analysed and confirmed it was an issue that they would have added to queue to resolve.  I'm chasing for the defect number once I have it will add to this post 

This dang problem is still not fixed till this day.
Thank @Benjith Sam  your solution works

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