2011-12-30 8 views
0

私のGWTアプリケーションには、DatePicker-Columnを持つカスタムテーブルがあります。今私は、ポップアップのZ-インデックスを設定する必要があります。私は私のフォームでこれを行った:GWTのDatePicker-Cell-Popup用のCSS

.dateBoxPopup { 
    z-index:5000; 
} 

.DatePickerCellPopupのようなセルポップアップに相当するものはありますか?

答えて

3

CellWidgetsのDatePickerCellを参照していますか? DatePickerCellはDatePickerを使用し、スタイリングのためのCSSクラスを以下のDatePicker用途(それらを確認するためにFirebugのを使用):

  • .gwt-日付ピッカー{}
  • .datePickerMonthSelector {あなたがいる場合には

    月セレクタウィジェット}

  • .datePickerMonth {月セレクタウィジェット内月}
  • .datePickerPreviousButton {前月ボタン}
  • .datePickerNextButton {来月ボタン}
  • .datePickerDays {日示すピッカの部分}
  • .datePickerWeekdayLabel {平日上のラベル}
  • .datePickerWeekendLabel {週末ラベル}
  • .datePickerDay {一日}
  • .datePickerDayIsToday {今日の日付}
  • .datePickerDayIsWeekend {週末の日}
  • .datePickerDayIsFiller {別の月の日}
  • .datePickerDayIsValue {選択された日}
  • .datePickerDayIsDisabled {無効日}
  • .datePickerDayIsHighlighted {現在強調表示された日}
  • .datePickerDayIsValueAndHighlighted {それはまた、選択された場合に強調表示された日}

@externalタグでこれらのcssクラスを指定すると、セレクタ難読化を抑制するために

+0

ありがとう、あなたの答えをありがとう、私の問題を解決しません。私はmain.cssと '.dateBoxPopup { \t z-index:2000;でTable.cssを持っています。 } .gwt-DatePicker { border:1px solid #ccc; border-top:1px solid#999; カーソル:デフォルト; z-インデックス:5000; } ' – bembii

+0

@tobvio:FirebugまたはChromeの開発ツール(要素の検査)を使用して、実際のCSSを確認することをおすすめします。 –

1

残念なことに.dateBoxPopupはtに適用されません彼はDatePickerCellのポップアップ。したがって、あなたのZ-インデックスルールが必要です.gwt-PopupPanel{ z-index: 15000 }

関連する問題