Losing horizontal scrolling when adding a tabsheet

Support
#1

Hello,

I need horizontal scrolling from the browser on my editor screens with tab sheets. I was able to get the scrollBox tag to work, however, you have to scroll to the bottom of the tab to see the scroll bar. I was able to create a test project where I had the horizontal scrolling available until I added a tab sheet. Is there a way to get the scroll bar back?

Thanks,

Chris Krozel

#2

Hi,

Could you attach a demo project along with reproduction scenario? I suppose that something wrong with your layout but can’t be sure without demo.

Regards,
Gleb

#3

horizantolScrollBoxTest.zip (875.3 KB)

Hi,

I attached a zip file containing my test project. The project is after I added the tab sheet and two tabs. If you remove the tab sheet and the tabs in test-edit.xml, the horizontal scroll bar comes back.

I have my table widths in the editor screen set to not fit on my screen so you may have to change yours.

Thanks,
Chris Krozel

#4

The root layout provides both horizontal and vertical scrolls when its content is out of bounds. All other containers simply hide what is out of bounds. So, in your case tabSheet has width="100%" by default and hides its content.

I can suggest two options:

  1. set width="AUTO" for the tabSheet
  2. Wrap your tables with scrollBox, e.g.:
<scrollBox spacing="true" width="100%" scrollBars="horizontal" orientation="horizontal">

Regards,
Gleb

1 Like