Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
There are a couple different ways that we could accomplish this particular challenge. One way is we could use our Resource Browser and find an already created button, and then apply the action to it. However, when I come and take a look at the Resource Browser, and then I click on buttons and icons, I don't see a button that seems appropriate for our save button. For example, nothing has the save icon on it, and there's not even an S button that I could use. So instead, I'm going to go ahead and create a button using our toolbox. First, I'll select on the shape icon. I'll grab the rounded rectangle from the shape icon, and then just draw out a small rectangle somewhere on the page.
Using my select tool, I'll go ahead and select that rectangle and then come up to my Property Browser. The first step is I'm going to go and give this a new name. I'm going to call this save button. Because I'll be reusing the save button and adding it to a variety of pages, I'm going to go and make it a top-level item. That way, just in case I have other graphics on the page, I can always make sure that my save button will be on the very top. As I come down to the outline, I'm going to change its color to the darkest blue possible. I'll leave it as a width of two and then I'll come down to the fill. Here, I'm going to go and select a gradient as the fill style.
The top color, I'm going to make match our line as that dark blue. And I'm just going to select a slight lighter blue color for the second color. The type of gradient's going to be vertical, and you can see that I now have a gradient that goes from dark blue to light blue on my button. Already this button's starting to take shape. Now I'll go ahead and add the caption of the word Save. I want to make sure that this is really visible on the button, so I'll go ahead and change the font style to Arial Black, and I'm going to increase this to about 24. Because my button's blue, I'm going to go and change its font color to white so there's really high contrast between the text and the button itself.
And I'm going to make the background mode transparent. The last step is to go ahead and grab the text and position it into the middle of my button. So there, with just a few steps in using our Property Browser, we were able to create a really quick save button. The last thing we need to do is to go ahead and give this button some action, so that when we click on it, it performs the desired action of saving this particular flipchart. To do that, I'll make sure that the button is selected. I'll come up to the Action Browser, and under All Actions, I'm going to keep scrolling down until I come to the save actions. These are alphabetical so I'm going to have to go all the way to the bottom of the alphabet here.
So here is the Save Flipchart action. I'll go and select it and then click Apply Changes. Now to test this to make sure the changes have taken effect, I'll click off of my Save button so it's not longer selected. As I hover my cursor above it, I can see that I've got the Play button showing that there's an action associated with this object. And as I click on my Save button, it brings up the Save As dialog box, so here I have the opportunity to save my button. If you're using this tool and you have multiple classes, you may want to say this is a brand new flipchart that's appropriate for that particular class. However, if all you did is add information, you can simply click the Save button at this point.
Choose to replace your current flipchart. Say Yes, that you can overwrite that file, and all you've done is simply updated the current flipchart that you're working in. This button is available to our premium members inside of the Exercise Files under Chapter 4 in the flipchart, titled Save Button.
Get unlimited access to all courses for just $25/month.Become a member
82 Video lessons · 74525 Viewers
80 Video lessons · 129733 Viewers
52 Video lessons · 63972 Viewers
59 Video lessons · 49746 Viewers
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.
Your file was successfully uploaded.