Existing CSS Styling messing up the displaying of the Calendar

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.

Asked by MikeyB 1 year ago.

asp.net

Replies

This is using the Demo version with the intention of purchasing the full licensed product.

Comment posted by MikeyB 1 year 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 1 year ago.

A typo, the semicolon should be inside:

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

Comment posted by Dan Letecky 1 year 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

Comment posted by MikeyB 1 year ago.

New Reply

This reply is

a comment

an answer

Your name (optional):

Tools

E-mail notifications

Feed

DayPilot Forums

Existing CSS Styling messing up the displaying of the Calendar