search envelope-o feed check
Home Unanswered Active Tags New Question
user comment-o

How to knows all the default css property name of DayPilot Calendar?

Asked by Ash
8 years ago.

I have some trouble in edit style of DayPilot Calendar:
I used DayPilot Calendar with googlelike style,
when i used <DayPilot:DayPilotCalendar> i found that so many css property in the .aspx page like <NonBusinessBackColor,HourFontColor,EventFontColor> etc.,
so i want to move it into one .css files,
i create a css class Prefix named <.calendar_googlelike_>,
the trouble come in...i don't know css property name of the DayPilotCalendar in css files,
i have viewed page "http://www.daypilot.org/calendar-css-class-styling.html",
but i find some css property doesn't working...
so,how to knows all the css property?
sorry for my poor english,
someone help me!plz...

Answer posted by Dan Letecky [DayPilot]
8 years ago.

All the classes mentioned in the documentation should be working fine:

  • alldayevent (all-day event box)
  • event (event box)
  • cellbackground (time cell)
  • colheader (column header cell)
  • alldayheader (all-day header cell)
  • corner (upper-left corner cell)
  • cornerright (upper-right corner cell, above the vertical scrollbar)
  • hourhalfcellborder (time cell border splitting cells inside an hour, only border-bottom value allowed)
  • hourcellborder (time cell border splitting hours, only border-bottom value allowed)
  • rowheader (row header cell)

There are three new classes available:

  • scroll_up
  • event_delete
  • scroll_down

These can be used to define the images for the scroll up, scroll down, and event delete icons.

Please remember that the inline properties (such as EventBackColor) override any styles defined in the classes.

See also the sample css defined in the demo package in Demo/Themes/themes.css.

This question is more than 3 months old and has been closed. Please create a new question if you have anything to add.