• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Hiding a Continue Button Until all Flipcards are Turned

Explorer ,
Apr 01, 2023 Apr 01, 2023

Copy link to clipboard

Copied

Good morning, all; 

 

I am having an issue that I thought/hoped would be fixed with a simple advanced action, but it seems that is not the case, so I was hoping someone here may have a quick, not-too-complex solution. 

 

I have made a slide with three simple flipcards:

 

Screen Shot 2023-04-01 at 11.55.26 AM.png

 

Each card their own advanced action and they all work perfectly: 

 

Screen Shot 2023-04-01 at 11.55.15 AM.png

 

However, as I needed a way for learners to move on after they flipped the cards, I added a Continue button, which you can see in the first screen shot. This way, they can control when to move forward in case they want to reread the cards. However, I want them to turn all the cards to read them before they move forward, so I don't want the continue button to appear until after they have done so.

 

As a possible solution, I created variables for each of the flipped cards and added them to each of the cards' advanced actions to be incremented by 1 when they get a click, which you can see in the second screen shot. 

 

Then I wrote this simple advanced action to say if all three card variables are greater than or equal to 1, show the Continut button; if not, hide it: 

 

Screen Shot 2023-04-01 at 11.54.46 AM.png

 

I put this as the action for the slide (Slide > on Enter > Execute Advanced Action), but it doesn't work. Perhaps I put it in the wrong place, or wrote it wrong, or it's not possible, or I'm missing something. 

 

Does anyone have any ideas? Again, something not too time consuming or complex because I have to finish this project ASAP and this is the last of the wrinkles. 

 

TIA!

samamara

Views

371

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Apr 01, 2023 Apr 01, 2023

I cannot test because my license has expired waiting for extension. Or I would have double-checked 

Can you just for testing take out the Delay? Or better, move the Increment to the top of the commands... 

Due to the Delay the Increment happens before the condition is checked... Sorry for that, due to me being without access to CP.

Votes

Translate

Translate
Explorer ,
Apr 01, 2023 Apr 01, 2023

Copy link to clipboard

Copied

PS: the Continue button is set to be hidden in the output (with the mark across the eye in the Properties panel, and here is an image of the timeline, in case it's relevant: 

Screen Shot 2023-04-01 at 11.55.58 AM.png

 

Thanks!

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Apr 01, 2023 Apr 01, 2023

Copy link to clipboard

Copied

I have described exactly this use case during a webinar in 2020 (about shared and advanced actions) and created this blog post:

https://blog.lilybiri.com/tips-and-tricks-advanced-to-shared-action-intermediate

You need to embed the conditional action in the flipcard actions. In this example case I use a shared action, which can be reused over and over again even with more or less flipcards. 

Until recently the recording was still in the eLearning community, but I fear it has now disappeared.

However a comment on your timeline. Please have all the pausing points of the flipcards at the same frame, even thought they appear staggered. I also don't understand the slide duration which is much longer than the audio timeline. Since the pausing points keep the playhead paused, there is no need to add so many inactive frames. I don't know the functionality of Shape_2 which is anchored to the end of the slide timeline and IMO will never be visible because the last pausing point is before its timeline. Last question: why is the background image delayed?

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Apr 01, 2023 Apr 01, 2023

Copy link to clipboard

Copied

Many thanks @Lilybiri ! I was hoping for a quick answer and am not at all surprised that you were the first in the pool here. I'm not sure I'm going be able to replicate what you've done in your blog, as I'm nearly out of time. Is there anything that I can do/add to the advanced actions I already have written to make this as quick and easy as possible? In future I can follow what you've shown but for now I need a much faster solution. I may have to just have the continue button on the slide and hope they turn the cards, but I really don't want to do that. 

 

I will change the pause points to the same frame and will shorten the slide duration. I didn't think it mattered since I just want them to click to flip and then hit continue when they are finished reading. Thanks for that!

Shape 2 is a semi-transparent shape that covers the background before the cards appear. It is visible in the HTML5 preview though. The background delay was a mistake; still needed tighten up the timeline. 

 

Thanks again!

samamara

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Apr 01, 2023 Apr 01, 2023

Copy link to clipboard

Copied

Embed the conditional action as second decision in your Flipcard actions, will be the same for the 3 actions. You can take out the ELSE part, since the Continue button is already hidden. Anyway I would use the On Enter event to Hide that Continue button, if you want to allow to revisit the slide.  The states will automatically be reset if you didn't activate the option 'Retain state...', but you'll also need to reset the three variables to 0 with the same On Enter action. Repeat: this is not necessary if revisiting the slide is not possible.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Apr 01, 2023 Apr 01, 2023

Copy link to clipboard

Copied

Thanks so much again @Lilybiri! Sorry...I just want to be clear. You said "embed the conditional action as second descision in your Flipcard actions". Do you mean like this: 

Screen Shot 2023-04-01 at 1.52.47 PM.png

And do the same for all three flipcard advanced actions?

Thanks!

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Apr 01, 2023 Apr 01, 2023

Copy link to clipboard

Copied

Yes. The second decision is always the same, so you can use the copy/paste functionality in the Advanced Actions dialog box to work quicker.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Apr 01, 2023 Apr 01, 2023

Copy link to clipboard

Copied

Thanks again @Lilybiri - but I can't seem to get it work. I have isolated this slide in a simple project on it's own, and there's nothing in it but these few elements, three variables and three advanced actions with two decisions each but it's not showing the continue after I click all three cards in the HTML5 preview. I'm not sure what I'm missing. I feel it should be a simple fix but clearly I'm missing something. 

Screen Shot 2023-04-01 at 2.12.28 PM.png

Screen Shot 2023-04-01 at 2.12.05 PM.png

Screen Shot 2023-04-01 at 2.13.28 PM.pngScreen Shot 2023-04-01 at 2.13.59 PM.pngScreen Shot 2023-04-01 at 2.13.43 PM.png

Any other ideas you have would really be appreciated!

Thanks

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Apr 01, 2023 Apr 01, 2023

Copy link to clipboard

Copied

I cannot test because my license has expired waiting for extension. Or I would have double-checked 

Can you just for testing take out the Delay? Or better, move the Increment to the top of the commands... 

Due to the Delay the Increment happens before the condition is checked... Sorry for that, due to me being without access to CP.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Apr 01, 2023 Apr 01, 2023

Copy link to clipboard

Copied

@Lilybiri - many many thanks! Shifting the increment to the top of the commands did the trick. Once again, you've saved the day! I can't thank you enough 🙂

Sam

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Apr 01, 2023 Apr 01, 2023

Copy link to clipboard

Copied

You marked your answer as correct... Not so important, just want to mention it. 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Apr 01, 2023 Apr 01, 2023

Copy link to clipboard

Copied

LATEST

Sorry...I didn't notice! I wondered why I got a badge notification. My head is fully into completing this project today. I fixed the correct answer to yours now 😉

 

Sam

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Resources
Help resources