CODEWITHSUNDEEP
cssgwt
bembii
bembii

Reputation: 259

CSS for DatePicker-Cell-Popup in GWT

In my GWT-Application I have a Custom-Table with a DatePicker-Column. Now I have to set the z-index for the Popup. I did this in my form with:

.dateBoxPopup {
    z-index:5000;
}

Is there an equivalent for the Cell-Popup like .DatePickerCellPopup?

Upvotes: 0

Views: 1322

Answers (2)

Erdem Osman Asga
Erdem Osman Asga

Reputation: 11

Unfortunately .dateBoxPopup is not applied to the popup of DatePickerCell. Therefore, you need a z-index rule for .gwt-PopupPanel{ z-index: 15000 }

Upvotes: 1

Ümit
Ümit

Reputation: 17489

Are you refering to the DatePickerCell in the CellWidgets?

In case you are: The DatePickerCell uses a DatePicker and the DatePicker uses following CSS classes for styling (use Firebug to check them):

  • .gwt-DatePicker { }
  • .datePickerMonthSelector { the month selector widget }
  • .datePickerMonth { the month in the month selector widget }
  • .datePickerPreviousButton { the previous month button }
  • .datePickerNextButton { the next month button }
  • .datePickerDays { the portion of the picker that shows the days }
  • .datePickerWeekdayLabel { the label over weekdays }
  • .datePickerWeekendLabel { the label over weekends }
  • .datePickerDay { a single day }
  • .datePickerDayIsToday { today's date }
  • .datePickerDayIsWeekend { a weekend day }
  • .datePickerDayIsFiller { a day in another month }
  • .datePickerDayIsValue { the selected day }
  • .datePickerDayIsDisabled { a disabled day }
  • .datePickerDayIsHighlighted { the currently highlighted day }
  • .datePickerDayIsValueAndHighlighted { the highlighted day if it is also selected }

You have to specify these css classes with the @external tag to suppress selector obfuscation

Upvotes: 3

Related Questions