392
Views
4
Comments
Solved
Outsystems 11 horizontal scroll not working in screen design view?
Question

I can't get the horizontal scroll to work in screen design view and its really Sloooowwwiiinnng my learning process

2019-10-29 12-40-04
Nikolai Kaplin
Solution

Hi,

Press CSS button to open editor, insert code written by Niels Favreau. Then apply this style (HorizontalScroll) to necessary component.

UserImage.jpg
Rob Rough

Nikolai Kaplin wrote:

Hi,

Press CSS button to open editor, insert code written by Niels Favreau. Then apply this style (HorizontalScroll) to necessary component.

YOU R DA BEST!

Thanks!!!!!!!!!!   Im still very much in the learning stage 


2022-07-07 18-45-50
Niels Favreau

In that case i would suggest you use specific CSS styling that disables it ONLY in the Service Studio preview.

For example:

.HorizontalScroll {

overflow-x: scroll;

-servicestudio-overflow-x: initial;

}

This will make it in the preview not scrollable, so it's easier to develop in service studio.

UserImage.jpg
Rob Rough

Niels Favreau wrote:

In that case i would suggest you use specific CSS styling that disables it ONLY in the Service Studio preview.

For example:

.HorizontalScroll {

overflow-x: scroll;

-servicestudio-overflow-x: initial;

}

This will make it in the preview not scrollable, so it's easier to develop in service studio.

Niels,

I am very new to this.  How do I access the CSS for service studio?

Thanks


2019-10-29 12-40-04
Nikolai Kaplin
Solution

Hi,

Press CSS button to open editor, insert code written by Niels Favreau. Then apply this style (HorizontalScroll) to necessary component.

UserImage.jpg
Rob Rough

Nikolai Kaplin wrote:

Hi,

Press CSS button to open editor, insert code written by Niels Favreau. Then apply this style (HorizontalScroll) to necessary component.

YOU R DA BEST!

Thanks!!!!!!!!!!   Im still very much in the learning stage 


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