55
Views
3
Comments
Solved
Distribution of items within the container

Hey guys. 

I would like to ask for your help with a problem that I'm sure must have a simple solution, but that I haven't found yet. 

I have an Adaptive\Columns inside a PopUp, in the right column I have a list and in the left column I have a CardBackground. In this card background I have a larger container with a height of 350px and two containers each 50% of the width of the larger container. 

However, in the Web view the smaller cainers are aligned to the left of the larger container, in the studio both containers are in the correct position. 

I'm going to share some images and the link in case anyone wants to access it and see what might be going on. 

Note: to open the container, simply click on the images in the first column of the table. 

Note2: I've already tried using Adaptive\Columns to separate the 2 smaller containers, but the alignment is still wrong. 




Link to access: https://personal-sazpoglu.outsystemscloud.com/ImobiADM/Home?_ts=638448923259783893


Thank you all!

2024-02-27 12-57-22
Sam Rijkers
Solution

The display styles are part of the OS UI Theme. I would keep those as is to prevent other unexpected behavior on usages of the widget elsewhere.

The issue is that the container placed in the card-content is not taking up the full width. This can easily be achieved by adding a class 'full-width' to the container in the card-content. See:

2023-01-26 16-03-24
Ana Agostinho

Hello Luiz, 

You currently have: 
If you take off the two displays, you get: 

Is that what you want? 

Best regards, 

Ana

2024-02-27 12-57-22
Sam Rijkers
Solution

The display styles are part of the OS UI Theme. I would keep those as is to prevent other unexpected behavior on usages of the widget elsewhere.

The issue is that the container placed in the card-content is not taking up the full width. This can easily be achieved by adding a class 'full-width' to the container in the card-content. See:

2023-10-12 01-08-03
Luiz Lima

Thanks my bro.

The problem was solved .

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