Active Calendar

Page: Set Up Layouts

RSS
Layouts - Active Calenar Layouts control your site's style, and therefore how the calendar site appears to visitors. Layouts include your branding and logo. With this page, you choose any of the website's existing layouts and can customize aspects of the layout. Layouts are a combination of HTML master pages, cascading style sheets, and XSLT code. Layouts are stored into a collection on the site (and appear in a container on the Layouts page).




Top

Selecting a layout

Currently, two layouts are offered, Active Data Default and Photo. The site's currently selected layout appears leftmost in the Choose Layout container. All other layouts have a Use as default link. To select a new layout:

  1. Click the layout's Use as default link.
  2. Click the Save link at the bottom of the Layouts page.

Top

Active Data Default

Event Publisher's out of box layout, featuring a list view, summary view, calendar view, and event detail view. This view offers multiple display types, dynamic event searching, and registration features.


Top

Configure Layout

You can customize some aspects of your layout from this page. After selecting a default layout, scroll down to the Configure Layout area. This area provides the following fields for customizing your site's appearance:


Top

Calendar Logo - (Image Source)

Displayed on the upper left most corner of your layout.


Enter the URL or path to your hosted image to display as the calendar logo, such as http://wwww.mydomain.com/logo.png. Supported file formats include GIF, JPEG and PNG.
Top

Upload Logo

Displayed on the upper left most corner of your layout.


Click the "Upload or Browse Media Library" link to add an image that is not accessible via a URL as your site logo. Supported file formats include GIF, JPEG and PNG. Once you have uploaded an image or selected an image from the media library a URL will be populated in the "Site Logo - Image Source" text box.
Top

Calendar Logo - Target URL

Choose where a visitor will be taken if they click on the image in your Site Logo.


Enter the web address (URL) that you would like a visitor to be taken to when they click on the site logo.
Top

Tag Line

Enter a headline describing your calendar to appear at the top of your calendar, such as ‘Our Event Community’. By default, this text will replace the "Event Community" displayed on the right corner of the layout.
Top

CSS

Provide modifications to the layout's CSS here. Use this to change colors, fonts, and more.


Enter or paste CSS code into this box to customize the site's styles. Download our quick style tip sheet here: Click here to download
Top

JavaScript

Add additional code to your layout using JavaScript


Enter or paste JavaScript code into this box to add script functionality to the site.
Top

Disqus Shortname

Enable Commenting on events using Disqus.


Disqus allows for creating a comment board for each event on your calendar. You will need to have created a discuss account before you can enable comments on your events.

  1. To create a Disqus account, click Disqus Sign Up Page
  2. Once your account is created, you will need to authorize your account and create a shortname.
  3. To learn more about authorizing your account click Shortname FAQ
  4. To enable comment boards simply enter your Disqus Account Shortname. For example, if your Disqus account's short name is "Active Data" you would enter activedata in the textbox.

Top

Available Views

Select which views your site visitors can choose to display events. There are three options: List View, Grid View, and Summary View.


Selecting the Check Box to the left of an available view will allow for your site visitors to select that view to display events.
Top

  • Summary View Displays your events in ascending order wile prominently featuring the event summary and primary image uploaded for that event. This view also displays the event location, and links to email, print, remind, and download the event. This view uses pagination to show events in a series of pages, rather than a single list of 1,000 events.
  • Grid View is a traditional calendar grid or table with rows and columns representing days of the month.
  • List View Displays your events in ascending order and only displays the event title, event date(s), and event time(s). This view also displays links to share the event via Facebook, Twitter, or Email, as well as a link to download the event. This view uses pagination to show events in a series of pages, rather than a single list of 1,000 events.

Top

Default Calendar Display

Specify which of the available views will be used when a person first navigates to your site.


Selecting an available view from the drop down menu will set that view as the default.
Top

Events Per Page

When using the Active Data Default layout, the event list view and summar view utilize a paging feature. This will show a number of events per page that match the search range, rather than showing a list of 1000 events. Choose the number of events that will be displayed per page when visitors when the navigate to your site. The default number of events that will be displayed per page is 125.


Will display the specified number of events at a time, and create a series of pages that allow you to advance to the next set of events. The minimum number of events to be displayed per page is 10, and the maximum allowable number of events per page is 1,000.
Top

Saving or Discarding Changes

  • Click the Save link to put your changes into effect.
  • Click the Restore Defaults link to undo any previous, saved changes.

Top

Photo

Active Data's Digital Signage and Kiosk Solution. Provide your visitors with a rich multimedia experience to showcase your events.


Top

Image Recommendations for the Photo Layout

When using the photo layout, the events primary image will be displayed. The image will be scaled to the maximum size of the display being used. For example, if you will be displaying the calendar on a 90" display you will need to upload a very large high quality image. The photo layout will work best with images uploaded with a 16:9 display ratio.


Top

Configure Layout

You can customize some aspects of your layout from this page. After selecting a default layout, scroll down to the Configure Layout area. This area provides the following fields for customizing your site's appearance:


Top

Site Logo

Displayed on the upper left most corner of your layout.


Enter the URL or path to your hosted image to display as the calendar logo, such as http://wwww.mydomain.com/logo.png. Supported file formats include GIF, JPEG and PNG.
Top

Upload Logo

Displayed on the upper left most corner of your layout.


Click the "Upload or Browse Media Library" link to add an image that is not accessible via a URL as your site logo. Supported file formats include GIF, JPEG and PNG. Once you have uploaded an image or selected an image from the media library a URL will be populated in the "Site Logo - Image Source" text box.
Top

Default Image

Provide an image to be displayed for events created without an image.


When using the photo layout, the events primary image will be displayed as the background to the event information. If you create an event without an image, the default image will be used. Enter the full path (www.yourwebsite.com/yourdefaultimage.png) to your default image file. Supported file formats include GIF, JPEG and PNG.

Mode

Used to determine how the calendar will check for new events.

  • Standard: The calendar will loop through all events in the site, occurring within the default search range. The calendar will only check for new events when the page is refreshed or the digital signage client refreshes the feed.

  • Digital Signage: The calendar will loop through all of the events in the site, and check for new updates only after reaching the number of cycles specified in the Refresh after field.

Refresh after (# of cycles)

Provide the number of times the calendar should loop through events prior to checking for new updates.


Top

CSS

Provide modifications to the layout's CSS here. Use this to change colors, fonts, and more.


Enter or paste CSS code into this box to customize the site's styles. Download our quick style tip sheet here: Click here to download
Top

JavaScript

Add additional code to your layout using JavaScript


Enter or paste JavaScript code into this box to add script functionality to the site.

Top

Default Calendar Display

Choose the view that will be displayed to your site visitors when the navigate to your site. There are two available options.

  • Carousel View: Will display your events one at a time, and automatically advance to the next event. Once all events have been displayed it will restart and loop through the events again. This is similar to a powerpoint presentation, set to repeat.

  • List View: Will display multiple events for a given period of time. This is an interactive view that allows vistors to search for events.


Top

Google API Key Requirements

Please note, Event Publisher was designed to utilize Google Maps API v3. As such, it is required that the key that you provided has the appropriate services selected. You can configure your Google Maps API key in Site settings > Site Management. Additionally, Google API keys have a configuration option, "Referrers". This controls which websites your Google API Key is permitted to be used with. In order to assure correct functionality with Google API keys Active Data Inc. recommends that you add your calendars website to the list of accepted referrers.