Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Styling objects in the Property Browser

From: Up and Running with Promethean ActivInspire

Video: Styling objects in the Property Browser

Now that we've used the Resource Browser to add Under the gradient, we're going to go and choose a For the particular font type, I'm going to go and choose Apple Gothic because Now before I start actually configuring the names of I now have all three of those boxes Now if I type the word dominant and I Reposition it.

Styling objects in the Property Browser

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.

Show transcript

This video is part of

Image for Up and Running with Promethean ActivInspire
Up and Running with Promethean ActivInspire

35 video lessons · 954 viewers

Aaron Quigley
Author

 
Expand all | Collapse all
  1. 2m 6s
    1. Welcome
      48s
    2. Using the exercise files
      39s
    3. Using challenges
      39s
  2. 6m 34s
    1. Understanding the Promethean technical setup
      1m 47s
    2. Accessing the Promethean Knowledgebase
      48s
    3. Downloading ActivInspire software and Promethean drivers
      1m 58s
    4. Syncing your computer with your Promethean board
      2m 1s
  3. 28m 55s
    1. Exploring the ActivInspire interface
      4m 32s
    2. Creating new presentations
      2m 7s
    3. Using ActivInspire as a whiteboard
      3m 26s
    4. Annotating over your desktop
      2m 30s
    5. Handwriting and shape recognition
      3m 52s
    6. ActivInspire presentations
      4m 40s
    7. Recording videos
      3m 56s
    8. Challenge: Create a video that demonstrates how to use a website
      39s
    9. Solution: Create a video that demonstrates how to use a website
      3m 13s
  4. 20m 39s
    1. Writing tools
      4m 53s
    2. Annotating presentations
      1m 48s
    3. Math tools
      3m 47s
    4. Adding objects and connectors
      4m 41s
    5. Adding clocks and timers
      2m 56s
    6. Challenge: Create a self-answering, timed quiz question
      34s
    7. Solution: Create a self-answering, timed quiz question
      2m 0s
  5. 37m 22s
    1. Considerations for interactive presentations
      1m 31s
    2. Using the Resource Browser
      4m 9s
    3. Styling objects in the Property Browser
      8m 17s
    4. Controlling interactions with the Property Browser
      6m 30s
    5. Adding property actions
      2m 57s
    6. Drag-and-drop actions
      1m 4s
    7. Using Magic Ink
      4m 33s
    8. Locking items
      3m 21s
    9. Utilizing prometheanplanet.com
      1m 19s
    10. Challenge: Create a button that will save page annotations
      39s
    11. Solution: Create a button that will save page annotations
      3m 2s
  6. 59s
    1. Next steps
      59s

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Join now "Already a member? Log in

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Up and Running with Promethean ActivInspire.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

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.

Are you sure you want to delete this note?

No

Your file was successfully uploaded.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.