Best Online Calendar

Support

Knowledge Base

Browse knowledge base categories or search with keyword related to your question.

Email Support

Can't find your answer?

Contact Support or Contact Sales
Search:     Advanced search
Browse by category:

Create a Scrolling Upcoming Events List For A Web Page:

Article ID: 142
Last updated: 28 Apr, 2014

You can add a parameter to your Upcoming Events List code so that it automatically scrolls through events when a visitor goes to your web page.  To add the scrolling feature to your upcoming events list:

  1. Open the code for your web page containing the upcoming events list in a web page editor
  2. Add the parameter &uc_scroll=1 to the src= link in the Upcoming Events List javascript.

    Here is a general example of where to place the parameter - use your unique calendar identifier and theme:

    <script type="text/javascript" src="http://www.calendarwiz.com/calendars/ucfeeder.php?crd=calendaridentifier&theme=Master%20Theme&uc_scroll=1"></script>
     
  3. To remove the header from the scrolling list go to Admin Menu > Website Plugins > Upcoming Events List > List tab -> click to "Do Not Show Heading" > Save

    Note: your web page must have a suitable DOCTYPE declaration in the first line for the scrolling feature to operate correctly in all Internet Explorer versions.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Others in this category
document Add a Mini Calendar to a Web Page
document Create more than one Upcoming Events List for a website
document Add an Upcoming Events List to your web page:
document Additional Customization Options for your Upcoming Events List:
document Add a Suggest Event form to a Web Page
document Using Website Plugins In SharePoint 365
document How can I remove the Upcoming Events List scroll bar?
document Set Upcoming Events List "More..." Link or Header Link to Open in Same Window
document How to Adjust the Search Widget Width
document Create a "Featured Events" Upcoming Events List:
document Add Upcoming Events List by URL (without JavaScript)
document NEW FEATURE: Add images to your upcoming events list