- Features
-
Why OwnerRez?Why OR?
- Why OwnerRez?
- What Our Customers Say
- Awards & CertificationsAwards & Certifications
- Who We Are
- Our Story
- Meet the Team
- Want to Work Here?
- 2023 Company Retreat
- What We Believe
- People First
- Our Values
- OwnerRez versus
- Lodgify
- Guesty
- Pricing
- Blog
- Connect
-
Help
- Support Center
- Videos
- Latest Updates
- Contact Us
- ProServices
- ProConnect
- ProTransfer
- WebAssist
- Resources
- Vacation Rental Guides
Widgets not displaying correctly
Marinas Edge
Jul 26, 2013 2:53 PM
Member for 14 years
73 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://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>
Chris Hynes
Jul 27, 2013 3:03 PM
OR Team Member
Member for 13 years
24 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://app.ownerrez.com/widget.js"></script>
Marinas Edge
Jul 28, 2013 12:24 AM
Member for 14 years
73 posts
Solved!
Thank you.
Damon