UI Access


Access this extension through JQuery Google Calendar button on the S4W category of the Insert Panel (Window > Insert). It is also accessible by selecting Insert > Solutions4Website > JQuery Google Calendar.

Inserting object

Open Dreamweaver, open document in which you want to place Google Calendar. JQuery Google Calendar can be inserted in a page through the menu option "Insert -> Solutions4Website -> JQuery Google Calendar" or the Insert Bar. After you choose "JQuery Google Calendar" you will see a dialog window where you have to define the destination folder. There (in this folder) will be created folder 'calendar_files' and inside this folder will be placed script and CSS files. Links to them will be automatically added into tag <head>:

<link rel="stylesheet" type="text/css" href="calendar_files/calendar.css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript" src="calendar_files/moment-with-locales.min.js"></script>
<script type="text/javascript" src="calendar_files/moment-range.min.js"></script>
<script type="text/javascript" src="calendar_files/moment-timezone-2010-2020.min.js"></script>
<script type="text/javascript" src="calendar_files/jquery.calendar.min.js"></script>

Take a note that jQuery library is connecting from the Google Libraries API resource. Also in tag <head> will be automatically added script, which is initializing the component:

<div id="JQGoogleCalendar1" class="JQGoogleCalendar">
<div class="gc_header"></div>
<div class="gc_view"></div>
<div class="gc_navigation"></div>

That’s all! In the design view of your web page you will see new JQuery Google Calendar.