Display Upcoming Events

Modified on Wed, 27 Mar 2019 at 11:04 AM

If you wish to show a widget with your upcoming events scheduled for your business, this will provide it. The following call will display your entire facility event schedule with a few options explained below .

myss_ShowEventList(numEvents, featuredOnly, showCalendar, isVertical, target);

The following is an explanation of each parameter and their possible values:

1) numEvents: (integer) This is the number of upcoming events you would like displayed in the list at one time.  These are listed in order of date.
2) featuredOnly: (boolean) When this is set to true, only events marked as “featured” will be displayed on the list.  This allows you to filter out any extraneous events scheduled in the system that you feel may not be important for your customers to see.

3) showCalendar: (boolean) If you would like to show a visual calendar of events, set this parameter to true.  All days with an event present will be highlighted with the capability to view any month in the past or future.  When this is marked as false, no calendar will be shown (EXAMPLE 2)

4) isVertical: (boolean) Only applicable when showCalendar is set to true.  When isVertical is set to true, the list of events will be shown on top of the calendar display of events (EXAMPLE 3).  Otherwise, the list of events and visual calendar are displayed side by side (EXAMPLE 1).
5) target: (string) This is the id of the element in which to output the upcoming events widget.  This usually is the id of a <DIV> or <TD> tag.

EXAMPLE HTML CODE 1:

<div id="myss_events" style="width: 100%;"></div>
<script type="text/javascript">myss_ShowEventList(4, true, true, false, '#myss_events');</script>

DISPLAY


 

EXAMPLE HTML CODE 2:

<div id="myss_events" style="width: 100%;"></div>
<script type="text/javascript">myss_ShowEventList(4, true, false, false, '#myss_events');</script>

DISPLAY


EXAMPLE HTML CODE 3:

<div id="myss_events" style="width: 100%;"></div>
<script type="text/javascript">myss_ShowEventList(4, true, true, true, '#myss_events');</script>

DISPLAY

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article