gwt tablayout在增加填充，字體，邊距時隱藏選項卡

我創建了TabLayoutPanel。如果其gwt tablayout在增加填充，字體，邊距時隱藏選項卡

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTabInner

CSS類由填充改性，說 padding: 15px;或font-size: 25px;

然後，標籤與隱藏在瀏覽器窗口。什麼原因以及如何解決這個問題？

謝謝，班尼特。

來源

2014-01-31 Bennet

只是一個猜測（沒有看到任何代碼），但我敢打賭你沒有正確添加你的TabLayoutPanel。「佈局」面板很棒，但你必須遵守規則。

確保您有「佈局」類型面板一直到「RootLayoutPanel」的完整鏈接。

此外，驗證你實際上是使用了「RootLayoutPanel」，而不是「RootPanel」到你的GWT小部件添加到DOM

RootLayoutPanel.get().add(myTabLayoutPanel);

看到這裏，特別是標題爲「RequiresResize」和「 ProvidesResize」 http://www.gwtproject.org/doc/latest/DevGuideUiPanels.html#LayoutPanels

來源

2014-02-01 05:54:09

我正在使用uibinders，如何使用此規則在uibinder中添加布局面板？ – Bennet

.gwt-TabLayoutPanelTabInner在實際tab顯示label周圍的包裝。當您嘗試增加padding（比如說padding : 'z'px;）時，會發生什麼情況是它會從各個方向按「z」個像素推送標籤，並最終隱藏在封閉div或.gwt-TabLayoutPanel .gwt-TabLayoutPanelTabs後面。作爲一種解決方案，您可以調整padding，以便它不會隱藏父代div或增加父代的size，以便允許tabs代替更多padding。

來源

2014-02-01 08:53:24 Onkar

你說的是個好主意。我通過增加高度來固定它。對不起，在這個我無法理解的「增加父母的大小」，這是什麼意思？我正在使用帶有gwtp的uibinders，如何將此佈局面板添加到rootlayout面板。請幫助我這個。 – Bennet

增加封閉的父高度是我應該說的我猜..我不熟悉gwtp我會調查更多，但您可以隨時將您的UI綁定器放在佈局面板而不是默認的htmlpanel，然後添加到根佈局面板如其他答案中所建議的那樣 – Onkar

gwt tablayout在增加填充，字體，邊距時隱藏選項卡

回答

相關問題