How the pager and controls widget settings work in Views Slideshow

Description

Collection: Advanced Site Building in Drupal 7Chapter: Building a Slideshow Using Views Slideshow

The next batch of settings we go through have to do with how the pager and control settings work in Views Slideshow. In this video we work through each of the settings so you know exactly what you're looking at.

Transcript

Okay, I'm going to keep scrolling down. So we have the option to show a pager, controls, and slide counter either above the content for the top widgets or below the content using the bottom widgets. But what we're doing here, we want to display the pager, which again were those thumbnails below the image as a bottom widget, so we'll check that.

For the controls, when we look at the wireframe, I'm just going to jump over to it. You see how it's hovering over what's displaying here. So the way that we're going to do that is by using some CSS modifications.

You see from our settings here in our view that we don't have the option to overlay the controls over the middle. So we're going to select to show the controls above the content which will be a bit more predictable for modifying the CSS styles than displaying the controls below. And we can set the weight of the controls.

This is if we have multiple widgets checked we can order them by setting the weight. For now since we only have one widget on the top and one widget on the bottom, this weight doesn't matter. We have the option to hide the controls if there's only one slide.

So if there's only one node that's being displayed do we want to hide the controls? This seems like a pretty sane setting but we'll leave it unchecked for now just so that we can see the controls regardless of how many nodes we have displaying. Ultimately, we'd probably want to check this though. For the controls type, we only have one option text.

Now there's another module that will add some image options here, but regardless of whether we use the image controls type or the text controls type, we'll still have to override the visuals of it through CSS. Oka ...

When you have an active membership, you will be able to see your progress here.

Skill focus: Site BuildingSkill level: Intermediate - Advanced

Get ready for a dive into some of Drupal's most powerful tools for site builders. Here we look deep into Views, Panels, Display Suite, and Context modules for laying out Drupal pages. We uncover importing content into a Drupal site with the Feeds module, build and customize a slideshow with Views Slideshow and immerse ourselves in ways to spam-proof our site. Most importantly, we look at how all of these tools work together and how to decide which tools are best for which situation.

Before watching this series, you will need a fresh Drupal 7 installation. Follow the videos in the Setting Up a Web Environment With Drupal to get Drupal set up on your Windows, OSX (Mac) or Linux machine.

Some of the key points we'll be covering include:

How to set up administrative tools to speed up your building process.

How to configure content types and decide when to share fields and other configuration.

How to use the Panels modules to position content

How to use Display Suite for positioning content and building new view modes without code!

Working with advanced Views tools like relationships and argument-passing

How to build a slideshow with Views

How to import content into your site using the Feeds module

Who this collection is for

This collection is for anyone who wants to learn the most powerful tools and techniques for organizing and positioning content on a Drupal site. This will of course be useful for determining which techniques to use on your own projects, but because we will cover the most common techniques you will be likely to run into when working with existing Drupal projects, this collection will help you tremendously when working on a team.

Prerequisites

A basic familiarity with Drupal concepts and terminology will be useful. If you start to feel lost, you may want to review the "Build Your First Drupal 7 Web Site" collection where we cover these. This collection is intended as a kind of sequel to that collection, so we build off of the ideas from it.

It looks like there might be an issue playing videos in this browser. We're working on better cross-brower experience, but in the meantime please try the latest Chrome or Firefox browsers. Or, you may be able to watch the video directly without progress tracking or transcript: