How to make list navigation left side?

Back to Forums

Boybabyrage

Solved

Question

Training

OutSystems 11

Hi guys,

I am using OS 11, and I have been wondering if I can change the position of the default list navigation. By default, it is on the right side like this screenshot below:

Any ideas on how to make it switch to the left side?

25 Nov 2018

José Costa

Solution

Hi Boybabyrage,

You can get that by:

enclosing the Navigation widget in 2 (two) containers
remove the width property from the inner most container.

This works because, by default, the outer most container has its contents left aligned and when you remove the width from the other container you are saying that it will occupy only what in needs in terms of width. And thus it will align to the left along with the Navigation widget.

From you screenshot I think you already have one container, so you just need to add the inner one, and check that the other is left aligned.

Cheers,

José

25 Nov 2018

1 reply

26 Nov 2018

Show thread

Hide thread

Boybabyrage

José Costa wrote:

Hi Boybabyrage,

You can get that by:

enclosing the Navigation widget in 2 (two) containers
remove the width property from the inner most container.

From you screenshot I think you already have one container, so you just need to add the inner one, and check that the other is left aligned.

Cheers,

José

Your method works like a charm. Thank you so much :)

26 Nov 2018

Thiago Da Rocha

Thanks guys I was looking for the same too! Thanks for the explanation @Jose Costa

26 Nov 2018

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

See the full guidelines