1485
Views
12
Comments
Solved
Align container elements to right
Question

How do I align the widgets in a container to the right position? I have tried dragging it multiple times but it's not working.
Attached is a screenshot of the container and elements I want to align.
PS: I'm new to Outsystems 


Screenshot 2019-03-20 at 11.48.15 AM.png
2021-07-19 14-21-08
Carlos Alfradique
Solution

Ilo Calistus wrote:

How do I align the widgets in a container to the right position? I have tried dragging it multiple times but it's not working.
Attached is a screenshot of the container and elements I want to align.
PS: I'm new to Outsystems 


Hi there Ilo

For this, you select your container,

Click on below icon (brush) and after choose your align 


Regards, 

Carlos Alfradique

2023-11-22 10-09-22
Hari Krishna

As "align" attribute is deprecated, form HTML4 and later versions, do we have an option to make sure the "align" attribute is not rendered in the HTML code?

UserImage.jpg
Ilo Calistus

That works, thanks

2021-07-19 14-21-08
Carlos Alfradique

Ilo Calistus wrote:

That works, thanks

Happy for i help you.

Have a nice day.

Regards.


2021-07-19 14-21-08
Carlos Alfradique

Ilo Calistus wrote:

That works, thanks

Hi Ilo.

Can you mark the response with solution, please?

Thanks.

UserImage.jpg
Ilo Calistus

How do I add some spacing/padding between elements in this container. I also want the "view all selected" button to be aligned to the right. Drag and drop doesn't work. When I aligned the button to right using the method you proposed, it moves the whole content.

2021-07-19 14-21-08
Carlos Alfradique

Ilo Calistus wrote:

How do I add some spacing/padding between elements in this container. I also want the "view all selected" button to be aligned to the right. Drag and drop doesn't work. When I aligned the button to right using the method you proposed, it moves the whole content.

For that you need change the margin for the component or encapsulate on others containers and change the align for each.

For this changes, use always the "brush"

UserImage.jpg
Jack Mason

Hi, when align a button to the right, all other elements inside the same container also move to the right. Anyone know how to just align a single element without effecting others in the same container? Thanks in advance

2024-06-19 07-19-32
JitendraYadav

Jack Mason wrote:

Hi, when align a button to the right, all other elements inside the same container also move to the right. Anyone know how to just align a single element without effecting others in the same container? Thanks in advance

Use a different container for the element to move the right side.


UserImage.jpg
Jack Mason

JitendraYadav wrote:

Jack Mason wrote:

Hi, when align a button to the right, all other elements inside the same container also move to the right. Anyone know how to just align a single element without effecting others in the same container? Thanks in advance

Use a different container for the element to move the right side.



Thanks, I was assuming there would be a better way than adding extra elements just for this. However, it works so Cheers!

2025-04-26 17-49-02
Carlos Victor
2024-06-19 07-19-32
JitendraYadav

No problem..Enjoy OS world!

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