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

Question

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

Я создал TabLayoutPanel, Если это

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTabInner

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

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

Спасибо Беннет.

0

css gwt uibinder gwtp gwt-tablayoutpanel

Источник

user1708099 31 янв '14 в 09:39

2 ответа

Другие вопросы по тегам css gwt uibinder gwtp gwt-tablayoutpanel

user2049397 01 фев '14 в 08:53 2014-02-01 08:53 · Answer 1 · 2014-02-01 08:53

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

user1431535 01 фев '14 в 05:54 2014-02-01 05:54 · Answer 2 · 2014-02-01 05:54

Просто предположение (не видя никакого кода), но держу пари, что вы не добавили свою панель TabLayout должным образом. Панели "Макет" великолепны, но вы должны играть по правилам.

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

Кроме того, убедитесь, что вы на самом деле используете RootLayoutPanel, а НЕ RootPanel, чтобы добавить свой виджет gwt в DOM.

RootLayoutPanel.get().add(myTabLayoutPanel);

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