0

2 つの TabPanels を持つ GWT アプリケーションがあります。TabPanel は、プレフィックス gwt-TabPanel を持つ css-classes を生成します。

テーブルの 1 つでこのプレフィックスを変更する方法はありますか? 2 つの TabPanel を個別にスタイルできるようにしたいと考えています。

4

2 に答える 2

2

これを解決するために、私は次のことを行いました：

setStylePrimaryName(String); の使用 これにより、TabPanel と TabBar が使用する CSS クラス名のプレフィックスが変更されます。

tabPanel.getTabBar().setStylePrimaryName("myTabBar"); 
tabPanel.setStylePrimaryName("myTabPanel");

CSS ファイルに次のようなものを追加します。

.myTabBar {
}

.myTabBar .gwt-TabBarFirst {
  width: 5px;  /* first tab distance from the left */
}
.myTabBar .gwt-TabBarRest {
}
.myTabBar .gwt-TabBarItem {
  margin-left: 6px;
  padding: 3px 6px 3px 6px;
  cursor: pointer;
  cursor: hand;
  color: black;
  font-weight: bold;
  text-align: center;
  background: #3A3A3A;
}
.myTabBar .gwt-TabBarItem-selected {
  cursor: default;
  /* background: black; */
} 
.myTabBar .gwt-TabBarItem-disabled {
  cursor: default;
  color: red;
}
.myTabPanel {
}
.myTapPanel .myTabPanelBottom {
  border-width: 0px;
  overflow: hidden;
  padding: 6px;
}

2 番目の TabPanel では、TabPanel と TabBar の両方で setStylePrimaryName() を使用して異なる値を設定します。次に、2 番目のプライマリ名を持つ新しいセクションを CSS ファイルに追加します。

于 2012-07-05T06:51:19.443 に答える
0

setStyleName()メソッドとを使用して、addStyleName()css スタイルを設定または GWT UI オブジェクトに追加できます。

于 2012-07-04T15:23:26.440 に答える