Importing Events from the free Event Calendar
We have a quick and dirty import tool that can migrate events from the free mojoPortal Event Calendar to Event Calendar Pro. It is just an .aspx page with inline code, you can download it from here. Extract it and put the EventImporter.aspx in the root of your site and navigate to it logged in as admin. It should work but you may want to try importing a single event first to make sure the time is correct and if needed you could adjust the code. If it works correctly for the first event just delete it from Event Calendar Pro then use the import all button. Keep in mind that the free Event Calendar did not use UTC, but Event Calendar Pro stores data in the database as UTC and adjusts them to the correct time zone for display.
Week View and Day View Configuration
People often ask about how to set the start and end hours on the Day View and Week View as well as how to style it. These views can be configured from the theme.skin file of the skin.
First you would add this at the top of theme.skin to declare the control:
<%@ Register Namespace="DayPilot.Web.Ui" Assembly="DayPilot" TagPrefix="dp" %>
Then further down you would add this which has all the themeable properties populated with their default values:
<dp:daypilotcalendar runat="server"
BusinessBeginsHour="9"
BusinessEndsHour="18"
BackColor="#FFFFD5"
BorderColor="#000000"
BorderStyle="solid"
BorderWidth="1px"
ColumnMarginRight="5"
DayFontFamily="Tahoma"
DayFontSize="10pt"
EventBackColor="#FFFFFF"
EventBorderColor="#000000"
EventFontFamily="Tahoma"
EventFontSize="11px"
EventHoverColor="#DCDCDC"
EventLeftBarColor="Blue"
Font="Tahoma"
HeaderDateFormat="d"
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"
/>
You can see that the default start and end hours are from 9 AM until 6PM. You can change those to match your business hours. Note however that if the view has events outside of those hours it will expand to show the hours that include events.
You also can set quite a few style properties to adapt the style of the Day View and Week View to better match your site design.
Things that can be adjusted from user.config
<add key="EventCalendarPro:IncludeAdditionalInfoInNotificationEmail" value="true" />
Controls whether ticket notes are included in the notification email to calendar administrators.
<add key="EventCalendarPro:IncludeAdditionalInfoInCustomerEmail" value="true" />
Controls whether ticket notes are included in the order confirmation email sent to the customer
<add key="EventCalendarPro:ListViewHideTimeIfBeginIsTheSameAsEnd" value="false" />
If true will hide the time on ListView if the begin and end times are the same
<add key="EventCalendarPro:DetailViewHideTimeIfBeginIsTheSameAsEnd" value="false" />
If true will hide the time on Event Detail view if the begin and end times are the same
<add key="EventCalendarPro:DefaultRecurrenceMonths" value="60" />
Used to set the default recurrence end date in the editor when creating new events with recurrence.
<add key="EventCalendarPro:DefaultEventStartTime" value="8:00 AM" />
Sets the default start time in the event editor when creating new events.
<add key="EventCalendarPro:DefaultEventEndTime" value="9:00 AM" />
Sets the default end time in the event editor when creating new events.
<add key="EventCalendarPro:DefaultSalesStartTime" value="12:00 AM" />
Sets the default ticket sales start time in the event editor when creating new events.
<add key="EventCalendarPro:DefaultSalesEndTime" value="11:30 PM" />
Sets the default ticket sales start time in the event editor when creating new events.
<add key="EventCalendarPro:TicketNoteEditorHeight" value="200" />
Set the height of the ticket note instructions editor in pixels.
<add key="EventCalendarPro:ShowTopContent" value="true" />
Controls whether top content is shown in non-cms supporting pages when using a skin with n=more than 3 content panes.
<add key="EventCalendarPro:ShowBottomContent" value="true" />
Controls whether bottom content is shown in non-cms supporting pages when using a skin with n=more than 3 content panes.