Widgets not displaying correctly

Replies: 3 - Pages: 1 - Last Reply: Jul 28, 2013 12:24 AM by: Marinas Edge
Marinas Edge
Registered: 10/10/12
Widgets not displaying correctly

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
Registered: 10/19/12
Re: Widgets not displaying correctly

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>

Marinas Edge
Registered: 10/10/12
Re: Widgets not displaying correctly

Solved!

Thank you.

Damon

Pages: 1