1

Introduction to Display Suite

2 2

Rod Martin

rodOST @imrodmartin

imrodmartin.com

rod@ostraining.com

3 3

Introduction to Display Suite

4

Display Suite - who

4

http://realize.be

Kristof De Jaeger swentel

has a drupalcon tattoo on his wrist...

5

Display Suite - what

Display Suite is a powerful, highly extensible module that gives developers complete control over how content is displayed. It features an intuitive, drag-and-drop interface and includes a group of pre-configured layouts that make it even easier to control the display of your nodes, views, comments, etc.

5

6

Display Suite - what

Display Suite is a powerful, highly extensible module that gives developers complete control over how content is displayed. It features an intuitive, drag-and-drop interface and includes a group of pre-configured layouts that make it even easier to control the display of your nodes, views, comments, etc.

6

site builders

7

Display Suite - what

•  Display Suite: The main module to rearrange your fields.

•  Search: extend the search results for Drupal core or Apache Solr.

•  Extras: extra functionality like semantic fields, region to block, hide page title etc.

•  Forms: style the layout of forms.

•  Format: provides a PHP filter with entity context

•  UI: Manage custom fields, classes and view modes through UI

7

8

Display Suite - when

October 18, 2009 at 3:32pm

8

9

Display Suite - how (is it doing)

9

10

Display Suite - why

10

Display Suite allows you to take full control over how your content is displayed using a drag and drop interface. Arrange your nodes, views, comments, user data etc. the way you want without having to work your way through dozens of template files. A predefined list of layouts (D7 only) is available for even more drag and drop fun!

11

Set up for Today

•  IMDB “clone” site on Acquia Dev Desktop •  starting with Bartik •  finishing up with sub-theme of Corolla • Full documentation for DS:

–  http://drupal.org/node/644662

11

12 12

13 13

14 14

15

Workflow

•  Install • Configure • Manage Displays • Add Fields • Add CSS • Creating override files in your theme • More Resources

15

16

Demo

16

17

More Resources

•  https://drupal.org/project/ds •  Docs: https://drupal.org/node/644662 •  DrupalCon London Presentation:

http://london2011.drupal.org/conference/sessions/take-full-control-your-site-layout-display-suite-drupal-7

•  Screencast - Changes in v2 http://drupalize.me/videos/changes-display-suite-version-2

17

18