Posted: 5 Dec 2016 11:30 EST Last activity: 7 Dec 2016 8:41 EST
Make only one section of the screen scrollable horizontally
I have a screen with two sections:
- One small, containing my filter criterias. I want this section to fit to the screen width exactly.
- One bigger, a repeating grid with more than 10 columns, bigger than the screen.
I want the second section to fit to the screen width without expanding the rest of the content by being scrollable horizontally. The problem is that for now, the section is extending the whole screen, causing the first section to extend to match the second one's size. How can I fix my section to the screen width without impacting the rest of my screen?
Hi, this is interesting (I'm kind of new to Pega and I never thought about this solution when having troubles with sections) but if your solution works with a fixed size, it doesn't in my case as I want my div to adapt to my screen width, which may change according to the device you use. I'd like to get my section scrollable horizontally and adapted to my screen width.
I also tried your solution using "width:100vh" but it didnt work as well...
Posted: 5 years ago
Posted: 6 Dec 2016 9:17 EST
Swathi Saraf (SwathiSaraf)
Sadly it doesn't work, the overflow doesn't seem to work and the whole screen got scrollable (including the headerand the first section) instead of having my second section only scrollable with a size fixed to the screen's one...