This document discusses Display Suite (DS), an API and modules for modifying Drupal elements and objects. DS includes modules for nodes (ND), CCK fields (ND CCK), contexts (CD), and views (VD). It allows creating build modes and customizing node layouts, fields, and regions. The document demos creating build modes, applying styles, adding fieldsets and tabs, and altering views using DS. It concludes by providing links to DS documentation and demos.

1. Display Suite
Igor Știrbu
igor.stirbu@gmail.com
HP
May 7, 2011
. . . . . .
Igor Știrbu igor.stirbu@gmail.com (HP) Display Suite May 7, 2011 1/9

2. Display Suite
DS - API for modifying elements of objects
Modules implementing DS API:
ND
ND CCK
ND: Fivestar, location, search, Webform, Faq, Context
CD
VD
Neat stuff
Create (fake) fields (eg: Read more)
Create fieldsets (Tabs)
Plugins (Empty Regions, Region to block)
. . . . . .
Igor Știrbu igor.stirbu@gmail.com (HP) Display Suite May 7, 2011 2/9

3. DS Concepts
Build mode
Object representation
By default: Full node, Teaser, RSS
Add your own
Regions
DS provides 5 regions in 1-3-1 layout
No custom regions yet
Can override layout with CSS
. . . . . .
Igor Știrbu igor.stirbu@gmail.com (HP) Display Suite May 7, 2011 3/9

4. Typical page layout
Where
Theme regions, blocks, context, panels
What
Override *.tpl.php in your theme
How
CSS files in your theme
. . . . . .
Igor Știrbu igor.stirbu@gmail.com (HP) Display Suite May 7, 2011 4/9

5. Display Suite way
Where
Theme regions, blocks, context, panels
. . . . . .
Igor Știrbu igor.stirbu@gmail.com (HP) Display Suite May 7, 2011 5/9

6. Display Suite way
Where
Theme regions, blocks, context, panels
What
Reuse or define new build modes
⋆ Default: Full node, Teaser, RSS
⋆ Custom: Grid list, Slideshow, Grid small
Select fields to be displayed
⋆ A default 1-3-1 column layout
⋆ Apply CCK formatting
⋆ Apply own custom styles
. . . . . .
Igor Știrbu igor.stirbu@gmail.com (HP) Display Suite May 7, 2011 5/9

7. Display Suite way
Where
Theme regions, blocks, context, panels
What
Reuse or define new build modes
⋆ Default: Full node, Teaser, RSS
⋆ Custom: Grid list, Slideshow, Grid small
Select fields to be displayed
⋆ A default 1-3-1 column layout
⋆ Apply CCK formatting
⋆ Apply own custom styles
How
Use your theme
Add custom classes to fields
Add custom classes to regions
. . . . . .
Igor Știrbu igor.stirbu@gmail.com (HP) Display Suite May 7, 2011 5/9

8. Demo time!
Reuse and create build modes
. . . . . .
Igor Știrbu igor.stirbu@gmail.com (HP) Display Suite May 7, 2011 6/9

9. Demo time!
Reuse and create build modes
Apply styles to fields and regions
. . . . . .
Igor Știrbu igor.stirbu@gmail.com (HP) Display Suite May 7, 2011 6/9

10. Demo time!
Reuse and create build modes
Apply styles to fields and regions
Add fieldsets+tabs to a node display
. . . . . .
Igor Știrbu igor.stirbu@gmail.com (HP) Display Suite May 7, 2011 6/9

11. . . . . . .
Igor Știrbu igor.stirbu@gmail.com (HP) Display Suite May 7, 2011 7/9

12. Demo time!
Reuse and create build modes
Apply styles to fields and regions
Add fieldsets+tabs to a node display
Create and alter a view
. . . . . .
Igor Știrbu igor.stirbu@gmail.com (HP) Display Suite May 7, 2011 8/9

13. Where to go
Drupal.org pages:
http://drupal.org/project/ds
http://drupal.org/project/nd
http://drupal.org/project/nd_contrib
http://drupal.org/project/vd
http://drupal.org/project/cd
http://drupal.org/project/ud
On-line demos:
http://demo.customsource.be/
http://dsd7.customsource.be/
. . . . . .
Igor Știrbu igor.stirbu@gmail.com (HP) Display Suite May 7, 2011 9/9