Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
Author Tom Geller demonstrates how to create and publish a complete web site with the powerful tools in Acquia's hosted service, Drupal Gardens. The course shows how to leverage the pre-built page layouts and add custom styling using the ThemeBuilder tool; integrate rich site features, such as surveys, user ratings, and media galleries; and push content to Twitter and Facebook. The course also covers transitioning from a Drupal Gardens site to a self-hosted Drupal site. Exercise files are included with the course.
We just finished creating a collection of tours sorted so the newest ones float to the top, using the feature called Simple Views. Now I'd like to show you how to do the same thing, but using the full version of views, which is also now a part of Drupal Gardens. It lets you do a lot more, but it's also a lot more complicated. I'll just show you a little of how Views works to reproduce the collection we put together using Simple Views, but then we'll go a little bit further. The first thing we have to do is to turn it on. To do that, go up to Modules and scroll down until you see Views.
You can also close up this CORE group up here to get there more quickly. And there it is. We check the box and Save configuration. Then we add a new view by going up to Structure, scroll down to Views, and Add new view. This page is very similar to the one that you saw on Simple Views, but with a few more options. In fact, we can create an exact duplicate of our Simple View using only this screen.
I am going to call this Newest tours. The content will still be only those of type Tour, and it's going to be sorted by newest first. It will create a page. And the thing that I am going to change here is just so that it's easy to tell which one we're working with, whether it's the Simple View or the Regular View. I'll call it newest-tours-using-views. This will be an unformatted list of full posts, without links-- we don't want people to comment on our posts--and without comments.
Go down a little bit and save and exit. So here is our newest-tours-using-views, and if I want to, I can compare that to our new-tours. I'll just a create a new window here, go to new-tours. So this one was created using Simple Views, and this one was created using Views. As you can see, they're exactly the same. Now we're going to go back and change the way the page appears in a few interesting ways. To do that, once again, I go up to Structure and down to Views, and there is the view I created. I click Edit.
The first thing I'll change is instead of showing the whole node--that is, all of the information about the tours-- I'm just going to show a few select fields. To do that, we click Edit Page details. This interface is nearly identical to the full version of Views that you get if you download Drupal and host it on your own computer. Scroll down a little bit, and the first thing we'll change is from Content to Fields. That lets us break up what's actually shown. And Apply. We have several options here, and I am just going to say okay, Apply. As I say, the full version of Views is extremely complex.
Down below all of these settings you'll see a preview. This shows you what will happen if you were to save now and then go back to that page. I am going to add a few fields. Right now all that we have is the Title. So I click Add. And then we have a very long list of all of the things that we could add. Some of these are specific to the content itself; some are related to the user who posted the content; and so forth. You can filter as you see by choosing from the pop-up menu here or by typing in here. One thing I'll look for is length-- I want to show not only the title of the tour, but how many days it is--and also the price.
So length, I'll add that, and I'll keep all the default information and just Apply. Then I am also going to add the price. Once again, I'll search for price here, and Add and configure fields. Now I'll accept the defaults. As I scroll down now, I see a little bit more information. You have a lot of control over exactly what you show. To make this a little more attractive, I am going to change the FORMAT.
Instead of it being an unformatted list, I'll turn it into a table-- that's a very popular one for views. Apply it. We have once again more options. For example, you could sort it by all of these different things, by clicking the SORTABLE button, and Apply. Let's scroll down and see what that looks like. Quite nice, right? And in fact, as you see, we can sort by price and by length and so forth. I am going to add one more field, which is going to be a photo. You might remember some of these have a photo associated with them.
Click Add, do a search for photo, and add it. And here because it's an image, we have very different options available. I am going to make this just a thumbnail, a little tiny one, and I'll link it to the node itself, to the content. Apply, scroll down. It's quite a nice look now, isn't it? And you can go on and do so many other things. For example, you can rearrange the fields to put them in a specific order, you can change exposed filters so people can choose what they see, and so forth.
Before I do anything else, I am going to go back up to the top and click Save. This is the part that many people forget when doing Views, because it looks like you're doing so much, but actually it doesn't get saved until you click Save. Then it becomes permanent. Great! One other thing that you can do with Views is you can add a block, or several other types of displays. To do that, go up to Add > Block. The Block name will be Our latest tours.
This is what shows up on the block's Admin page, which you learned about in the video about blocks. As we scroll down, we can see what it's going to look like. It's got quite a few fields for a block actually, and we can change that if we want. To do that, you would click on any one of the fields and change it from all displays to just this block. That overrides so that it breaks it away from the template that's set up when you created the page. Now, you'll notice this is italicized. That means it's different from the default.
In other words, you can now change things, like removing the photo and the length and the price, and in fact, I am going to do that. I'll remove it here. We see that we only have three fields now, whereas if we switch the page, we have our original four. Going back to the block, I'll remove also the length and the price, just to keep it easy. And finally we go back up to Save.
Now let's see how that looks. If we click on Page, you can go directly to the page. I'm going to do that and Ctrl+Click so that I can open it in a new tab up here. There is our Newest tours, and you can see compared to the old Simple View, it's much easier to look at a large list of tours. Going back to that block, we can make that visible by clicking Structure > Blocks. If we scroll down to our Disabled Blocks, we see the one that we just created, Our latest tours.
I am going to put that in the right- hand sidebar, which is known as sidebar B, scroll down to the bottom, and Save. We'll close out the overlay and see how that looks. If we scroll down, there it is. It's in the right-hand sidebar, just as we wanted, with only the titles, while the page itself shows all of this information. Now, there is your introduction to Views. But I don't want two features on our site that essentially do the same thing, that is, show this list of tours. So I am going to go back and delete the view we just created, leaving only the Simple View we created earlier.
When I do, the block and page displays that are part of it will automatically disappear. So I go up to Structure, and Views, over to edit, and delete. Click delete, and we're done. When I close out the Overlay, we get told that we can't go to that page because of course that was displaying the view that we just deleted. So I'll just go back to our homepage. When Acquia created Drupal Gardens, only Simple Views was available, and it was good enough.
At the time, the Views interface was simply too difficult to use, so the company figured it would be better to avoid all of the support questions they'd get by not including the Full Views module. But very much to their credit, Acquia funded development to make the interface easier, then gave those improvements back to the Drupal community. That's really admirable. Not only do you benefit as a Drupal Gardens user, but everyone who uses Drupal benefits. As this little peek showed you, Views is a huge subject. In fact, Lynda.com has an entire course that's mostly about it, called Drupal 7: Reporting and Visualizing Data.
That's a good place to start if you want to know how to rearrange content you already have to create some amazing data collections.
There are currently no FAQs about Drupal Gardens Essential Training.
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.