I don't speak HTML so I'm not sure if this is an HTML problem, a website problem, or an issue with the widgets. Any help would be appreciated.
Here's how it is displayed (multiple displays of the calendar).
http://www.marinasedge.com/property
And here is the code:
<p> </p>
<p style="text-align: center;"><span style="font-size: 18px;"><strong>Poolside Availability Calendar</strong></span></p>
<p> </p>
<div class="ownerrez-calendar" data-widgetId="f6f5a2855c354bcd8069c14b6b96f8f0"></div>
<script type="text/javascript" src="https://app.ownerrez.com/widget.js"></script>
<p> </p>
<p style="text-align: center;"><span style="font-size: 18px;"><strong>Manson Bay (2nd Floor) Availability Calendar</strong></span></p>
<p> </p>
<div class="ownerrez-calendar" data-widgetId="2636fdd443a54893b2e684012f39bb4b"></div>
<script type="text/javascript" src="https://app.ownerrez.com/widget.js"></script>
<p> </p>
<p style="text-align: center;"><span style="font-size: 18px;"><strong>Lake Chelan (3rd Floor) Availability Calendar</strong></span></p>
<p> </p>
<div class="ownerrez-calendar" data-widgetId="846b2b1c44cf4b8089d7108beb64f0e7"></div>
<script type="text/javascript" src="https://app.ownerrez.com/widget.js"></script>
<p> </p>
<p style="text-align: center;"><span style="font-size: 18px;"><strong>Penthouse (4th Floor) Availability Calendar</strong></span></p>
<p> </p>
<div class="ownerrez-calendar" data-widgetId="f8c5892fbb754c959374d315c3690478"></div>
<script type="text/javascript" src="https://app.ownerrez.com/widget.js"></script>
When you want to display multiple widgets on one page, you only need to add the script once.
You'll keep the <div class="ownerrez-calendar"... part of the widget include html, but only put the <script type="... part of the widget html once, after all the widgets.
Like this:
<p style="text-align: center;"><span style="font-size: 18px;"><strong>Poolside Availability Calendar</strong></span></p>
<p> </p>
<div class="ownerrez-calendar" data-widgetId="f6f5a2855c354bcd8069c14b6b96f8f0"></div>
<p> </p>
<p style="text-align: center;"><span style="font-size: 18px;"><strong>Manson Bay (2nd Floor) Availability Calendar</strong></span></p>
<p> </p>
<div class="ownerrez-calendar" data-widgetId="2636fdd443a54893b2e684012f39bb4b"></div>
<p> </p>
<p style="text-align: center;"><span style="font-size: 18px;"><strong>Lake Chelan (3rd Floor) Availability Calendar</strong></span></p>
<p> </p>
<div class="ownerrez-calendar" data-widgetId="846b2b1c44cf4b8089d7108beb64f0e7"></div>
<p> </p>
<p style="text-align: center;"><span style="font-size: 18px;"><strong>Penthouse (4th Floor) Availability Calendar</strong></span></p>
<p> </p>
<div class="ownerrez-calendar" data-widgetId="f8c5892fbb754c959374d315c3690478"></div>
<script type="text/javascript" src="https://app.ownerrez.com/widget.js"></script>
Solved!
Thank you.
Damon
