Skip Ribbon Commands
Skip to main content

Artezio Mini Calendar Full Overview

About Company

Artezio is an ISO 9001:2008 certified software development and consulting company. Since its establishment in 2000, Artezio has completed more than 500 projects for its international clients. Since 2005, Artezio is a member and a major offshore division of LANIT group which is a $2.5B IT Services vendor with 5000 employees. From its development centers in Russia, Belarus and Ukraine Artezio delivers cost effective, high quality IT services to clients in North America, Europe, Middle East and Japan thus being one of the leading Russian offshore/nearshore software developers.


Please go through the following steps to set up the Mini Calendar App:

  1. Create Calendar lists you want to use.
  2. Open the page where the Mini Calendar App will be placed.
  3. Press the Edit Page button in the Ribbon.
  4. Select a place (a Web Part Zone) and click Insert -> App Part in the Ribbon.
  5. Choose Artezio Mini Calendar Lite and press the Add button.
  6. After the App is added open its settings:
    1. Find Calendars property under the Mini Calendar section and specify calendar urls and titles using the following format relativeUrl1,calendar1Title;relativeUrl2,calendar2Title where relativeUrl1 and relativeUrl2 are relative urls to sites that have calendar list within the tenancy(examples – ‘/’, ’/sites/team’, ‘/sites/team/team1’), calendar1Title and calendar2Title are calendar lists titles.
    2. To use the 24-hour time format you can check the Use 24 Time format checkbox under the Mini Calendar section. Otherwise, date will be displayed in the 12-hour format.

You can customize the calendar CSS files if it is required to support you branding (please take into account that current styles support SharePoint 2013 themes). The CSS files are located here.

Known issues

  1. In IE8 iframe element doesn't allow transparency by default. In this case, there will be white background color in the app. To fix this issue, you can insert the Script Editor Web Part to the page and specify the following JavaScript code there:
                                    function allowTransperentForAllFrames() {
                                        var allFrames = document.getElementsByTagName("iframe");
                                        for (var i = 0; i < allFrames.length; i++) {
                                            var frame = allFrames[i];
                                            if (frame.attributes["allowTransparency"] == undefined) {
                                                var attr = document.createAttribute("allowTransparency");
                                                attr.value = "true";