ListTitle - (List Title) Name of a calendar list.SiteUrl - (Site URL) Server relative URL of the site.The web part has the following public properties: It also wraps an UpdatePanel around EventCalendar so clicking previous or next month does not cause the entire page to refresh. This custom view should be created based on the OOTB "Current Events" view.ĮventCalendarListWebPart functions as a wrapper for EventCalendar and EventListing. In EventCalendar, events are fetched from a calendar list using a SPQuery as follows:Īgain when a custom listing view is specified, the view's query will be used instead. When user mouse hovers an event title, a tooltip showing the event start and end time is shown. The tooltip uses Dynamic Web Coding's JavaScript Tooltips. ![]() Days with events are rendered in Selected style with rollover tooltip showing a list of events on that particular day. The EventCalendarListWebPart Web Part calls two custom Web controls, EventCalendar and EventListing, to render events.ĮventCalendar is a custom Web control that inherits from .WebControls.Calendar. My design goal is to make the Web Part more flexible, efficient and visually appealing. It is based on the same idea that SharePoint calendar events are shown in a custom calendar Web control that inherits from the standard ASP.NET Calendar Web control. I was inspired by CodeProject article Calendar Web Part for Sharepoint that Displays & Gives Details of Events from an Event List in building this Web Part. It supports views and offers ajax support with rollover tooltip behaviour. The new theme will be opened with the default or "factory" settings and can then be edited and Saved.For use in Microsoft SharePoint 2013, this Event Calendar Listing Web Part displays events (or any calendar list) in a compact widget style calendar. Enter a name for the new theme and click OK. Themes provide a powerful option for organizations with many events to share.Ĭreate a New Theme: Click on the New button to create a new theme. Create a second theme to pull events from different categories for a different web page. Theme TabĬreate more than one Mini Calendar. Click on a day with an event to preview pop up. Set popup width, height, background colors, etc. ![]() Use the Popup tab to control the colors in the popup. Note: All colors on this tab relate to the Mini Calendar month view. Text Colors: Choose the colors for various texts showing on the mini calendar.īackground Colors: Choose the background colors for various elements on the mini calendar. Mini Cal TabĬustomize fonts, height, width, heading text etc. Select the event category( ies ) to display > Save changes.Ĭopy the javascript code from the box where it reads "JavaScript Code For Theme: Master Theme" and paste into your web page editor. ![]() To see your events select categories in the Script Tab and Save Changes. You'll notice that the master theme of your calendar's mini calendar automatically loads in the preview screen with "sample" events. Log in and click go to Admin Menu > Website Plugins > Mini Calendar > Preview Screen
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |