EventCalendarPro - Please Extend CSS classes to all views

This is a forum to suggest new features for mojoPortal. 

This thread is closed to new posts. You must sign in to post in the forums.
4/14/2011 3:15:30 PM
Gravatar
Total Posts 355

EventCalendarPro - Please Extend CSS classes to all views

Currently, the CSS classes in styledatacalendar.css work on the month view of eventCalendarPro, but not the other views.  In the interests of being able to create coordinating skins for customer sites, it would be greatly appreciated to have the .css extended to address all views.

4/15/2011 6:20:51 AM
Gravatar
Total Posts 18439

Re: EventCalendarPro - Please Extend CSS classes to all views

Hi,

This request is too general. If you really want me to make changes you should request very specific things like tell me on some specific view I cannot currently style some specific element because I cannot select some specific element with CSS, if you add a class in some specific place in the markup then I can select it. ie give an example fragment of the markup as it is rendered and explain where an additional css class is needed to accomplish your goal. Then maybe in some cases we can suggest a selector that will work or in others I may agree that it would need a new class somewhere.

The Day View and Week View use a third party control so I may be limited as to what I can do on that but if there was a specific change requested I could at least look into it and see what can be done.

Best,

Joe

4/26/2011 12:46:47 PM
Gravatar
Total Posts 355

Re: EventCalendarPro - Please Extend CSS classes to all views

The Day and Week View: currently, there is no specific class for the time column or date row, nor are there any classes to set up active times, booked times, or open times by class or element name.  Classes or element ID's for these would help tremendously in keeping the UI consistent with customized color schemes - thanks!

4/26/2011 2:02:25 PM
Gravatar
Total Posts 18439

Re: EventCalendarPro - Please Extend CSS classes to all views

Hi,

As I said before we are using a third party control for the day view and week view. This third party control uses inline styles and exposes some style properties that can be used to affect the style. I did some experimenting and found that you can control many aspects of the style from the theme.skin file.

First add this to the top of theme.skin:

<%@ Register Namespace="DayPilot.Web.Ui" Assembly="DayPilot" TagPrefix="dp" %>

then you can add this a little further down, I've configured this example to what seems to be the default styles, but you can tweak the styles by changing these properties:

<dp:daypilotcalendar runat="server"
  BackColor="#FFFFD5"
  BorderColor="#000000"
  BorderStyle="solid"
  BorderWidth="1px"
  ColumnMarginRight="5"
  CssClass=""
  DayFontFamily="Tahoma"
  DayFontSize="10pt"
  EventBackColor="#FFFFFF"
  EventBorderColor="#000000"
  EventFontFamily="Tahoma"
  EventFontSize="11px"
  EventHoverColor="#DCDCDC"
  EventLeftBarColor="Blue"
  Font="Tahoma"
  HeaderHeight="30"
  HourBorderColor="#EAD098"
  HourFontFamily="Tahoma"
  HourFontSize="16pt"
  HourHalfBorderColor="#F3E4B1"
  HourHeight="40"
  HourNameBackColor="#ECE9D8"
  HourNameBorderColor="#ACA899"
  HourWidth="40"
  HoverColor="#FFED95"
  NonBusinessBackColor="#FFF4BC"
  ShowHeader="true"
  ShowHours="true"
  Width=""
/>

Hope that helps,

Joe

 

 

4/26/2011 3:04:46 PM
Gravatar
Total Posts 355

Re: EventCalendarPro - Please Extend CSS classes to all views

It looks like it should - I'll test it out in a bit, once I finish work on two of the other projects I'm juggling atm - thank you!

You must sign in to post in the forums. This thread is closed to new posts.