Click each tab to learn next - Next button

mmalhotra-4421
Community Member Posts: 21 ☆ Roadie ☆
Comments
-
There are a lot of ways to do that - the way I found to make it more quickly to repeat, is to:
- Put a transparent button over the next button. On click, display message "please participate in all activities on the page before continuing" (or something generic enough it will apply across other scenarios).
- add an action to each button to modify a variable - lets call them var1 for button 1, var2 for button 2, var3 for button 3 (Good to have these save between sessions as well). make that the first action of the button. You can modify however you like, but lets say you make the initial value zero for each, and change the value to 1 when the button is clicked.
- the last action of each button can be the same. (meaning make once, and copy/paste to the others). Hide the transparent button (from step 1), with condition that must all be met - var1 equals 1, var2 equals 1, var3 equals 1.
- bonus page action - in case the user revisits the page, you don't want them to have to click through again since they already did - so on page show, hide transparent button with the same conditions from the step above.
I went ahead and mocked this up in a module (attached). This literally took me 3 minutes from start to finish creating everything in this demo. At first, getting the concepts down will take some time, but once you get used to it, it will be very quick to do.- Adam Cain -
Thank you Adam for being such a great help and guide.
I tried option 1, the message displays. However, once all the tabs are clicked - the Display message still appears.
Is there a link where I can learn variables? I haven't ever worked on it ever in Lectora (just storyline 3).
Also, for bonus page - do I need to create a new page?
Kindly guide.
-
I know Lectora has some courses related to variables - probably some webinars or actual classes you can take. I'll let someone else chime in on that - I'm not positive on the details. I'd recommend taking those courses to get you grounded - used to be a beginner, intermediate, and advanced course...
You have a good start - but there isn't really a need to complicate things by having the pop-up info on separate pages - you can have it all on the same page. (show the image, hide the others essentially). I've mocked up your .awt with that style to get you started. You need variables to trigger so you know the user has clicked the button - that is essentially all you are doing. Then an action to hide the transparent button if those conditions are met. (Maybe someone else has an easier setup option as well).
(I also changed the type of course to a SCORM/AICC style out of habit - you can change the settings back if you don't need this course in an LMS).- Adam Cain -
Not to argue with Adam, whose method will work fine.
My own standard solution is to have the Next button hidden when the student arrives on the page. Whenever a tab is clicked, a variable goes up by 1. The second action on the button says "If this variable is 3 (or whatever number) or higher then Show the button." There are variations (such as disabling the button instead of hiding it). -
-
Hi Adam/Carl,
I tried replicating the mock file, but my file seems to be missing something.
I am unable to figure that out, request if you could check where am I going wrong under "Guidelines" section in the attached file.
Regards
Malvika -
Hi Malvika - I think you are close. What you are missing is in the properties tab of the pop-up images (or group), and properties of the button. Essentially you want the group your pop-ups are in to be "Initially Hidden", and your buttons you don't want to be "Always on Top". These options are in the 'Appearance' area of the Properties Tab - please see screenshot:- Adam Cain
-
Thank you for being such a good teacher Adam. This motivates me to continue practicing Lectora.
There are few things that are still incomplete at my end - can't figure out, as attached. -
-
Really the same 2 options from the screenshot above. all of your image assets that show up when you click the button should NOT be initially visible (checkbox). And the buttons you want behind the images once clicked (so don't make them always on top, and either make sure those images are layered above the buttons, or check those images so they are 'always on top'.- Adam Cain
-
-
Hi,
I tried this again but my actions aren't allowing me a polished review.
Kindly suggest and guide on where am I going wrong?
Regards
Malvika
Categories
- 35.8K All Categories
- 109 ✫ Announcements
- 33.1K Lectora®
- 31.1K Lectora Discussions
- 28.9K Lectora Desktop
- 2K Lectora Online
- 2K Lectora Feature Requests
- 71 Lectora User Groups
- 36 Lectora Accessibility User Group (LAUG)
- 22 ELB Learning Content
- 22 ELB Learning Content Discussions
- 321 CenarioVR®
- 188 CenarioVR Discussions
- 133 CenarioVR Feature Requests
- 41 Rockstar Learning Platform®
- 38 Rockstar Learning Platform Discussions
- 108 CourseMill®
- 108 CourseMill Discussions
- 47 ReviewLink®
- 47 ReviewLink Discussions
- 5 The Training Arcade®
- 5 The Training Arcade Discussions
- 934 All Things eLearning
- 36 eLearning Development
- 546 Learning Management System (LMS) Integration
- 332 Web Accessibility
- 1.2K ♪ The Green Room
- 9 Additional Learning Products