Connect Mini-Calendar to Calendar Plus

Connect Mini-Calendar to Calendar Plus

Return to Configuration Overview

You can optionally configure Mini-Calendar to connect to Calendar Plus.
To connect Mini-Calendar to a Calendar Plus instance, configure the following settings:

Step Action Result
1. Enter page URL where linked Calendar Plus Web Part resides:

Enter the URL of the page that contains the Calendar Plus instance you want to link Mini-Calendar to and click the Load Calendar Plus Web Parts button.

NOTE: Page URLs can be absolute (*http://domain/site/default.aspx*) or relative (*./site/default.aspx*). Relative URLs should be used for SharePoint Web applications containing multiple Alternative Access Mappings (AAM) or if the Web Part is part of a site template.

2. Select Calendar Plus Web Part: Select the Calendar Plus Web Part instance you want to connect to.

When configured, clicking on a date in Mini-Calendar will redirect you to the configured Calendar Plus instance and display the selected date in Day view. Clicking on a month name in Mini-CalendarYear View will display the Month view for the Mini-Calendar instance. For additional information about Mini-Calendar, visit the product page or view Calendar_Plus.

How to Use the Mini-Calendar Web Part to Filter a SharePoint List

How to Use the Mini-Calendar Web Part to Filter a SharePoint List

Return to Configuration Overview

You can connect Mini-Calendar to a SharePoint list view to provide a date filter for displaying list items. When you do this, clicking on a date in Mini-Calendar will filter the list items to display only those items that are relevant for the selected date.

NOTE: If you attach the Calendar to the Events list, you will not be able to filter for columns Begin and End via Web Part connection since those SharePoint columns are not filterable.

Step Action Result

Add Mini-Calendar to a page that also contains a web part that displays a SharePoint list view. Configure Mini-Calendar to display items using the instructions provided in Configuring Mini-Calendar.

NOTE: If you elect not to configure Mini-Calendar to display items, you can still use it to filter a list. However, there will be no indication in Mini-Calendar regarding which dates contain items to display and which dates do not contain items to display.

2. Select Edit Web Part from the upper right drop-down arrow on Mini-Calendar or edit the web part page by clicking Edit Page in the Page ribbon.

In the Mini-Calendar edit menu, select Connections > Provide Row To and select the SharePoint list you want to filter. You can only select from lists that are on the same page where Mini-Calendar resides.

In the example below, we will be filtering a list called Tasks.

4. In the Choose Connection tab, make sure the option Get Filter Values From is selected. HW22_2010_WPConnectChooseConnection.jpg

In the Configure Connection tab, select the Provider Field Name Calendar Date. For the Consumer Field Name, select a column in the list that contains the date you want Mini-Calendar to filter on.

  • In this example, the Due Date column is selected.

Click Finish to complete the Mini-Calendar connection to the selected SharePoint list.

NOTE: Only date columns included in the view that is displayed in the SharePoint list web part will be available for selection. If you do not see the date column you want to filter on, edit the SharePoint list web part and select a new view or update the existing view in the source list to add the column you need.

6. Click Stop Editing in the page to return to the shared view of the page. When you click a date in Mini-Calendar, the list items will be filtered to only display items due on the selected date. HW22_2010_FilteredList.jpg

To remove the connection, follow steps 2 and 3 above to edit the Web Part connection, and then click the Remove Connection link in the Configure Connection screen.

How to Configure Mini Calendar Web Part

How to Configure Mini Calendar Web Part

Mini-Calendar can link items in a SharePoint list, List Rollup, or Business Connectivity Service (BCS) data source to a compact calendar view.

Before you can use Mini-Calendar, you need to add it to a SharePoint wiki page using the instructions here.

NOTE: If you are adding the web part to a web part page, follow the instruction here.

To configure Mini-Calendar to display SharePoint list items, modify the web part properties and configure the required data source settings and configuration options as described in the topics linked below. Without configuration, Mini-Calendar displays dates like a standard out-of-the-box SharePoint calendar.

Click the links below for details about configuring Mini-Calendar settings.

Display SharePoint List Items using Mini Calendar

Display SharePoint List Items using Mini Calendar

hW22_2010_DefaultMini-Cal.jpgMini-Calendar shown here has been configured to display SharePoint list items from a Tasks list.

If an item exists on a date, that date will be bolded in Mini-Calendar. Hover over the bolded date to display a tooltip list of items for that date. To view the details for an item, click on it in the tooltip list.

Configure Display Options

Configure Display Options

Return to Configuration Overview
The following options are available to customize the display of Mini-Calendar:
HW22_2010_CalendarOptions.jpg Mini View is a medium-sized calendar
Micro View is a tiny calendar
Year View displays only the months of the year
If you select the Year View calendar view, Display Today in Year View will display the text Today is [current day and date] at the bottom of the calendar.

Make your choice as to which calendar display you prefer and then choose the other options as described below:

Step Action Result
1. Asynchronous Mode Asynchronous Mode allows other elements of the SharePoint page to be displayed before Mini-Calendar finishes loading. If this option is enabled, the page will load first, followed by the Web Part. If this option is not enabled, the SharePoint page will not be displayed until Mini-Calendar data finishes loading.
2. Maximum items to display per day in calendar This setting defines the number of items that will be displayed in the tooltip when you hover over a date in Mini-Calendar.
3. Select Style Sheet:
  • If Default CSS is selected, Mini-Calendar will use the master page CSS to define the color and style of the web part.

  • Click Custom CSS to define a custom CSS for the Mini-Calendar Web Part.

    For more information about customizing the Mini-Calendar Web Part CSS, see the section CSS for Mini Calendar.

4. Enter calendar width This setting allows you to shrink Mini-Calendar views further by defining a fixed pixel width. Use this setting instead of the Height and Width settings in the Web Part tool pane Appearance section to prevent scroll bars.