How to Use

ArtfulBits Professional Calendar can show items from simple list in Calendar view or combine items from several SharePoint lists. The list of any type is supported and it could be placed into any site within current site collection. Applying of filtering using list view is supported as well.

On Calendar Settings panel, you can add new Calendar to Calendar view or edit existing Calendars. You can also specify other Calendar settings:

• Default Scope determines in which mode Calendar will be displayed by default (Day, Week or Month)
• To allow on-fly adding of items directly from calendar interface, check Allow add items on-fly and specify Calendar, for which items will be added
• On-fly items editing, dragging, resizing or deleting could be suppressed by specifying appropriate properties in Calendar Settings panel
• Showing of list view Toolbar on the top of Calendar Web Part could be enabled by choosing List View Toolbar option
• Use Time Interval option to change time interval from default 30 minutes according to your needs (1 hour, 30, 20, 15, 10 or 5 minutes). Interval is applied to the daily and weekly calendar views
• Time Format section allows to customize time display format of calendar non all day events. By default it shows start time in all calendar views (daily/weekly/monthly). You can customize events time format separately in each view. Possible values are None, Start Time, Start & End Time
• Work Week allows showing "Work Week" and "Full Week" options to switch between work and full week on calendar's weekly view

How to replace standard SharePoint Calendar with ArtfulBits Professional Calendar?

To replace all existing Calendar views in Calendar list, click Enable Professional Calendar action on the following page: List Settings > General Settings > Enable Professional Calendar.

How to create new List View with ArtfulBits Professional Calendar?

To add new List View with Professional Calendar, do the following:

1. Create standard SharePoint Calendar View for existing list
2. Close or hide Standard Calendar (click Hidden checkbox on Layout panel of Standard Calendar editor)
   NOTE: Do not delete standard calendar, just hide it!
3. Add ArtfulBits Professional Calendar Web Part on page
4. Add current list view to Calendars (click on New Calendar link in Calendar Web Part editor and specify appropriate settings)
5. You can allow items adding directly from calendar interface by checking Allow add items on-fly checkbox and choose newly added Calendar.
6. Set Toolbar Type to List View Toolbar for showing standard SharePoint List toolbar.

How to customize events tooltip?

Professional Calendar provides with two tooltip modes: Simple and Extended. You can specify tooltip mode on adding or editing calendar.

To show single column in tooltip, set Tooltip to Simple and choose a column from drop down list. This column value will be displaying in tooltip.

To show data from more than one column as it is shown on the image below, do the following:

1. Add standard SharePoint calculated column to this list to combine values from multiple lists. To display data in "{Start Time} - {End Time} {Title}" format, set formula:
   
   

   12-hour format

   =IF(
       HOUR([Start Time])=0,12,
       IF(
          HOUR([Start Time])>12,
          HOUR([Start Time])-12,
          HOUR([Start Time])
         )
      )
   &":"
   &TEXT(MINUTE([Start Time]),"00")
   &IF(
       HOUR([Start Time])<12,"AM","PM"
      )
   &"-"
   &IF(
       HOUR([Start Time])=0,12,
       IF(
          HOUR([End Time])>12,
          HOUR([End Time])-12,
          HOUR([End Time])
         )
      )
   &":"
   &TEXT(MINUTE([End Time]),"00")
   &IF(
       HOUR([End Time])<12,
       "AM",
       "PM"
      )
   &" "
   &Title
   

   
   

   24-hour format

   =TEXT([Start Time],"hh:mm")
   &" - "
   &TEXT([End Time],"hh:mm")
   &" "
   &Title
   

2. On calendar's edit page set Tooltip to Simple and choose calculated column from drop down list.

Extended tooltip shows calendar events data on table view. Set Tooltip to Extended and add columns from "available columns:" to "Show in tooltip:" section. Use buttons Up/Down to change columns orders in tooltip.

Calendar event coloring?

ArtfulBits Professional Calendar Web Part provides three ways to customize background and text color for calendar events:

1. You can set a static color for all calendar events of each calendar source

2. You can specify color accordingly to event column values by using SharePoint Choice or Calculated columns for source list. Check ”Use dynamic generated color” and choose a column from dropdown list on the calendar picker page.

   You can add Choice column with set of color names (for e.g. Red, Yellow, Blue, Green, etc.) to the list and get value from this column for calendar source.

   Following sample shows how to add color for events using SharePoint Calculated column:

   • Add SharePoint Calculated column to the SharePoint List
   • Specify SharePoint calculated formula to return HTML color accordingly to the list item values. The following formula returns color according to Tasks list item Priority column value:
     
     =IF([Priority]="(1) High","red",IF([Priority]="(2) Normal","orange","green"))
   • In Calendar source picker dialog check “Use dynamic generated color” for Background Color setting and choice Calculated column from dropdown list

   Note: You can specify Text Color for calendar events too as shown above.

3. ArtfulBits Professional Calendar Web Part supports ArtfulBits Category column integration like as in Outlook 2007. Calendar events color will be automatically get from Category column value.
   For more information regarding Category column please visit ArtfulBits Category Column page.

This example list contains ArtfulBits Category column (Color Category) for events background color and Calculated column (Text Color) with formula:

=IF(ColorCategory="Dark Blue","white",IF(ColorCategory="Dark Red","pink",""))