# Unable to select duration when embedded

**URL:** <https://forum.youcanbook.me/t/unable-to-select-duration-when-embedded/2409>\
**Category:** Availability\
**Created:** [September 19, 2023, 1:18am UTC](https://forum.youcanbook.me/t/unable-to-select-duration-when-embedded/2409 "2023-09-19T01:18:19Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![stupidold](https://avatars.discourse-cdn.com/v4/letter/s/13edae/32.png) [@stupidold](https://forum.youcanbook.me/u/stupidold)\
**Post date:** [September 19, 2023, 1:18am UTC](https://forum.youcanbook.me/t/unable-to-select-duration-when-embedded/2409/1 "2023-09-19T01:18:19Z")

</div>

Since the updated calendar settings it’s impossible for clients to select their own duration when the form is embedded on our website.

This is how the form displays: [Premium Podcast Studio Hire — Production Studio Hire](https://stupidoldstudios.com/podcast)

They should be able to select the duration and then select the date (it used to be they would select starting time and then select duration on the next page) but now there seems to be no option other than 1 hour.

Has anyone had the same issue and worked out how to fix it?

---

<div class="post-metadata">

**Author:** ![stupidold](https://avatars.discourse-cdn.com/v4/letter/s/13edae/32.png) [@stupidold](https://forum.youcanbook.me/u/stupidold)\
**Post date:** [September 19, 2023, 1:19am UTC](https://forum.youcanbook.me/t/unable-to-select-duration-when-embedded/2409/2 "2023-09-19T01:19:53Z")

</div>

Also a lot of the controls don’t work. for example the back button, the today button and the scroll arrows. It’s a bit of a mess and i’m not sure we can continue to use a product that is so broken.

---

<div class="post-metadata">

**Author:** ![Ben](https://yyz1.discourse-cdn.com/flex027/user_avatar/forum.youcanbook.me/ben/32/772_2.png) [@Ben](https://forum.youcanbook.me/u/Ben)\
**Post date:** [September 19, 2023, 12:57pm UTC](https://forum.youcanbook.me/t/unable-to-select-duration-when-embedded/2409/3 "2023-09-19T12:57:48Z")

</div>

@stupidold checking the embed it looks like the script might be blocked to allow the navigation. You can try embedding with an iFrame:

```auto
<iframe src="https://yourdomain.youcanbook.me/?
embed=true"   
	id="ycbm"
style="width:100%;height:1000px;border:0px;background-color:transparent;"
frameborder="0" allowtransparency="true"></iframe> 
<script>   
window.addEventListener && window.addEventListener("message", function(event){ if (event.origin === "https://yourdomain.youcanbook.me"){
document.getElementById("ycbm").style.height = event.data + "px";  
	}}, false); 
</script>

```

Replace [https://yourdomain.youcanbook.me/](https://yourdomain.youcanbook.me/) with your YCBM link. If this script doesn’t work either, you can remove it and keep the top iFrame part.

---

<div class="post-metadata">

**Author:** ![stupidold](https://avatars.discourse-cdn.com/v4/letter/s/13edae/32.png) [@stupidold](https://forum.youcanbook.me/u/stupidold)\
**Post date:** [September 19, 2023, 1:20pm UTC](https://forum.youcanbook.me/t/unable-to-select-duration-when-embedded/2409/4 "2023-09-19T13:20:54Z")

</div>

This worked! Thank you so much Ben 🙂