Transparent Button inconsistent
October 6, 2015 12:00 AM
Hi,
I have several transparent buttons that I have placed over several different images and overlays, when clicked the action does not always work and it can be a bit hit and miss.
If you try clicking on one section several times or back and forth from one to another very quickly the buttons do not work, why is this?
Link to the course below.
Thanks.
undefined
Transparent_Button_Problem
Discussion (12)
I just tried it and it worked very well. Nice! Ran it in Google.
The link you supplied does not work (404), so I cannot confirm the problem. Could you check again, please?
Thanks for sharing! I just tried it and it works great, at least in terms of button clicking / rollovers. There are a few problems like WhatsApp button opening Facebook page, not WhatsApp page, but that obviously has nothing to do with Lectora :)
I can see what your talking about with the delay. It appears that the image transition is keeping the button from being clickable until the action is complete. I'd be curious to see your working files if your willing to provide them.
Have you tried clicking on several different options before one of them loads up? Or double clicked on each option instead of a single click? Or trying to click before the page has loaded?
This seems to be what causes the problem.
Thanks
I ran the course thru debug mode and confirmed my hunch. Because the actions are all added onto the object as soon as one is put into action the others fire as well. So when you click on it to go to the correct page you're experiencing the four second delay from the entrance and exit two second delays combined. I found a "solution" if it's bothering you enough to re-program. I took your button states and switched it into an image button within Lectora. You loose some of the pow of the transition but it's still app like or modern looking. I've attached the working files with Facebook and Twitter updated if you want to see it in action. Let me know if you have any questions.
Hi again,
I have fixed the problem and simply put everything onto one page. However the ticks for LinkedIn and WhatsApp do not function like the rest.
When I click on the last downwards arrow in each section a tick should appear to indicate that the section is complete.
Each section does work except for the LinkedIn and WhatsApp sections and I do not understand why!?
I've attached an updated file, any help would be appreciated.
Thanks
Ignore the file above it isn't the correct one.
Discussions have been disabled for this post