Lock an item on my website

Responsive Flexible Layouts
1

Merry Christmas to all Hype users!

I have created a website entirely in Hype. It features a real working clock. I learned how to make it in detail on this forum in the past. However, the user can move the entire clock from right to left. How can I lock it in place while the clock continues to run?

Have a great time

1 Like
2

It looks like you have implemented the clock as an HTML Widget (an iframe on the page) that is referencing another Hype animation.

There's several ways to do this based on how you position and set the size, but I'd say the easiest "hack" to remove the scrollbars from the HTML Widget would be these steps:

For each layout where the clock exists:

  1. Select the HTML Widget
  2. Choose Edit > Edit Element's Inner HTML
  3. Add a style tag that set's the body's overflow style to hidden at the top. Thus the entire HTML Widget source would look like:
<style>
body {
	overflow: hidden;
}
</style>

	<div id="gaanderenseklok_hype_container" class="HYPE_document" style="margin:auto;position:relative;width:500px;height:500px;overflow:hidden;">
		<script type="text/javascript" charset="utf-8" src="https://www.janmac.nl/Gaanderenseklok/Gaanderenseklok.hyperesources/gaanderenseklok_hype_generated_script.js?45662"></script>
	</div>
1 Like
3

It's hard to believe that the CEO of Hype provided a solution to a website problem encountered by an complete amateur programmer in such a short time, enabling him to resolve the issue.
Many thanks from this 78-year-old Dutchman!
Hopefully, I won't be around to see to see companies like Google buy Hype and start offering subscriptions at premium prices. That's what happened with Sketchup, one of my favorite apps at the time, but I don't use it anymore because of the absurd price.
Thanks, thanks, thanks!

2 Likes
4

Glad that helped... and don't worry, I don't think Google would be interested! :rofl: