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

Existing CSS Styling messing up the displaying of the Calendar

Asked by MikeyB
10 years ago.
Hi, I have just placed a DayPilotCalendar control onto a page that already contains CSS, when viewing the page the calendar control is not displayed correctly, I believe this problem is due to the existing CSS and this... th, td, caption { padding:4px 10px 4px 5px; } I need to keep the existing CSS for the look and feel of the site, however I don't want the DayPilotCalendar to use this existing CSS. Does anyone have any suggestions on how to resolve this issue? Thanks.
Comment posted by MikeyB
10 years ago.
This is using the Demo version with the intention of purchasing the full licensed product.
Comment posted by Dan Letecky
10 years ago.

You can place DayPilot inside a div with id="daypilot" and define the following styles that will override the global ones:

#daypilot td, #daypilot th, #daypilot caption { padding: 0px };

The div could look like this:

<div id="daypilot">
<DayPilot:DayPilotCalendar .... />
</div>
Comment posted by Dan Letecky
10 years ago.

A typo, the semicolon should be inside:

#daypilot td, #daypilot th, #daypilot caption { padding: 0px; }

Comment posted by MikeyB
10 years ago.
Thanks... This is what I ended up doing... .DayPilot th, td { padding:0px; } .DayPilot Table { margin-bottom: 0; } But basically the same end result. Many thanks. MikeyB
This question is more than 3 months old and has been closed. Please create a new question if you have anything to add.