Home » Categories » Events » Widgets and more

Events List Widget

Please note that working with widgets requires basic knowledge of HTML, CSS, and JavaScript code.
 
The Events List Widget allows you to embed a list of events on your web page. It will eventually look similar to the list of training sessions that is displayed on our knowledge base page:
 

 
  • The list displays the event's title, date, time, and part of the description as depicted in the screen shot.
  • The title of the event links to the event's details page.
  • This list is based on the Evanced application's feeds. You can control what events to show. For more information, please refer to this article: http://kb.demcosoftware.com/article.php?id=77

To obtain the code written by Evanced for this widget, download the attachment in this article below by right-clicking the link then selecting to Save Target on your PC. Find in the source code of the downloaded file where the script line mentioned below is, then modify the part in red with your own feed link instead, as such: 

<script type="text/javascript" src="http://demo.evanced.info/events/lib/eventsxml.asp?dm=html&lib=all&alltime=1&nd=30&IncludeDateHtml=1"></script>


So, let us say that your public event calendar link reads:
 
http://test.evanced.info/libraryname/evanced/eventcalendar.asp  (This is not a real a link, just an example)
 
then your feed/widget link should be the same, except for the page name:
 
http://test.evanced.info/libraryname/evanced/eventsxml.asp  (This is not a real a link, just an example)
 
This means that you need to replace the red part in the previous script with the following line, for the example on hand:
 
test.evanced.info/libraryname/evanced
 
 Now, save the file and test it by opening it from a browser window to make sure it works as expected. If it is working properly, do the following:
 
1- Copy the code  between <head> and </head> tags, then paste it in your page's source code between the starting and ending of the head tag as well. Please make sure to address any style code issues with your existing code.
2- Copy the code  between <body> and </body> tags, then paste it in your page's source code between the starting and ending of the body tag as well. Position the Events List code within your page's code according to where you want it to appear on the page.
 
Please note that Evanced's support is limited to the overall functionality of the Events List widget and the way it looks independently, not its design after embedding on the customer's page.
 
 
Custom Fields
  • Applicable To: All Users
  • Attachments: Yes
  • Summary: Events List Widget
0 (0)
Article Rating (No Votes)
Rate this article
  • Icon PDFExport to PDF
  • Icon MS-WordExport to MS Word
Attachments (1) Attachments
Comments (8) Comments
Comment by W. Hayes on Tue, Oct 27th, 2015 at 3:45 PM
If you wish to remove the description field from the widget display you will need to use CSS to hide the field.
Comment by Jenny on Tue, Oct 27th, 2015 at 1:32 PM
Is there a way to remove the description? It looks like N. Michalares was going to answer the question, but the answer isn‘t there?
Comment by N. Michalares on Tue, Dec 10th, 2013 at 12:54 PM
To remove the description, on the page you
Comment by Q. Edwards on Fri, Mar 29th, 2013 at 1:50 PM
I would also like to know if there is a way to remove the description.
Comment by Nate Dunlevy on Thu, Oct 11th, 2012 at 9:57 AM
Criss, Adjust the feed using the tag et=to only show the event type you want.Use this tag within the RSS feed found in the widget code.
Comment by Criss on Wed, Oct 3rd, 2012 at 6:20 PM
Is there a way to create multiple list on the same page? My website uses an acordion-type display and all goes on one page, but I want the kids events separate from the adults.
Comment by Nate Dunlevy on Fri, Jun 1st, 2012 at 12:40 PM
There is if you XML and apply CSS styling
Comment by Andrew on Fri, Jun 1st, 2012 at 11:43 AM
Is there a way to modify the list display to remove the description? We would just like to display the title, date and time.
Related Articles
Events-Client Side XML Example
Viewed 14634 times since Tue, Sep 27, 2011
Events Tiny Calendar Widget
Viewed 25053 times since Tue, Jan 3, 2012
Events Search Widget
Viewed 4686 times since Tue, Jan 3, 2012
Adding Facebook Thumbs-up Button to Events
Viewed 10820 times since Wed, Jan 11, 2012
How To Events-Include a link to a calendar on my website
Viewed 13496 times since Tue, Sep 27, 2011
Creating XML-RSS Feeds
Viewed 116173 times since Tue, Sep 27, 2011
How to add a logo or website header to my calendar page
Viewed 29695 times since Tue, Sep 27, 2011