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:

NEW FEATURE: Add images to your upcoming events list

Article ID: 209
Last updated: 10 Aug, 2015

Adding images to your upcoming events list is easy.  You'll find that featuring an image next to your event titles makes events "pop" on your web page.

This is a demo upcoming events list

How it works...

  1. Start by going to the Admin Menu > under "Website Plugins" section > Upcoming Events List
    Here you'll see sample events with thumbnail images. Go to the "Events" tab to adjust the width of the thumbnail.



     
  2. Next, add images to your event descriptions using our file manager.
    Click + to add event > [More event options...] > Description & Images tab >
    Click for step by step instructions for adding images to events 




     
  3. Now let's add the upcoming events list to your web page. Go to the "Script Tab" in the Upcoming Events List Admin Screen and Copy the JavaScript code.  Paste this code into your web page. 



    Tip:  If your website builder or content management system does not allow you to add JavaScript, we provide another option.
    Learn more. 


     
  4. Upload this change to your web page.  Refresh and you'll see upcoming events list with thumbnail images.

    Quick Tips:  To get the best display for your site, you may need to adjust the number of characters displayed in the description text, event title font size, or the number of events to show in the list.

    Go to admin menu > under website plugins > upcoming events list > list or events tab >

    Please let us know if you have any questions.  We are here to help.
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 Create a Scrolling Upcoming Events List For 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)