Mindbody Healcode Widget not functioning in 7.1

Hi @paul2009, I am having a different issue with the appointment widget from Mindbody. When I add it to a Squarespace 7.1 site it adds a scroll bar and only displays the top line of the widget. Any ideas on how to fix this? Here is the code I pasted into the code block and a link to the page.

<script src="https://widgets.mindbodyonline.com/javascripts/healcode.js" type="text/javascript"></script>
<healcode-widget data-type="appointments" data-widget-partner="object" data-widget-id="9a11121163ea" data-widget-version="0" ></healcode-widget>

https://www.quietbodies.com/private-pilates

URL: https://www.intentionalyoga.com/pricing-test

@paul2009 Hey Paul/ Community! I am having issues with a similar but different problem with a Mindbody widget. I am adding what they call "Buy Now links" on my site and I had success implementing the JS healcode in a code block, but one of the buttons isn't rendering like the rest. 

The code I am putting in is below, straight from Minbody, and the rest of the buttons are using the same code and render fine. Any help?? Thanks so much!

<script src="https://widgets.mindbodyonline.com/javascripts/healcode.js" type="text/javascript"></script><healcode-widget data-version="0.2" data-link-class="healcode-contract-text-link" data-site-id="3643" data-mb-site-id="10414" data-bw-identity-site="false" data-type="contract-link" data-inner-html="Individual Membership - $120" data-service-id="100" />

I've read through all of the posts so far on Heal Code and Mindbody in Fluid Engine, but so far I can't find anyone else with this issue. 
I have a book now button that is tied to a mindbody widget with multiple services. Image 1 shows how it appears on the old 7.0 website when someone clicks it. Image 2 shows how it's set up on 7.0 - a button that directs to #booknow and then code directly underneath it. Image 3 shows the code that's attached to the button - code was provided directly by mindbody (it's the code for that particular widget).

In 7.1, I tried setting it up the same way - a button directing to #booknow with the code directly underneath, but when I click it, nothing appears like it does on the 7.0 website (shown in image 4). I know there was a workaround for the header code for the calendar not displaying properly, so I'm hoping someone has a code to help this fix? Or does anyone know how I can get a button tying directly to code so when someone clicks the Book Now this widget will open? 

I've read through all of the posts so far on Heal Code and Mindbody in Fluid Engine, but so far I can't find anyone else with this issue. 
I have a book now button that is tied to a mindbody widget with multiple services. Image 1 shows how it appears on the old 7.0 website when someone clicks it. Image 2 shows how it's set up on 7.0 - a button that directs to #booknow and then code directly underneath it. Image 3 shows the code that's attached to the button - code was provided directly by mindbody (it's the code for that particular widget).

In 7.1, I tried setting it up the same way - a button directing to #booknow with the code directly underneath, but when I click it, nothing appears like it does on the 7.0 website (shown in image 4). I know there was a workaround for the header code for the calendar not displaying properly, so I'm hoping someone has a code to help this fix? Or does anyone know how I can get a button tying directly to code so when someone clicks the Book Now this widget will open? 

On 12/19/2023 at 2:33 AM, cleone713 said:

I've read through all of the posts so far on Heal Code and Mindbody in Fluid Engine, but so far I can't find anyone else with this issue. 
I have a book now button that is tied to a mindbody widget with multiple services. Image 1 shows how it appears on the old 7.0 website when someone clicks it. Image 2 shows how it's set up on 7.0 - a button that directs to #booknow and then code directly underneath it. Image 3 shows the code that's attached to the button - code was provided directly by mindbody (it's the code for that particular widget).

 

In 7.1, I tried setting it up the same way - a button directing to #booknow with the code directly underneath, but when I click it, nothing appears like it does on the 7.0 website (shown in image 4). I know there was a workaround for the header code for the calendar not displaying properly, so I'm hoping someone has a code to help this fix? Or does anyone know how I can get a button tying directly to code so when someone clicks the Book Now this widget will open? 

Can you share link to this page (7.1), we can check easier

On 12/21/2023 at 5:48 AM, tuanphan said:

Can you share link to this page (7.1), we can check easier

https://tiger-seabass-t5wk.squarespace.com

Hi -- I'm having a problem with the calendar covering the text below. Any idea how to fix?

See: https://www.bodydesignonline.com/personal-training-1

Thanks!

On 4/17/2024 at 12:12 AM, BD1 said:

Hi -- I'm having a problem with the calendar covering the text below. Any idea how to fix?

See: https://www.bodydesignonline.com/personal-training-1

Thanks!

I see it looks fine. Can you take a screenshot of problem?

Sorry -- I was experimenting with columns to try and solve the problem. Still couldn't get it to work on mobile, but I've now changed it back to having the widget above the text and you should see the overlap issue. Also, attaching a screenshot. Thanks so much taking a look!

On 4/19/2024 at 12:18 AM, BD1 said:

Sorry -- I was experimenting with columns to try and solve the problem. Still couldn't get it to work on mobile, but I've now changed it back to having the widget above the text and you should see the overlap issue. Also, attaching a screenshot. Thanks so much taking a look!

You can use this code to Website > Website Tools > Custom CSS

div#page-section-661eac8f76dd7460ce8ebee5 div.header {
    max-height: unset !important
}
#hc-appointment_form_c41180734b24 {
    margin: unset !important
}

Perfect -- thanks so much!