2

GWT 2.4.0 + UiBinder を使用しています。

私の ui.xml ファイルでは、以下の行を使用して外部スタイル シートを参照しています。

<ui:style
    type="com.codelaboration.twykin.frontend.widgets.qa.client.view.QABox.QAStyle"
    src="QABox.css" />

今、同じ ui.xml ファイルに以下のコードがあります

<div class="{style.imagePanel}">
      <div ui:field="lblUser"/>
</div>

QABox.css で、「imagePanel」を定義し、CSS 継承を使用して、imagePanel クラス内のすべての div に CSS を適用しました。

.imagePanel {float: left; width: 100px; text-align: center;}
.imagePanel div {float: right; width: 530px;}

問題は、GWT がスタイル名を覆い隠していることです。そのため、imagePanelが奇妙な名前に変更されるため、「.imagePanel div」は機能しません。したがって、基本的に私の質問は、外部スタイルシートが ui.xml でのみ宣言されている場合に、UiBinder で CSS セレクターを使用する方法です。

ありがとう。

4

1 に答える 1

0

gwt アプリケーションに外部 CSS を追加できます。スタイル リソースへの相対パスを指定する必要があります。

聞くのはコードです。

あなたのuibinder xmlで

<ui:style src="QAStyle/QABox.css" />

    <div class="{style.imagePanel}">
          <div ui:field="lblUser"/>
    </div>

QAStyle パッケージに css が含まれています。

または、パスの問題を回避する ClientBundle を使用することもできます。外部リソースの使用を参照してください。

それはあなたを助けるでしょう。

于 2012-04-19T19:33:04.253 に答える