We are glad to announce a new release of EnjoyHint (v.3.0) web tool for adding interactive hints and tips to your site or app.
The new update is featured by improved functionality, minor bug fixes, and more detailed and simplified description of EnjoyHint steps, which you can find on GitHub.
Let’s give you a peek at the major features and improvements:
The updated version of EnjoyHint allows auto scrolling to the highlighted element and setting scroll animation speed so that you could either slow the scrolling down or speed it up.
Hiding ‘Next’ and ‘Skip’ Buttons
Now you can easily hide the buttons ‘Next’ and ‘Skip’. Previously, there were always displayed on all steps of the sequence, even when not used.
HTML Markup in Description
It is possible to use HTML markup in a description. Previously, when you added any HTML code, it was displayed as plain text.
We’ve added the destructor method that deletes EnjoyHint created by a user once the user has followed all the steps.
Simplified Property Names
We’ve simplified the names of properties that are used to describe steps. Now, these names are written as compound words in the CameCase style.
Use of Grunt.js
EnjoyHint allows defining the shape of the highlighted area, making it either rectangular or round. If you choose it to be round, you can set the circle radius to fit the highlighted area.
Besides, you can learn what step you are on by the class enjoyhint-step-* ( where * stands for the step number).
We’ve also updated the logic for the keypress event. Now the key tells EnjoyHint to go to the next step when you click on the button defined by the keyCode.
You can evaluate the described features and improvements in the new live demo that explains how it works.