Adobe Captivate 2017 - Responsive Custom Quiz Questions | PAUL WILSON | Skillshare

Adobe Captivate 2017 - Responsive Custom Quiz Questions

PAUL WILSON, eLearning Designer, Developer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
9 Lessons (1h 21m)
    • 1. 1 Introduction

      3:08
    • 2. 2 Fluid Boxes

      20:22
    • 3. 3 Best Practices and Variables

      7:36
    • 4. 4 Standard Advanced Actions in MCQ

      7:11
    • 5. 5 Conditional Advanced Actions for Submit Function

      8:44
    • 6. 6 Creating a Reset Advanced Action

      5:21
    • 7. 7 Multiple Choice Multiple Answer Questions

      8:49
    • 8. 8 Submitting Multi Answer Custom Questions

      6:55
    • 9. 9 Making Custom Questions Function as a Final Quiz

      12:30

About This Class

In this course, you will learn how to...

  • create a responsive design interface for your question slides in Adobe Captivate 2017 using fluid boxes
  • setup variables to keep track of the selections made by the users of your eLearning course
  • write advanced actions that will form the basis of the interaction for your users
  • write conditional actions that will validate if your user has submitted the correct answers to your questions
  • convert your questions to become scored final quiz questions

Transcripts

1. 1 Introduction: welcome to this premium video tutorial on creating custom questions. Slides in Adobe Captivate 2017. I want to thank you for purchasing this video. Unlike other video tutorials I've created, this course will guide you in the creation of a responsive design interface, using fluid boxes and writing advanced actions to perform the various functions of several types of multiple choice questions. I've been creating my own multiple choice questions for Adobe Captivate for several years. You might be working through this video because your project stakeholder has asked for something that isn't available in the default captivate product. You might simply want to challenge yourself. In either case. This course will help you understand the majority of procedures to create your own advanced actions and designed truly unique interactive digital content. Using captivate 2017 let's get started. Upon completion of this online course, she'll be able to recreate the slides you see on your screen. The first is a multiple choice question where there is a single answer. The slide is designed as a knowledge check where the user can keep attempting to answer until they get it right. It uses adobe captivate 2017 fluid boxes so it will demonstrate responsive design across multiple different mobile devices and still display in a predictable fashion. This slide uses three main types of advanced actions. The first is a slide reset advanced action that returns all the items on the page to their default setting. While this advanced action is optional, it is recommended, especially if users will have the option to return to this slide. The second type of advanced action is used on each of the answer button. The advanced action will select the button, keep track of what has been selected and de select all the other buttons on the slide. The third advanced action is associated with Submit Button and is a conditional action, a special type of advanced action that runs more than one set of actions depending on if a condition has been met. The second type of slide you will learn about making is a multiple choice question as well . However, users can select more than one answer like before there's a slide reset action, an advanced action for selecting and keeping track of which answers have been selected. In this case, they can select more than one and an advanced action for the submit button as well. In addition, you'll learn how to show, hide, enable or disable various items on your multiple choice questions until your user has completed certain activities. Once they've successfully completed the activity, the button to move forward is displayed. Let's start by building our slides and ensuring that they're designed with responsive design enabled. 2. 2 Fluid Boxes: okay. To get started, we're going to click on Responsive Project and create a new responsive project that's will be a new captivate 2017 responsive project. First thing I'm gonna do is I'm going to switch to the ah white scene and also select a completely blank slide. So for this project, I need five fluid boxes. So we'll click on the fluid box, dropped down icon from your toolbar and select vertical and choose the five fluid boxes that will need. So there's a couple of choices that I need to make with regards to my style tab, and we're going to keep this vertical. If there was a reason you needed to change it, you could certainly do so. But we're going to stick with vertical. We're also going to change the rap to squeeze in a column, because what I want to have happen is I wanna have this stay in this configuration. Um, the percentage can be 100% in this case, and what we're going to do is leave all over the defaults. But I am going to add some padding because I want some space in between my fluid boxes. This is mostly of personal preference. Ah, but I do like the effect of having a little bit of white space insured between all of my individual fluid boxes. My child fluid boxes, if you will. So I'm gonna put 50 pixels Ah, horizontal. And this will give me a nice margin on either side of my page and then 10 pixels, and this will space out the individual fluid boxes. Now, the next thing I'm going to do is I'm gonna go to my options tab because white is kind of boring and we're going to select a fill for the parent fluid box. And in this case, you could do anything you want here. But I've got an image in mind. So I'm gonna select image filth and will select the fill pattern. Uhm and shoes a custom image. And it's not already in my library, so I'll have to import it. And I've selected this image here, and you could make some modifications if you need to. I'm just gonna click, OK, And this creates a nice background that I can use. I can also change the opacity if I wanted to be a little lighter and appearance, but I think this will be fine for what I want to do now for this particular project, I want to maintain control of all navigational elements. So what I'm going to do is I'm gonna press shift F 11 on my keyboard, and that's going to open up the skin editor. And this is where you can turn on or off and customize your playback controls. In this case, I don't actually want to show playback control. So I'm just gonna uncheck that option from here while we're in this window. Aiken, click on the Borders tab and actually change the HTML background. And I recommend this because this will give your e learning project a really nice look within a variety of different browsers. And what I'm gonna do is I'm gonna use the eyedropper tool to select one of the colors that's in that background image that I'm using so that when you open this project in a browser, you won't necessarily be able to see where the browser window begins and the project ends. So it'll blend. Blend in quite nicely. Click there. And now I can close the skin editor. So now we're going to start building Thebe basics of this slide. The first thing I'm going to do is I'm going to select the first fluid box. Now I have this reserved in mind for a title and I'm just going to use text captions for this. So I'm gonna click on text and then choose text caption and it will create a default text caption using one of the styles that are built into adobe captivate. I'm just going to change this Teoh Ah caption type that is just transparent. And I mean a paint stand my title, and we're gonna change the font to be a little bit larger. Let's bump this up to saying about right there, I'm gonna change the font color toe white. And I think we're going to go with, um maybe bold italic just to give it a unique look. Now I'm going to select my second fluid box and this I have earmarked for the questions stem or the question itself. So again, I'm gonna using text caption and well paced in the text that I have for that. And we'll also change that caption type too transparent and will change the font color to whites and I think we'll make this about 30 points. I'm also going to change the alignment Semedo left aligned on that and top a line so that it remains tight. And the next thing we're going to do is we're going to create some of our answers and you can do this a number of different ways. I think in this case, though, I'm going to create a smart shape. And I'm gonna do one answer for starters and make sure that's in the appropriate fluid box . There it is. I'm gonna uncheck maintain aspect ratio because actually want this to go the full width of the spots and we're gonna change. Some of these style options here will make it, Ah, white background. We're gonna have it 100% opacity and, um, well, type in the first answer. In this case, it just happens to be the correct answer. But it could be any of them. And in this case, it's Justin Trudeau is the correct answer. And let's change some things about it. Let's first of all, change the color to black will change the font size too. I'm gonna say 25. That should be good. And uh, I think what we'll do at this point is we'll deal with turning this into a button. So we're gonna use this as a button. And now let's go into state view and set up what are alternate states will look like So the default state will be white with the black text, the roll over. Let's go with a gray color and then maybe change the font toe white and the down state will have maybe a slightly darker grey. Also white text. And I'm gonna add an additional state. I'm gonna add a state here now, of course, in Adobe Captivate 2017 the default state that it wishes to create when you wish to add ISTEA is the inbuilt state of visited. In this case, I want a custom state and I'm gonna call this selected. This will be my own state and you'll see why this is important Later. Now, for my selected state, I'm going to change the color too. Let's go with green for fun and, uh, make the text. I think white works well. Now my recommendation is now that you've built this button with all of its multiple states , you're gonna want to save it as its own unique style. That way you can reuse the style a gain later without having to go through all of those steps that you just witnessed me Dio. So using the menu item, that's right. Next to style name here. We're going to create a new style, and you can call this whatever you like. I'm just gonna call this white button click, OK? And now what I'm gonna do is I'm gonna duplicate this. So I have a total of four buttons and let's just re label these buttons so that they are the distracters for this particular question. One of the first wrong answers is Stephen Harper. Next we have Thomas Mulcaire and the final incorrect answer in this case will be Elizabeth May these air all political leaders Justin Trudeau is the correct answer, as he was the prime minister in 2015. Ah, this layout, though, doesn't really work for me, So I'm gonna go back to my fluid boxes and I'm going to select the third fluid box, third child level fluid box. And what we're going to do is we're gonna change some of the settings here So we want to make sure that this is set up to be vertical and we're going to squeeze into a column so that they're all on top of one another. And of course, we're going to give this a little more space. I think it is important here. So, for example, I don't need as much space for my title. So let's ah, go back to fluid box selector and reduce the title and will reduce the the question and knowing what I'm going to put down in these lower flowed boxes, I think it's safe to say I can reduce the size of these items as well. I don't get into what those air going to be four shortly. So at this point here, what we want to do is well with our fluid box number three or child fluid, Box three. I'm gonna add some additional padding here because I want, of course, um, some extra space between these items to make it very clear that they are four separate buttons. So I mean, use the vertical padding, and I'm just gonna use my mouse scroll button to scroll up until I'm satisfied with the space between each item that looks good there about eight pixels. So I'm pretty happy with that. Now I'm going to create a new object, and this is also going to be a multistate object. But it isn't going to be a button in this case here. I'm just going to use a shape and I'm gonna select on rectangle, and I'll place that inside that particular fluid box. Let's select that item. I'm gonna uncheck maintain aspect ratio because actually want this item to fill this particular fluid box. And let's start to build some multistate objects for this particular item. This is going to be a feedback caption. And the purpose of making at a multi state object is that each multi state will represent a different feedback, depending on how the user has answered this question. So the first thing we're going to do, the default state is going to be completely transparent or 0% opacity, and there will be no outlines. So I'm just gonna get rid of a stroke, make that zero, and now, of course, I can go into state view and create the alternate states for that. So let's click New State, and we'll call this one correct. And what we're going to do is we're gonna change that, Teoh. A light green color will make it. Ah, again will make it completely 100% capacity. And we can use the same green color if we wish to put an outline around it and I'm going to paste in the following taxed, we're gonna modify that text of it will make me font size, say, about 25 and will change the color to black. So that's going to be the feet back. We'll see when the user gets this question. Correct? It'll say correct. Justin Trudeau became prime minister of Canada in 2015. So probably the easiest way to make additional states is to duplicate this one and make some small changes. So we'll start off with incorrect one. And I think we'll choose a dark red or Burgundy if you will, and will change the color too white to contrast that. But obviously we need to change the message, so I'll just paste in what I have in mind for when the users select Stephen Harper. That is not the correct answer, so I'll duplicate this state once more and we'll call this incorrect to and we'll change the message slightly to ST Thomas. Mulcaire is not the correct answer. Duplicate once more incorrect three and like before will change that answer to reflect the third incorrect choice. So we have our three incorrect answers we have are correct Answer. We have our default state, which is blank. No one will see anything. We're going to need one more. We're going to create ah, on incomplete message as well, in case someone tries to hit submit without making any choice whatsoever. So we'll just duplicate this state here and we will call this incomplete. And for this one, I'm going to change the color. I'm going to go with a sort of an amber perhaps maybe a light amber color and, uh, will change the text to black for this one here. And the message will change it to you must make a selection before proceeding. So I'm pretty happy with that. Those are all now in place, like an exit, that state of return back to the normal, which is completely transparent stain. And now we can start building our buttons in fluid box number five, and I'm gonna actually do two different types of buttons. I'm gonna start off with a button that's going to be a little bit different than this white button. Um, because I'm gonna have a back and a reset button, which is not going to be the main focus of thes navigation controls. The main focus will be submit and next, but I'm going to make those look a little different. So let's start off by creating a new smart shape and I'll place this down there in the fluid box again, we're gonna uncheck, maintain aspect ratio. Even though I'm gonna add additional buttons to this particular fluid box. I do want Teoh have it. Fila's much space is possible. So this first button is going to be a back button and it will always appear on the slide so it won't be hidden or anything like that. And we'll just ah, we'll match the text formatting here to this so we'll make that 25. I think a grain is appropriate here. Maybe a a lighter grain than that. We're gonna make it Ah, we're going to make it 100% capacity and we use the same grain for the outline. We're going to use this as a button, so we'll check off uses button and let's go into state view. So weaken design. What are rollover effect will look like. Maybe it will make it a little darker and change the text to be white. And for the down state will go completely black and also change the text of white. So that takes care of our back button. Let's save this back button as a new style so that we can use it again in the future. So under style name, we're going to create new style and we'll just call this great button. Come. So I'm going to duplicate this because I'm going to need another button. And of course, I don't like the layout of this particular the way these buttons air changing here. So I'm gonna make one change to that last fluid box, and I'm going to take off the rap to next row and change that to squeeze into a row. And I'm also gonna add some padding as well, let's say 15 and 20 just to give those buttons a little of a little space. So this next button here is actually going to become a reset button and I'm going to duplicate this again. Except this time I'm gonna call this button submit, and we're going to change its style because I wanted to stand out from the grey buttons. So I'm gonna make this one a white button and I mean duplicated once more and create a next button so you can also play with your fluid box spacing again. You might decide that that's not enough room for, ah, the buttons along the bottom. So you could maybe bump that up, make a few changes to the spacing and so on. So I think we're pretty good there. We have all the elements that we need to create our fluid box couple of things that more housekeeping issues that you might want to keep in mind. As you, of course, resize this project to different devices. You may want to check off, enable uniform text scaling and choose a minimum font size. I'm OK with the 14 but I do know that I'll probably need to shrink things down for the sake of the title and the question itself. So that's a good thing to check off 3. 3 Best Practices and Variables: before we start getting into building our advanced actions to create the functionality behind this multiple choice questions find we do want to take care of some small housekeeping issues. The first thing I like to do is sort of a best practice is. Make sure that all of my objects have a proper name. Starting with the slide. We can call this question one that might be useful later when you're creating a table of contents, the title will call this title and spaces in, Ah, the Slide Properties panel label will get replaced with underscores so text. Sorry. Title underscore Question 01 and stem 100 Score question 01 and we can give each of our answer buttons. So answer button 01 Question one. And I'm going to copy this because we're gonna reuse that formatting and will apply the same thing here except will change button 12 button, too. And the same thing here. It almost doesn't really matter what you choose as long as you choose something that you'll be able to easily recognize later when you're creating your advanced actions. So a little bit of extra work now will save you a whole lot of work later. So there we go. So all of our buttons have the proper labels. We're going to make sure our back button, uh, button question one reset button question one, submit button, Question one and lastly, our next button. So now all of our objects have proper names. That'll be easily found when we're creating advanced actions to either show or hide various objects and so on. Sometimes what happens when you're working on a slide, you might extend the length of that slide and many objects. Default is to simply appear for three seconds. So one of the other best practices that I like to do is to make sure that I extend all of the objects on my slide to the end of the slide. Unless there's a reason for it to disappear before the end of the slide, you can use your timing panel to select display for rest of slide for any of these objects . And if you are a keyboard shortcut person, you can use Control E to extend any of these objects to the end of the slide, and that might save you a little bit of time. So now all of my objects are set to display for the rest of the slide. They all have proper names. You'll notice I have quite a few interactive elements buttons, if you will, that all have pauses on it. As a general rule of thumb. The only buttons I like to have pauses on our navigation controls that take you outside of the current slide. So in the case of my answer buttons, I'm going to select all four of those. And I'm gonna uncheck pause after 1.5 seconds so that there is no pause associated with, um, The reason for this is that when you have a pause on a button hitting in the second time, will unp ause the project and continue with the rest of that slide? I don't want that action to occur when the user makes a second choice or 1/3 choice when trying to see if they can find the correct answer to this question. The other buttons. I don't want to have a pause on our my reset button and my submit button the game because those might get hit more than one time. The back buttons OK, cause it's going to simply take you to the previous slide and the next button. It will take you to the slide after this. Now the default appearance of my next button. I actually don't want to appear unless the user has answered this question correctly. So what I can do is I can click on the visible and output icon, which is next to the label for the properties panel for that particular item. So just click on that and you'll get a red line through it, indicating that this item is not visible in output. One last bit of housekeeping I'm going to take care of in preparation of making my advanced actions, I'm going to need to keep track of which button a user has pressed. And the easiest way to do that is to use a variable of variable is simply a container that keeps track of information and you can store values in those containers. So to create a variable here, I'm going to go to my project, drop down menu and select variables. This will open up the variables window, and from here I can add new variables as I need them. So I'm going to select add new. And one of the naming conventions for variables that is often used is to start with V underscore to denote that this is a variable and then we can give it a name. Answer one question one. I'm just gonna copy that. I'm gonna use that naming convention for the other three copies of this variable going to give it an initial value of zero. It's save add new. What has changed that to answer to question one zero save I knew Answer three again. An initial value of zero Answer four. And once more an initial value of zero It save close, and now we're going to be ready to start building some of our advanced actions. 4. 4 Standard Advanced Actions in MCQ: in the previous lesson. I forgot to give my invisible feedback caption a name like all the other objects. So I've gone ahead and given it the name feedback underscore question. Underscore 01 So now we're ready to build our first set of advanced actions. These advanced actions are very similar to one another, and their purpose is to store of value in the variables that we created in the previous lesson and change the appearance of the answer button that has been selected. So first of all, because they are so similar with one another, I'm going to select all of the answer buttons at the same time. Here, we'll go to the actions tab of our properties panel and change this to execute advanced actions. And we don't have any advanced actions as of yet, So I will click on the Advanced Actions icon to bring that window up. Now, I'm gonna go ahead and give this advanced action a name. It's gonna be Answer one underscore. Question one. The first thing we need to do is we need to change the state of our answer buttons so we'll select change. State of Answer button one currently it's normal. We're going to make it selected change State of answer button too, in this case to normal change. State of answer button three to normal and one last one change. State of answer button four to normal. In addition, we need to assign a value to the variable in question. So in this case here, we're going to choose the action. That sign we're going to choose our variable that we created before variable underscore, Answer one Question one, and we're going to change that to a literal value of of one. The reason being is we're gonna keep track of the fact that we've clicked on the first answer. But we're also going to ensure that the other answer variables have been set to a value of zero. If they're not already and one last one here, a sign, be underscore. Answer four. Question one also with a literal value of 01 Last thing we're going to do is we're going to change this state of our feedback caption back to normal, which, if you recall, is completely transparent to our end user. I'm going to save this as an action. Anime close this window so I'm going to select answer to and you can see that it's pointing to answer one's advanced action. Right now, we're going to duplicate that and make a couple of small changes to accommodate the slightly different circumstances of answer to. So I'm going to select the second answer. I'm gonna click on my advanced action icon. Very first thing we're going to do is we're going to duplicate make another copy of this advanced action so that we can edit it, modify it to accommodate the selection of answer to. So first thing I'm gonna do is I'm gonna correct the name here, the action name so that it says action to underscore question one. We're going to change the state of answer button one back to normal. We're going to change the state of answer button, too. To select it, we're going to assign the variable associated with question one a literal value of zero and assign the variable associated with answer to a value of one. Everything else will remain the same, will update this action. It okay and hit close. And, of course, make sure that the button associated with the advanced action for answer to is pointed, in fact, for that correct script will make a similar change to Button. Three. Again. Don't forget to duplicate the action. Let's update The name will change the state of button one back to normal, and this case will change. The stain of button three to selected will change the variable associated with Answer one to the literal value of zero and change the key variable associated with Answer. Three. The literal value of one. We'll update that action. Click OK and clothes and make sure, of course, that's pointed at the correct advanced action. And I will choose our fourth and final button again. Duplicate the existing advanced action and will make sure that that it's pointing at the rights name. There will change this back to normal. Make the fourth button selected, assigned the variable associated with answer one with zero and then change the variable for answer four with a value of one update that action Click OK close and again make sure that's pointing at the right advanced action. So let's test this out. That should work perfectly fine. We'll do a preview project to see what that looks like, so let's try clicking on each button one by one and seeing if it updates the button to reflect that it's selected. Justin Trudeau, Stephen Harper, Thomas Mulcaire Elizabeth May all seems to work as expected. 5. 5 Conditional Advanced Actions for Submit Function: The next thing that we need to do is we need to set up the advanced action that's going to be used to submit the answer and find out how our users have done. So The first thing we need to do is we need to select this submit button and change its on success action to execute advanced actions, and we're going to create a new advanced action. So we're going to click on the Advanced Action Icon, and this will bring up our advanced action window. We need to create a new advanced action. It defaults to one of the previously existing advanced actions. So we're going to create a new action and we're going to give it a name. We'll call this submit underscore, Question one. Now, in this particular case, this is an advanced action that requires a condition to be met first. So we're going to check off the conditional tab and we're first going to check for Answer one. So we're gonna look at the variable associated with Answer one. We're going to say, if the variable the underscore answer one is equal to the literal value. 01 gorgeous one. In other words, has answer. One been selected. If so, we're going to do a few things here. The very first thing we want to dio is disabled all the buttons so that the user cannot select them anymore. So well. So, like the Sable from the actions, drop down menu here and we'll choose. Answer Button. One question. One two Sable button, too. But in three and button four, we're going to change the state of our feedback message. Think back question one to in this case, correct, because this is the correct answer, and at this point we no longer need the submit button. So, in fact, we're going to hide the submit button, and we're also going to hide the reset button. But we are going to show the next button, which will allow the user to continue with the rest of this project. Now that's what I would call our first decision point. And let's give that decision point a name. We'll just call it Answer one. But there are other possibilities that could occur as well. So let's take a look at what the possibility or the decision making process will be if, in fact, the user has selected answer to So again we can. Just like the 1st 1 we can give this one a name we'll call it answer to, and this also is a conditional action. So if the variable associated with answer to is equal to the literal value of one, in other words, the user has selected the second answer. We're just going to change the state of the feedback question to the incorrect feedback number one, and that's it for answer to. Now we're going to make something similar for Answer three Same thing. It's a conditional tab. And if the variable associated with Answer three is equal to the literal value of one, we're going to change the state of our feedback message to show incorrect number two. And we're going to add another decision points, and this one will be answer four and once again, a conditional action. So if the variable answer for Question one is equal to the literal value of one change the state of feedback. Question 12 Incorrect three. So we have all our feedback for all the wrong answers, plus the correct answer. What if the user doesn't put any answer in at all Well, what we'll do is we'll do well actually create a new decision in this case here, and this one will be different. This will could be called incomplete. So if the variable and this time we're gonna check the value of all of them is equal to the literal value of zero. And the variable fans for two is equal to the literal value of zero. I think you might be seeing where I'm going with this now. Answer. Three is equal to the literal value of zero, and once more variable v underscore Answer four is equal to zero. In other words, none of the answers have been selected. We're going to change the state of our feedback message to and complete, so we'll update this action. Click OK and click close. So now that we finish that, let's make sure submit Button is pointing at the correct advanced action that submit Question one. And let's do a preview of this project and see if it works as expected. So let's first of all, try submitting with nothing selected and see what happens. Ah, it says you must make a selection before proceeding. Very clever. So it's trying choosing a wrong answer. Incorrect. Elizabeth May is not the correct answer. We'll try. Stephen Harper notice that when I clicked another item, the feedback item disappeared. That's part of the advanced action that's here. Incorrect. Stephen Harper's not the correct answer. Let's try Justin Trudeau. Correct. Justin Trudeau became prime minister of Canada in 2000 and 15 and of course now I could click next and proceed with the rest of the project. 6. 6 Creating a Reset Advanced Action: now, depending on how you're going to use this slide, one possibility is to use it as a knowledge check. And if your users air going to revisit the slide, perhaps returned to it at a later time as they complete the E learning course, you may want to create a reset advanced action. Now I'm going to create a reset advanced action. I'm going to use it in two different places. I'm going to use it on this reset button that you see here, allowing users to reset the slide if they're already on it. But also we're gonna add it to the on interaction of the slide. So if let's say, for example, a user moves forward from the slide and then clicks there back button and returns to it, I wanted to reset back to the way it originally waas. So we're going to select on Enter, execute advanced action, and we're going to create a new advanced action, and we're going to call it reset Question one. So the first thing I'm going to need to do is basically undo everything that the slide has done. So we're going to change the state of all of our answer buttons. We'll start off with that change. State of Answer button one. Back to normal change. State of answer. But number two a game back to normal. Number three Normal and number four back to normal. So that will return our buttons, even if one has been left selected back to normal. The next thing we're going to do is we're going to reassign R variables back to zero. So we'll a sign the underscore cancer one to the literal value of zero. A sign the underscore Answer to back to the literal value of zero. Answer three zero. And don't forget answer for literal value of zero. Remember, we've hidden the submit button and shown the height button. So let's ah, return those back to the way they were. So we're going to Hind our next button show our submit button show our reset button. We'll need to change our feedback back to normal. And because we've disabled the buttons, we're going to need to enable them a swell. So I mean, it's selected naval, but one in naval button to And of course, as you can see, we've kind of run out of room, so I'm going to create a few extra lines here at the bottom so that we have those where we need them in Naval Button three and a Naval button for. So I'm going to save this as an action click, OK, and now hit close. And, of course, we're going to make sure that our on Inter advanced action is pointing at the reset. Question one script, and we'll do the same thing for a reset button. Here we're going, Teoh, go to the Actions tab and execute advanced actions and point that at the reset question one script as well. So let's do a preview of this now. We'll see how that works will be able to test it out by using this reset button here. So let's preview this project so I could make a selection here and hit Submit And then, of course, at any time I can use that reset button to return everything back to normal. 7. 7 Multiple Choice Multiple Answer Questions: Now you might be wondering, How do we take the same slide and make it a multiple choice question that allows users to select more than one answer and indeed have multiple correct answers all at once using the same slide? I'll show you. I've already gone ahead and change the question and the answers. I've removed the previous advanced actions, and I've updated the feedback caption but have kept the same variables to keep track of which items we've selected. Let me first show you the revised feedback caption. So I'm going to select that here and click on state view and talk about some of the differences. So we still have our transparent, completely invisible caption that users won't be able to see it. All we have are correct message, which in this case says, correct all of these cities Air located in Canada except Anchorage, Alaska, USA. In this case here, I only have one incorrect feedback caption, and the reason for that is that with four answers and any combination of them being correct or incorrect, the number of possibilities would be too immense for me to create feedback captions for all of those possibilities. So I've kept it kind of generic in this case, and I still have my incomplete caption for those that try to hit submit without making a selection whatsoever. So let's exit the state view and return here, and we're going to start by building our new advanced actions for each one of the answer buttons. So first of all, let's select Yellowknife. We go to our actions tab on the properties panel and on success will execute advanced actions and will create a new advanced action. And I'm going to call this answer 01 This is a conditional action, and we're going to first of all, check the value of the variable, associate it with the first button, so we're going to select a variable. In this case, that's going to be be underscore. Answer one question one. We'll check to see if it's equal to the literal value of zero, which it should be. If you're starting out and we're going to a sign a new value to that same variable in this case, we'll update it to have a value of one. We're going to change the state of our answer button one to selected to indicate that the users clicked on it. And as a precaution, we're going to return the feedback state back to normal in case the user has previously made another selection. So change state feedback. Question five in this case, back to normal here. Now we can reuse much of this code in the else portion of this. If then action. The reason being is that, Ah, we're gonna basically make a decision. So if the button is not clicked, run this stuff. If the button is already clicked, we'll do the stuff in the else section. But it's very similar. So I'm going to select all of this. Copy this, go down to the else area and with the first line selected to sit the paste icon and we'll just make some changes. So here, in this case, we're going to assign the variable with a value in this case, not of one but of zero. We're going to change the state of the answer one button to normal because it's already been selected and we're clicking in the game and we're gonna uninsulated it. And this doesn't change because we're going to continue to change the state of the feedback question five caption to normal in all cases. So I'm going to save this as an action click. OK, and I can now click close. Make sure, of course, that you're on success. Execute Advanced Action is pointing at the correct advanced action, and now we'll make our additional three advanced actions, starting with Anchorage. Execute advanced action and we'll start off, of course, with a copy or duplicate of Answer one. So hit the duplicate action and we'll just give this a new name. We'll call it Answer to We'll update this to work with the variable associated with answer to instead of answer. One same thing will update this to be answer to and will make sure that this is pointing at the button. Four. Answer to and we're going to change that to selected feedback, stays the same and will make similar changes to the else statement here. So again, v underscore answer to and the second answer button back to normal in this case. So I mean, update this action click. OK, click Close and I have two copies of the same advanced action. One for the first button, one for the second button, but don't forget to make sure that the second button is pointing at the newly created answer to advanced action. Now on to answer three, execute advanced action duplicated the existing advanced action that's there will change the name to answer three and once again will update the variable associated with this particular question. Answer. And here is well, we'll update the which button is being selected. And don't forget to go down to the L section and do the same thing here and the same thing for the button. In this case, back to normal. Update this action. Click OK, close and again, Don't forget to update the advanced action in this in the properties panel. Now, finally, we have our last button or last answer for Surrey. British Columbia will go into executed danced actions and duplication. Answer one so that we can create Answer four. Just make sure all this extraneous text just get his gun. Ah, well, again, point this to the correct variable in this case. Now, the last and final variable for this particular question updated here is well, and make sure this is pointing at the right button selected. And don't forget your else Statements the fourth button back to normal. Update Action. Click OK, click close and a game. Make sure it's pointing at the correct advanced action. So let's test this out. We'll do the submit a little bit later. I just want to make sure that my selection buttons, they're gonna work as expected. So we'll preview this project. So far, so good. So let's try and clicking. Yellowknife selected by Click It Again. It goes back toe uninsulated. Same thing for Anchorage. Beavercreek. Everything is working, as expected, Perfect. 8. 8 Submitting Multi Answer Custom Questions: now the last step in creating a multiple choice multiple action questions slide is to create the advanced actions associated with the submit button. So let's get started here. So I'm gonna click on my submit button, which currently is set for no action, and we will go to execute advanced actions and we'll click on the Advanced Actions Icon and that will bring up one of our advanced actions. What? We're going to create a new one from scratch, and we'll call this submit, and this will be a conditional action. And it's also a conditional action that will have two different decision points or two different decisions on these tabs that you see here. So I'm going to go ahead. I don't always do this, but the best practices probably toe label all your decisions. So you know what each one is doing? I'm gonna call this one, correct, and we're going to put in the conditions under which will run the following action. So we're going to start off with our variables that we've been using for each answer. So we're going to say if the variable be underscore, Question one or answer one question one is equal to the literal value of one. And this will be different if your answers have a different combination that are correct in this case here. My situation is that answer 13 and four all need to have a value of one and answer to needs . Toe have a value of zero for this question to be correct, So I need to validate each of my four possible answers. So variable be underscore. Cancer, too, is equal to the literal value of zero me. Underscore Answer three is equal to the literal value of one, and, lastly, be underscore. Answer for is equal to also one. Now, of course, there's room for four different if conditions. Here you do have the opportunity like you've probably seen me do before toe. Insert additional lines. So if you happen to be creating a multiple choice question where they're five answers or six answers, you'll need to validate those additional you know, answer five and answer. Six. Just insert the additional lines that you need. So if everything is correct, in other words, I've got all the combinations. Correct. I'm going to do a few things here, like before I'm gonna disable my buttons. So button one button too was once They're correct. I don't want them to change their mind. Okay, I'm gonna change the state of the feed bank caption to correct. I'm gonna show the next button, but I'm gonna hide the submit button. I'm also going Teoh, hide the reset button. And in this case, I want to have an else statement as well. So if it's not correct, will assume that it's incorrect. So my else statement will be to simply change the state of our feet back two. Incorrect. So that works for correct and incorrect. Now we need to make additional decision that will call incomplete. So I'll just call this in complete. And this will also be a conditional action. And we'll be looking at those same variables again. If variable answer one is equal to the literal value of zero answer to also zero Answer three zero and answer for zero. So in other words, if the user has not clicked on any of the buttons or has clicked on the buttons and then click to gain to put them back to zero, we want to change the state of our feedback. Catch caption to display incomplete. So we'll save this as an action. We'll click OK and will hit close and make sure that our submit button is pointing at the submit. Advanced action. So let's test this out. We'll preview this project. Okay, so let's test this out and see if it works. First of all, let's make no selection. See what happens when I just hit Submit. Great. I get the message. You must make a selection before proceeding. That's my incomplete script working. And let's choose all of the answers, which isn't correct and hit. Submit. Yeah, so we get our incorrect message. Try again. And now let's uninsulated Anchorage. The other three are Canadian cities, so we'll hit, Submit and correct. I got All the cities are located in Canada except Anchorage, Alaska USA. And now, of course, I can click next to proceed with the rest of my project. 9. 9 Making Custom Questions Function as a Final Quiz: so what? We have our procedures to create a couple of different types of what are essentially knowledge checks. We have a multiple choice, single answer question and a multiple choice, multi answer questions. But what if you need these custom questions to be a part of a final quits? Let's take a look at what you would need to change to do that. Let's start with the single answer question. So the first thing I'm going to do is I'm actually going to get rid of my back and my reset buttons. And the reason for this is that this will being a single attempt quiz type so they'll have one shot to get the question correct, and they would have to relaunch the course if they wanted to make another attempt. So I'm going to duplicate my next button because I'm actually gonna need to, and you'll see why. Shortly, Ah, you can right click on your your next button and just control de or duplicate, and I'm going to move the submit button to the end of this section or fluid box. One of these next buttons will be the next button that appears if the user gets it incorrect and the other will be the next button that appears if the user gets it correct. So I'm going to relabel these buttons. First of all, the left one will be my incorrect next button, so we'll call it that incorrect next button. And I'll just say 01 cause we're on Slide one and the other button will be our correct next button. Zero won the game because we're on slide one and what we need to do. Because the back button previously functioned as a pause as well. We are going to need to add a pause to my submit button here, and we'll just pause after 1.5 seconds, and I am going to extend the next button pause by half a second, so we'll just say two seconds on that so they will pause slightly later than the submit button. And let's just double check our feedback. Caption it again. Remember, it's a multi state objects that will go into state view from the properties panel, and we're gonna change. The message is a little bit here. Ah, well, still have correct. But what we're going to say instead is simply click next to continue will have only one incorrect caption, whereas right now I presently have 31 for each distracter, so we'll just say Incorrect. Click next to continue, and I'll delete these other states because I will no longer need them and, of course, are incomplete. State is still fully acceptable. So let's exit the state. The one thing we'll need to do with our correct next button is we're going to need to give it a value. So under actions will include Enquist and a sign in points value to it, say, 10 points. So now we need to modify the advanced action associated with this question slide. So we're going to click on our submit button, go to the Actions Tab and next to the submit question one script. We're going to click on the Advanced Action icon, and we're gonna make some changes. So first of all, we have four different decisions, plus an incomplete decision. Answer. 23 and four decisions are actually no longer needed because we're going to deal with those in a different way. So I'm gonna select those and delete those. So let's take a look at the advanced action as it is right now. So first of all, we're confirming that the correct answer has been selected. By looking at the variable, we're going to disable the four buttons. The four answer buttons were going to change the state of our feedback message to correct. We're gonna hide the submit button. I'm going to get rid of this. Continue this continuous there because we deleted the reset button. Previously, we were hiding it in this advanced action. And when you delete an object and reference it in an advanced action, it just changes that line of code or line of script to continue. So I'm gonna delete that, and then we're going to show the incorrect next button. That's not right. In this case, we're going to need to change that to our correct next button. And what I'm going to do is I'm gonna copy this because we're going to use most of this in the else portion of this statement here. So I'm going to copy. That will go down to the else section and we'll pace that in. There are a couple of small changes that we need to make. We need to change the feedback caption to display an incorrect message. We're still going to hide the submit button, but in this case we're going to show the incorrect next button, which has no score associated with it. And we'll just update this action. Click on OK and click close. Now let's take a look at the second type of question that we've created the multiple answer question. So once again we're going to delete the back button. We're gonna delete the reset button well, duplicate the next button. We'll move our submit button to the end of this fluid box. Let's relabel these next buttons, so this will be incorrect. Next button zero to, because this is now slide to and this one will be correct. Next button zero to. And while we're here, we can assign a score to the correct next button will include this in the quiz and assign a points value. In this case, it's worth a little more because it's a bit more difficult will make this one worth 20 points. Let's take a look at our captions or feedback captions. We'll probably have to make a change or two there. So again, I'm gonna go with very simple statements here will say correct. Click Next to continue, as you would expect with a final quiz. Will change are incorrect. Caption from Try Gain Too Incorrect. Click the next button to continue and gain are incomplete. Caption is fine The way it is will exit the multistate view. And now we can take a look at our pauses associated with the next buttons in the submit buttons. So we're gonna pause on that submit button. So let's have that pause after 1.5 seconds. And in the case of the next buttons, we're gonna pause after two seconds just to ensure that the slide remains paused until the users had a chance to look at the feedback. Now let's take a look at our advanced action, so we'll click on the submit button, go to the Properties panel under actions and under on success, execute advanced actions, submit one. We'll click on the Advanced Actions icon and, like before there's a continue button because we got rid of the reset button so we'll get rid of them. What we're going to need to do here is just make a few changes, but let's just double check everything so we're disabling the four answer buttons. We're changing the state of our feet back to correct. That's fine. We're going to show in this case the correct next button, too. So let's get that and we're hiding the submit button. So let's copy this material here, all of it. So I just highlight all of those items and click Copy. We're going down to our else statement. We can actually delete what's here cause we won't need it. And well, paced in a copy of everything under the if then portion. So we're still going to disable. Those four buttons were going to change the state of the feedback this time to incorrect. Not correct. We are going to show a next button, but it will be the incorrect button, the one that doesn't have a score assigned to it. And we will hide this event button. So let's update that action Click OK and click close. So I think we're pretty good to go here. I've already added my custom quiz results slide. If you'd like to know how to make your own custom quiz results like I do have a free tutorial on my YouTube channel, just go to youtube dot com slash paul Wilson Learning and do a search for custom quiz results slide, and that will give you the instructions on how you need to do that. So let's test this out. Will do a preview of this project. First, I will purposely get everything wrong so we can see what the result is there. So let's choose Stephen Harper. Submit. Incorrect. So we'll hit next and I'll choose all the answers because I know that's incorrect Will hit , submit and next. And that brings us, of course, to our quiz results flight. And unfortunately, as you can see by the disappointment of this gentleman here, we haven't done very well. Let's reload this page. And this time I'll get everything right and we'll see how that works. So this time will choose Justin Trudeau. Submit, Click. Next. I'll choose the correct answers. Now submit next. Okay, I got 100%. So there we go. We've come to the end of this video tutorial. I hope you enjoyed it and walk away with more knowledge about adobe captivate than when you started. I wish to emphasize that what I've shown you in this video today is just one method to achieve your learning results. Continue to learn new procedures and incorporate them into what you do. Try new things and feel free to change these procedures to suit your own needs. If you think your organization could benefit with my knowledge and experience, don't hesitate to recommend my free YouTube tutorials to your colleagues at youtube dot com slash Paul Wilson Learning If your needs are greater than watching an online video, I'm available to consult on your next e learning project. You can reach out to me through my website at Paul Wilson learning dot com. If you know someone else who might benefit with this video course, please don't hesitate to recommend it. Thank you Gain for purchasing this video.