gwt tablayout скрывает вкладки при увеличении заполнения, шрифта, поля

Question

Я создал TabLayoutPanel. Если его

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTabInner

CSS класс модифицируется с дополнением, скажем padding: 15px; или font-size: 25px;

затем, вкладки скрыть с в окне браузера. В чем причина и как это исправить?

Thanks, Bennet.

Answer 1

Просто угадать (не видя никакого кода), но я уверен, вы не добавили свой TabLayoutPanel правильно. Панели «Макет» великолепны, но вы должны играть по правилам.

Удостоверьтесь, что у вас есть неразрывная ссылка панелей типа «макет» вплоть до «RootLayoutPanel».

Кроме того, убедитесь, что вы на самом деле с помощью «RootLayoutPanel», а не «RootPanel», чтобы добавить свой GWT виджет на йот

RootLayoutPanel.get().add(myTabLayoutPanel); 

Смотрите здесь, в частности, раздел под названием «RequiresResize» и " ProvidesResize» http://www.gwtproject.org/doc/latest/DevGuideUiPanels.html#LayoutPanels

Answer 2

.gwt-TabLayoutPanelTabInner является оберткой label отображается в реальном tab. Когда вы пытаетесь увеличить padding (скажем padding : 'z'px;), что происходит, это толкает метку на «z» пиксели со всех сторон и в конечном итоге скрывается за закрывающим div или .gwt-TabLayoutPanel .gwt-TabLayoutPanelTabs. В качестве решения вы можете либо настроить padding так, чтобы он не скрывался за родителем div или увеличил size родителя, чтобы разрешить tabs взять еще padding.