Applying GP Availability to your site

If you are using the GP Availability Module then you will need to decide where you want the calendar feature to appear.

This is added to a page in the form of a Media Item, this means you can add it quickly without having to understand the Source Code (HTML) of the page.


Creating the GP Availability Media Item

Using the information in the tables below to follow the instructions:

Option 1: GP Availability with AM & PM

GP Availability

Type HTML
Name GP Availability
Code
<gp-availability-calendar></gp-availability-calendar>

Option 2: GP Availability without AM & PM options

GP Availability Without AM PM

Type HTML
Name GP Availability without AM or PM
Code
 <gp-availability-calendar :am-pm="false"></gp-availability-calendar>

How to add the GP Availability Media Item

Once created Media Items will appear within the WYSIWYG Editor within the Media Dropdown in the tool bar.

Media Dropdown Media Drop Down
  • It will place the item on the page in relation to where your cursor is
  • It will appear in text form - i.e. %%media-34%%
    (the number is unique to the media item created, so each one will have a different number)

The GP Availability Calendar will be automatically inserted instead of the Media Item when you preview the page.