1. Tips and Tricks for Getting
the Most out of Views

2. About me
• Drupal consulting,
development, and
training
• Help organizations build
awesome Drupal
websites with custom
functionality
@suzanne_kennedy
evolvingweb.ca

3. Introduction to Views

4. What is Views?
Fields
Sorts
Filters
View
Taxonomy
city break
CommentsUsers
D. Schrute
Germany
J. Halpert
Spain
adventure
city break
sailing
shopping
dwight
8 Sept
Wow, can't
wait to get
visit.
joe
8 Sept
Me too!
Content
Content title
Data

5. Views Basics
Taxonomy
city break
CommentsUsers
D. Schrute
Germany
J. Halpert
Spain
adventure
city break
sailing
shopping
dwight
8 Sept
Wow, can't
wait to get
visit.
joe
8 Sept
Me too!
Content
Content title
Choose what to list
Choose a format
Choose a display type
Unformatted List Table
Add filters and sorts
Website Header Block Display
Page Display

6. Choose What to List
Taxonomy
city break
CommentsUsers
D. Schrute
Germany
J. Halpert
Spain
adventure
city break
sailing
shopping
dwight
8 Sept
Wow, can't
wait to get
visit.
joe
8 Sept
Me too!
Content
Content title

7. Add Filters & Sorts
Sort by title
Sort by post date
Filter by content type
Articles Job Postings
Jan 10
March 16
April 6
April 28
Ascending Descending
Jan 10
March 16
April 6
April 28
Ascending
A
Z
Z
A
Descending

8. Choose a Format
Unformatted HTML List Ordered List
Table Calendar Map

9. Choose a Display
Website Header Block Display
Page Display
RSS Feed Display
Attachment Display

10. Anatomy of a View
Articles
Welcome to the articles page.
Title
Header
Row
First | Prev | 1 | 2 | 3 | Next | Last Pager
Results

11. Anatomy of a View
Articles
Welcome to the articles page.
Title
Header
Row
First | Prev | 1 | 2 | 3 | Next | Last Pager
Results

12. Views: Query builder
• <?php
// Connecting, selecting database
$link = mysql_connect('mysql_host', 'mysql_user', 'mysql_password')
or die('Could not connect: ' . mysql_error());
echo 'Connected successfully';
mysql_select_db('my_database') or die('Could not select database');
// Performing SQL query
$query = 'SELECT * FROM my_table';
$result = mysql_query($query) or die('Query failed: ' . mysql_error());
// Printing results in HTML
echo "<table>n";
while ($line = mysql_fetch_array($result, MYSQL_ASSOC)) {
echo "t<tr>n";
foreach ($line as $col_value) {
echo "tt<td>$col_value</td>n";
}
echo "t</tr>n";
}
echo "</table>n";
// Free resultset
mysql_free_result($result);
// Closing connection
mysql_close($link);
?>
• // Printing results in HTML
echo "<table>n";
while ($line = mysql_fetch_array($result,
MYSQL_ASSOC)) {
echo "t<tr>n";
foreach ($line as $col_value) {
echo "tt<td>$col_value</td>n";
}
echo "t</tr>n";
}
echo "</table>n";

13. Views Wizard
Choose base table
Change types
Term filters
Simple sort

14. Views Wizard
Page or block
Display settings
Add to menu

15. Views Editor

16. CHANGING THE
MARKUP

17. Choose a Format
Unformatted HTML List Ordered List
Table Calendar Map

18. Choose the right
format

19. Built-in Formats
• Table
• Unformatted List
• HTML List
• Jump List
• Grid

20. Use grids for visual
data

24. Use tables for tabular
data

27. Display ‘Fields’ for
more Control

28. Change the row style
Row style setting

29. Row Styles
Fields Content
Select the exact fields that
you want to display
Select the view mode to use
Select a row style (content or fields)

30. Change the markup
for fields in
configuration

31. Altering Field Output

32. Exclude fields and
rewrite results

33. Altering Field Output

34. Altering Field Output

35. Use Field Formatters

36. http://blog.brightcove.com

37. http://www.builtinchicago.org/community/spotlight-videos

40. Use custom view
modes

41. Define custom View
modes with Display Suite

42. Add multiple displays
to the same View

43. Multiple Displays

44. Add displays
Add displays

45. Override Settings
Select to change settings for the current display or all displays

46. Use attachments to
make a ‘featured
item’

49. Group results for
easy scanning

52. Select grouping field

53. Use Views to Create
RSS Feeds

54. Attach a Feed Display

55. Link a block to a page
display

57. Link a block to a page
Link display setting

58. FILTERING AND
SORTING

59. Add Filters & Sorts
Sort by title
Sort by post date
Filter by content type
Articles Job Postings
Jan 10
March 16
April 6
April 28
Ascending Descending
Jan 10
March 16
April 6
April 28
Ascending
A
Z
Z
A
Descending

60. Adding Filters
Add something to filter by
Configure it

61. Filter by whether a
field exists

63. Operators for Filters
Filter to
show only
users who
have a
picture.

64. Use exposed filters to
let users filter content

67. Exposing a filter

68. Modules for Filtering
• Better Exposed Filters
• Provides more options for exposed filters
• Views Dependent Filters
• Exposed filters that show up when a
particular option is selected

69. Use exposed filters
for search

70. Exposing Search
• Provide a ‘keywords’ exposed filter

71. Exposing Search

72. Display content in a
table and expose
sorts

73. Exposed Sorts
• Use a table view and expose sorts to users

74. Exposed Sorts

75. Use the Date Views
module

76. Upcoming Events View

77. Filtering by Date
Filter to only
show
results with
a start date
in the future

78. USING CONTEXTUAL
FILTERS AND
RELATIONSHIPS

79. Contextual Filters: Page
Website Header
Page Display
Alias: category/tags/drupal
Drupal System Path: taxonomy/term/1
Content About ‘Drupal’
Views Configuration: taxonomy/term/%
URL: evolvingweb.ca/category/tags/drupal

80. Contextual Filters: Page
Add a contextual filter
Configure it

81. Contextual Filters: Block
Website Header
Block Display
Alias: content/blog-post-title
Drupal System Path: node/1
URL: evolvingweb.ca/content/blog-post-title
Node 1 Content
Tags for Node 1

82. Contextual Filters: Block
Add a contextual filter
Configure it

83. Use contextual filters
to show related
content

84. Field in Separate Block
View showing the
technology field. Uses
contextual filter to show
only data for current node.

85. Related Media Block
View showing the ‘Related
Videos’ field. Uses
contextual filter to show
only data for current node.

86. Use contextual filters
to exclude results

87. Exclude current node

88. Exclude arguments

89. EXTENDING VIEWS

90. Setup Views for
administrators

91. Administrative Views

92. Draggable Views

93. Draggable Views

94. Views Bulk Operations

95. Use Views & Apache
Solr

96. Apache Solr
• Apache Solr Views Integration module

97. Display more data
with Views

98. What else can you show
with Views?
• Aggregator items
• Solr search results
• Content Revisions
• Products
• Media
• Webform Submissions
• Files

99. Your Custom Data
• hook_views_data
• Tell Views about the custom data that you’ve
added with your module
• http://evolvingweb.ca/story/developing-
views-part-i-describing-your-data-views

100. Your Custom Data

101. Use Views Slideshow
for dynamic rotators

102. Views Slideshow

104. Views Slideshow Config

105. Use the Calendar
Module

106. Calendar
https://buyandsell.gc.ca/event-calendar

107. https://ed.stanford.edu/events

108. Building a Calendar
• Calendar provides a views template

109. Maps!

110. Open Layers Views
http://www.gfptt.org/

111. WORKING WITH
VIEWS

112. Preview Output

113. Previewing Output

114. Export Your Views

115. Views in Code
Export Views
Add Views to Your Features

116. Use the ‘Theme
Information’ link

117. Theme Information

118. Theme Information

119. Upcoming Views Training
Ottawa - May 13th
http://drupal-views-training-ottawa-
may13.eventbrite.com
Portland - May 20th
http://portland2013.drupal.org/node/3718