Video: Working with repeating regions

In the previous movie, we added this Repeating Region to our template. And looking at it sitting here probably isn't all that impressive. But in this movie, we're actually going to use this on a new page. And we'll see how a Repeating Region works. I'm going to go over to my Assets panel, and right-click on the template, and choose New from Template. And let's Save this. This will be the kettlesandteapots page, but I'll just add "-new" so we can distinguish between the two. Click Save. So notice, in our Repeating Region here, we have these controls. The Repeating Region controls let you add a new row after the currently selected row, by clicking the plus button. Or deleting the currently selected row, and you can also move the rows up and down using these arrows here. This is a real advantage over creating a product page like this in just a regular table. You have a lot of flexibility in terms of adding more rows, and rearrange them.

In Dreamweaver CS3 Essential Training, instructor Garrick Chow delves into the many powerful features of the latest version of this powerful web design application. He covers everything from the simplest basics of using Dreamweaver CS3 to applying it to develop a fully interactive, accessible site. Garrick explains the new interface features, and demonstrates how to create, edit, manage, design, and publish a professional website with Dreamweaver CS3 and complementary applications. Exercise files accompany the training.

Working with repeating regions

In the previous movie, we added this Repeating Region to our template. And looking at it sitting here probably isn't allthat impressive. But in this movie, we're actually going to use this on a new page. And we'll see how a Repeating Regionworks. I'm going to go over to my Assets panel, and right-click on the template, and choose New from Template. And let's Save this. This will be the kettlesandteapots page, but I'll just add "-new" so we can distinguish between the two.Click Save. So notice, in our Repeating Region here, we have these controls. The Repeating Region controls let you adda new row after the currently selected row, by clicking the plus button. Or deleting the currently selected row, and you can also move the rows up and down using these arrows here. This is a real advantage over creating a productpage like this in just a regular table. You have a lot of flexibility in terms of adding more rows, and rearrange them.

So let's see how we work with us. Now the first Product Image is the Teacloud Azul image. I'm just going to leave thatthere. We can come in here to Product Name. I can type the name in: Teacloud Azul. Product Price. We'll make it $49.95.Get rid of the word Price there. And then for Product Details, we already have the details here, so I'm just going to come inand Copy that off of the old page. Go back here. And we'll Paste. And there it is. Now it looks very complicated andbusy here. But if I go and preview this in the browser, you can see it looks just fine. We've got the image, we got thedescription, we've got the price, and we've got the details. Now to add another item to our catalog, instead of creating anew row, all I have to do is click this plus button. And in addition to the new row, I have all the template items in placealready. I've got my product image placeholder. And this time I don't want Teacloud Azul. So I'm going to browse, and findearls-grey.jpg. There's that. I can type in the Name, type in a Price, and go get those details again. Paste those in.

And we have that. Preview that in {italic}Safari.{plain} Looking good. And we have one more to add. So I'll click the plus button one more time. This one will be a simple-elegance.jpg. Go ahead, and get this text while I'm looking at a price, which in this case is 59.95. Copy that. 59.95. Paste in the Product Details. And it looks like this should have been 69.95.

So let's fix that. And there we go. Because I set up the Repeating Regions, all I had to do was add content.I didn't have to worry about the layout of each one of these rows. The layout was taken care of in the template'sRepeating Region. I will go and save that. And I if want to rearrange any of these now, it's a simple matter of clickinginside the cell. Like if I wanted to move Simple Elegance to the top of the list here, I can now just click the up arrow andmove it to the top. So it's very easy add your products in this fashion using Repeating Regions.

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.

Already a member ?

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

Upgrade to our Annual Premium Membership today and get even more value from your lynda.com subscription:

“In a way, I feel like you are rooting for me. Like you are really invested in my experience, and want me to get as much out of these courses as possible this is the best place to start on your journey to learning new material.”— Nadine H.

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:

new course releases

newsletter

general communications

special notices

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:

new course releases

newsletter

general communications

special notices

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