Experience the difference of "Elite".

Widgets not displaying correctly

Marina's Edge
Jul 26, 2013 2:53 PM
Joined Oct, 2012 206 posts

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://secure.ownerreservations.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://secure.ownerreservations.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://secure.ownerreservations.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://secure.ownerreservations.com/widget.js"></script>

Chris Hynes
Jul 27, 2013 3:03 PM
OR Team Member Joined Oct, 2012 1375 posts

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://secure.ownerreservations.com/widget.js"></script>

Marina's Edge
Jul 28, 2013 12:24 AM
Joined Oct, 2012 206 posts

Solved!

Thank you.

Damon