Join Aaron Quigley for an in-depth discussion in this video Styling objects in the Property Browser, part of Learning Promethean ActiveInspire.
Now that we've used the Resource Browser to add some elements to our page, let's go and dive into the Property Browser to understand how we can change the properties of various objects on our flip chart page. To do this, I'm going to go and click on the Properties Browser in my browser navigation. Here you can see that currently, I'm viewing the page properties. I can see the title is Page One, and some descriptive information about this particular page. As long as my select tool is highlighted in my tool box, any object that I click on, I will now see information about that particular object in the Property Browser.
Let's go ahead and use the Property Browser to configure their properties for the front boxes that contain the names of the different genotypes. I'm going to start by adding a shape to this page. From my shape menu, I'm going to go ahead and grab the rounded square. I'm going to come back to the page, and I'm going to click and drag out a rounded square. Now I have a couple of options at this point. I could go ahead and drag out three different rounded squares. However, if I did that, I would have to then stylize all three of them. What I'm going to do instead is start with one rounded square. I'm going to use my Property Browser to add the styles to that particular square.
And then I'm going to duplicate it to make the other two. Now the first thing I'm going to do is go back to my selector tool and select the square that I just drew. Let's go ahead and move to the Property Browser from the top down. Helping name your shapes will become very important as you start layering them, and making sure that we're selecting the right shape later on. This is a fairly simple page we're creating that only has about 11 different objects. Some interactive pages that I create have upwards of 50. So making sure that you can name your shapes and quickly find them can save you lots of time as you're starting to create various pages.
Because I know that this square's going to be for homozygous recessive, I'm just going to call it hr. Now if you think back to our interactive presentations, this is the top of everything. It's going to be on top of the box that my students can lift up with the interactive element. Because of that, over here in my genotypes flip chart, I'm going to go ahead and make sure that with this box selected, that its appearance is on layer top. I want it to be on top of everything. The next thing down is to go ahead and change our outline. I'm going to use a dot outline for this.
I'm going to change its color to this dark gray, I'm going to increase it to a width of 4. As for the color of the actual square itself, I'm going to go ahead and come down to the fill section. Now here I have a variety of options. I can choose to leave it a solid color and just select the color that I'd like the box to be. However, taking a look at our presentation, I have this kind of gradient of darker and light gray. And then I've also got a background behind the text that makes it almost look like the text is spanning a little bridge across the middle of this box. To get that effect, we're going to go ahead and change the fill style from solid to gradient.
Under the gradient, we're going to go and choose a radio gradient, which is going to give us that circular gradient look. The first color of our gradient is a dark gray color, I'm actually going to match the color of the border. And, the second color of our gradient is the lighter gray color. So, even with just those few clicks, we already have a box that looks much different than the one we drew out originally, and it's starting to take shape. Here I can also choose to position it in various places on the page, but I'm going to skip those for right now and come right down to label. Now this particular box was the homozygous recessive, so I'm going to go ahead and type in homozygous recessive.
For the particular font type, I'm going to go and choose Apple Gothic because I think it will stand out really nice once I get it configured. And I'm going to go and increase this to 24. Now I can come back to the page, click on the actual font itself, and position it on my box. I do want this to be 24 sized font so my students can see it really well, and that just means I need to make my box a little bit wider. I'll go and use the navigation tool to drag the box out a little bit and then reposition the text so that it fits perfectly on that box. So now that we've created our first box, all we have to do is to go ahead and duplicate this for the next two.
With the box selected, I can do this by simply clicking the Duplicate button. I'll take the second box, and I'll go and position it centered on the page. I'll click the Duplicate button again and take the third box, and go and position it on the page to the right. Now before I start actually configuring the names of these two boxes, I want to make sure that all three of these boxes are perfectly aligned. To do that, I'm just going to go ahead and drag a square over all three of them. I'm going to make sure that my cursor shows the move icon, which is two crossing lines with arrowheads on all four tips.
With a right mouse click, I can come to a line, and I can choose a line top. I now have all three of those boxes perfectly aligned to the top of each other. I can now position all three of them on the page exactly where I like them. And by clicking on the background of the page, I now am able to select the boxes individually. Let's go and select the second box, I'm going to come over to its caption and I'm going to make this homozygous dominant. Now if I type the word dominant and I just click back on the page, you'll notice nothing happened. That's because for changes to take effect, you have to click somewhere else inside of the Property Browser itself.
So I'm going to come back to the caption again, type dominant, and this time I'm going to click down into the font area. Now I can see that that particular box has changed on the page itself. We'll do the same thing for the third box, I'll select it, come back over to the Property Browser, this time I'm going to type heterozygous and then click somewhere else inside the Property Browser. That change has taken effect, and I want to go ahead and move this to the middle. Now, even though I move that text to the middle, it doesn't seem to have the same look as the other two boxes, because it's a lot shorter.
But we can actually get the same effect simply by adding spaces before and after the text. I'm going to go ahead and add four spaces before, and four spaces after the text. I'm going to click somewhere else inside the Property Browser, and now I can see that I have more space at the front and the back of that word. I could probably add a couple more spaces to make it six total on both the front and the back. Reposition it. And now it seems to match the feel of the other two boxes. The last thing we're going to do is to go ahead and add the triangle that'll go behind one of these boxes. It's not a complete triangle. The top is cut off.
So let's go and click on the shape icon. I'm going to use the arrows at the bottom of the screen to show me all of the shapes. And here you can see that I've got that trapezoid shape that I can go ahead and add to this particular page. I'll click it. I'm going to come back over to the page, and I'm just going to draw out the trapezoid. With my select tool, I can now figure out exactly the size I want this trapezoid to be. I'm going to put it next to one of the boxes and adjust its height, so that it comes above the box the correct distance. Then what I'll do is I'll put it directly behind the box where I think it's going to live, just to make sure that it has the right sizing, left and right.
It looks good. I think I might make it a tiny bit wider. There we go. Now we're going to come over to the Property Browser and start changing this box. First thing I'm going to do is to go ahead and give it a name. I'm going to name these boxes with the actual genotype that it'll contain. Because this is the homozygous recessive one, it's going to have two lower case letters. So I'll just go and use the letter B and put two lower case Bs. That way when I view a list of all the objects on this particular page, I can quickly find it and select it. As I come down, I'm going to go ahead and leave its outline as this dark red color.
I am going to change the fill of this, however. I don't want this to be solid. I'd like it to have something a little bit different. So I'm going to go and select the cross filter, which will add kind of this mesh look to the actual background. I'll change the color to match the same color as the border, and then I'll come down and I'll go and add the caption, which is going to be BB. I'll make it the same font that we've used throughout this, which is Apple Gothic. And the largest font size you can use on any particular object is 64, so I'll go and make it a large 64, and we'll leave its color as black. Now you can't see what I just wrote because it's directly behind the homozygous recessive.
If you remember, we made homozygous recessive in the top layer. This particular one is in the middle layer, which is where we want it, so I'm going to go and leave it there. The only way that I can view and position that text is to actually grab it and drag it outside from behind homozygous recessive. I can now grab the text, put it exactly where I'd like it on this particular object. And I'm going to come to background mode and I'm going to make this one transparent. I don't want there to be a background behind this text. Now that that looks absolutely perfect, I can go and put it back in place. The next step is to go through the process of duplicating that two more times to make the rest of our objects.
I'm going to go ahead and do that before we start our next video.
- Setting up a Promethean board
- Syncing your computer with your Promethean board
- Creating new presentations
- Annotating over your desktop
- Recording videos
- Adding timed quiz questions
- Controlling interactions in the Property Browser
- Using Magic Ink