Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
When you're defining interactions inside of Flash Catalyst there may be times when you only want the interaction to occur under certain conditions. We refer to these types of interactions as conditional interactions. For example, in this project here, maybe I want to define something where when I click on this logo right here, it actually takes me to a web site. So I can click on this piece of art right here, it's currently set as an Optimized Graphic and I'll go ahead now and add an interaction. I'd like to set it so that On Click, it actually goes to a URL and in this case here, I'll specify www.lynda.com.
You don't need to type in the http; Flash Catalyst will do that automatically for you. I want it to open up in a new window. So I am going to choose Open in New Window, but notice now, there's also a setting here called When in Any State. This means that right now this interaction I've defined will be functional, no matter what state I am in inside of my project. However, maybe I want to make it so that I can only click on this button when I am on the main page, when I see the entire map. When the other panels are visible, for example, the Growing, Picking or Extracting pages, I don't want people to accidentally click on this button and navigate them away from the actual tour itself.
So I want this to be nonfunctional in all pages except for the MainMap page. So from this pop-up menu, I am going to choose right now that On Click we're going to Go to URL which is going to Open in New Window, but only when we're in the MainMap page. Notice now, when I click OK, it says On Click. It's going to go to this URL, if I'm currently in the main map page. This is what we call a conditional interaction. By the way I am also going to come down to the Properties panel and scroll down here where it says Appearance.
I am going to check the box called the Hand cursor. This will make it so that when I'm viewing this in my web browser and I run my mouse over this piece of artwork, it will change to a little hand icon indicating that I can click on it. This same setting is also available for buttons. So now let's play this back in our browser and see how this works. I am going to press Ctrl+Enter on my keyboard to go ahead now and run this project in my browser. It'll be Command+Enter or Command+ Return on a Mac by the way, and once it loads inside of my browser, I'll see that again only in the MainMap page will I be able to actually interact with this button.
Notice that right now when I move my cursor over it, that hand comes up and I can click on it, which will now load that webpage. Notice now it loads it in a new window. I am going to close that window to go back to the application here and now let's go to a different page of this project. For example, I am going to go to the Picking page right here and notice that now, when I go over here, I cannot click on this button. It's nonfunctional. That's because I have set this to only work when I'm in the MainMap page. If I were to now close this panel now, and return back to the MainMap page, now the button once again is functional.
So not only is it really easy to define buttons or interactions inside of Flash Catalyst, we can also choose exactly when those interactions occur.
Get unlimited access to all courses for just $25/month.Become a member
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.