Embed Calendar
The Nelson Arts & Culture Events Calendar can be easily embedded into other websites and configured to filter the events to display content appropriate for those sites.Major Features
- Calendar can be easily embedded into multiple websites
- Calendar can be filtered by channel, venue and organization
- Multiple views: month view, agenda view, detailed event view
- Automatic image resizing
- Detailed view can be configured to display a single event or a slideshow of upcomming events
Showing And Hiding The Filter Bar
In the text that was pasted into your web page find the line that says:
<input type='hidden' id='NCDisplayFilterBar' name='NCDisplayFilterBar' value='display' />
Change value='display'
to value='none'
Displaying Month View, Adgenda View or Event Detail View
In the text that was pasted into your web page find the line that says:
<input type='hidden' id='NCDefaultView' name='NCDefaultView' value='month' />
Change value='month'
to value='week'
or value='detail'
Changing Which Tabs Are Displayed On The Filter Bar
In the text that was pasted into your web page find the line that says:
<input type='hidden' id='NCFilterBarTabsVals' name='NCFilterBarTabsVals' value='SEARCH,VENUES,CHANNELS' />
The "value" attribute must contain a comma delimited list of CHANNELS, VENUES. The order that these are listed is the order that they will appear. eg:
- value='VENUES,CHANNELS'
- value='VENUES'
- value='CHANNELS'
- etc...
Changing The Look Of The Calendar
Colors, fonts, borders and in many cases images can be modified by editing the calendar stylesheet. First download your own copy of the stylesheet here (right click on the link and "save as").
Edit this stylesheet and uploaded it to an appropriate location on your website.
In the text that was pasted into your web page find the line that says:
Edit this stylesheet and uploaded it to an appropriate location on your website.
In the text that was pasted into your web page find the line that says:
<input type='hidden' id='NCDefaultStylesheet' name='NCDefaultStylesheet' value='http://events.nelson.ca/css/NLblackwhite.css'/>
Change the "value" attribute to the full (must include http://domainname) URL of modified stylesheet on your site eg: value='http://mysite.com/path/to/css/mycalendar.css'
Filtering Which Events Are Displayed
In the text that was pasted into your web page find the line that says:
<input type='hidden' id='NCEventFilter' name='NCEventFilter' value=''/>
The "value" attribute must contain a space delimited list of CHANNELS(1,3,5), VENUES(1,3,5) or ORGANIZERS(1,3,5). The "1,3,5" is a comma delimited list of numbers that identify the channels, venues or organizers that must be matched for an event to be displayed. Examples:
- value=''displays all events, no filter
- value='VENUES(1)'displays all events at venue with id 1
- value='VENUES(1,3) CHANNELS(5) ORGANIZERS(2)'displays all events at matching venue id 1 or 3, oranized by 2 and in channel 5.
List of Channels
|
List of Organizers
|
List of Venues
|