List item's not displaying right within an Adaptive Gallery

Hi Guys,

Does anyone have an idea as to why the first list item is populating to the right-hand side?

Thanks in advance,



Can you try Adaptive column pattern inside Gallery pattern.

I only need one Column as the list group populates it.

Can you share me the oml if possible

No I am unable to sorry

Ben O'Connor wrote:

No I am unable to sorry

 Hi Ben,

You can use adaptive align Center column structure for single column.

Hope this helps 




Hi AD,

Thanks for the reply still hasn't solved the issue!

Best Regards,


Hi Ben,

You could up the odds of us being able to help dramatically if you would show more about what it is you are doing.  With just a screenprint of the result in a browser, we're all just guessing.

I get that you can't share your customers/employers oml, but there's other things you can do :

  • make a similar design in your personal environment to reproduce the problem, and share that
  • take some strategic screenprints, obfuscating anything sensitive, we'd be interested in your widget tree, the properties of your gallery, your aggregate retrieving the data for it, any custom css... that kind of stuff


Hi Dorine, 

This is the way in which I have set up the list group within the widget tree, to be able to fill the screen I have set the Item in phone to two. The main issue is that the first list item populates on the right-hand side if there is any other info I could look for let me know,

Best regards,



all of that looks fine so far.

Can you show what is inside your list in the widget tree ?  

And the list widget properties, to see the binding of the aggregate result.

Also can you show the aggregate details of how you retrieve data.

And any CSS in your module or screen that could explain.

When you look at it with table or pc size, does it look all right then ?

How many items are in your list ?  What happens if you limit items returned from aggregate to an odd and/or an even number.

Hi Doreen, There is the list item within the gallery and the retrieving of data- I have no CSS within this screen. Yes it does even within service studio as shown in one of my previous it sticks to the correct side. I have changed around the aggregate and still no chnage.  



still not seeing anything wrong,

if I make a demo with similar gallery, it starts with first item to the left.

How about if you limit the records returned to only 7 (set MaxRecords of the aggregate).  What do you see when in tablet or pc size, is it aligned correctly then, and only wrong in phone size ??  Or is it always wrong ?

it should be

4-3 in pc width

3-3-1 in tablet width

2-2-2-1 in phone width

Oh, btw.  Your filter in the aggregate is something weird.  Your not filtering anything as you are comparing an attribute to itself, so might as well leave it out.

I have solved it now with the Max Records- thank you for the help!

Ben O'Connor wrote:

I have solved it now with the Max Records- thank you for the help!

 Ok, that's great,

can you explain how, so future visitors can benefit from your insights.  Did your solve the problem or just avoided it by setting MaxRecords to an even number ?


Dorine hi,

Would you take a look at this? it is very similar to Ben's issue. i have gallery filled dynamically like this:

the # of items in the gallery is set like this according to the list i fetch:

the list-grp looks like:

the item list look like this:

and someway somehow the gallery has 8 items of which the first is empty:

this behavior is due to the list i use, i have a fixed gallery with 7 items that displays perfectly well (no empty first cell):

when making it dynamic, the empty first cell appears.

thanks ahead,


Same problem here! Setting the Max Records property does not fix the issue.

My problem seems to be the same as that of Ben. However, setting the Max. Records property does not solve the issue.

Hi Bix,

can you share an oml.  I'm trying with reactive and can't replicate the problem.


Hi Dorine,

When I replicate the situation, the problem does not persist, so I can't share an oml. example with you, unfortunately.


so I can't replicate either, that means there must be a difference between your module that has the problem and your module where you attempt to replicate it but can't.  Time to compare side by side.  And don't forget to also have a look at your css.  maybe compare if you try to replicate with same theme/css versus in module with only a fresh base theme.


I'll look into it. Thanks for your reply! 

Similar issue, in CSS there is a script tag with display flex is getting implemented and taking the first column space, if I just remove that display tag, the list starts with first column. please let me know I can share more details on this as well. @Dorine Boudry 

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