SlideShare une entreprise Scribd logo
1  sur  70
Télécharger pour lire hors ligne
Display Suite



 Drupalcamp Stockholm 2013
About me
     Kristof De Jaeger
     Lead developer @ wunderkraut
     Twitter: @swentel
     Lead maintainer Display Suite
     co-maintainer of Field group and more
     Drupal core co-maintainer for Field API




     Wunderkraut Belgium
In this session

•Most asked questions
•Demo
•Your questions
Disclaimer
  I’m a developer

Ugly slides coming up
What does it do ?
The essence

Swap template files
Kill templates
The essence

Expose more properties
The essence
The essence

Work on any entity by default
The essence

Uses power of view modes
The essence

All done on Field UI
Field UI has power
It’s huge
It’s huge
Field templates

    Like ‘fences’
But we do it better™
Field templates
Field templates
Field templates
DS extras
 All kinds of small features:
 title, region to block, field
permissions, views displays ...
DS Forms

Add wrappers to forms
DS Search

Beautiful search results
Demo time
7.x-1.x vs 7.x-2.x
Do not upgrade

      On existing sites
Both branches are supported
Template changes
•Look completely different
•Hide empty regions is gone
•Support forms by default
•drush ds-build
HTML 5 in 7.x-1.x
•Custom templates
•Only for layouts
HTML 5
Fieldgroup wrapper
UX analysis
•Problem for first time users
•Don’t know what to do
•Don’t know where to click
Menu DS 1
Layout list DS 1
Layout tab
Layout tab
•Default tab to layout
•Preview images
•AJAX
•Remove the apply button
•Add default fields
Change layout
Contextual links
Integrates with edit
Other
•Display Suite UI module
•Code format module
•Flags support
•And more
Panelizer
Panel view modes is gone
Use 7.x-3.x branch of
Panelizer
Do you hate panels ?
What is Panels

  Layout builder
Integration
Page manager
 Mini panels
  Panelizer
     etc
Visual editor


  vs Field UI :)
Context

View modes are our
     context
@frega
drupal’s godwin’s law: as
a presentation grows
longer the probability of a
(futile) discussion of
panels vs display suite
approaches 1
We use it !

You should too
How do you use it in projects ?
Tools
  Display Suite
 Semantic Views
Panels everywhere
 Semantic Panels
Kill templates
Starting point


 No markup at all
KILL ALL THE MARKUP
Freedom
For designers
     and
 frontenders
Developers

  Security
How is the performance ?
The no 1 Q

Configuration is cached
Core function

   134 lines
Typical request

    600 lines
The actual problem

      Drupal
Field API

http://drupal.org/node/1040790
Views and fields

 Needs to load the entity
What does it mean for
       you ?
Getting scary

 50.000 installations
Understanding
Thank you

Questions
Credits
- http://www.flickr.com/photos/xurble/376588066/
- www.gtresearchnews.gatech.edu
- James Panton of Code Enigma

Contenu connexe

Similaire à Display Suite @ DrupalCamp Stockholm 2013

Drupal Patterms Module
Drupal Patterms ModuleDrupal Patterms Module
Drupal Patterms ModuleChris Bryant
 
Azure Data Studio Extension Development
Azure Data Studio Extension DevelopmentAzure Data Studio Extension Development
Azure Data Studio Extension DevelopmentDrew Skwiers-Koballa
 
Contributing to Drupal
Contributing to DrupalContributing to Drupal
Contributing to DrupalChris Skene
 
Innoslate 101 webinar steve (1) (1)
Innoslate 101 webinar steve (1) (1)Innoslate 101 webinar steve (1) (1)
Innoslate 101 webinar steve (1) (1)Elizabeth Steiner
 
SiriusCon17 - Eclipse Sirius at a glance
SiriusCon17 - Eclipse Sirius at a glanceSiriusCon17 - Eclipse Sirius at a glance
SiriusCon17 - Eclipse Sirius at a glanceObeo
 
Building a Modern Windows App
Building a Modern Windows AppBuilding a Modern Windows App
Building a Modern Windows AppBrent Edwards
 
An Introduction to Domain Driven Design in PHP
An Introduction to Domain Driven Design in PHPAn Introduction to Domain Driven Design in PHP
An Introduction to Domain Driven Design in PHPChris Renner
 
Implementing a Symfony Based CMS in a Publishing Company
Implementing a Symfony Based CMS in a Publishing CompanyImplementing a Symfony Based CMS in a Publishing Company
Implementing a Symfony Based CMS in a Publishing CompanyMarcos Labad
 
Angular 2 overview
Angular 2 overviewAngular 2 overview
Angular 2 overviewJesse Warden
 
Intro to drupal
Intro to drupalIntro to drupal
Intro to drupalarcaneadam
 
How to choose the right drupal modules like a pro
How to choose the right drupal modules like a proHow to choose the right drupal modules like a pro
How to choose the right drupal modules like a proLax Mariappan
 
Spark: Authoring Experience++ in Drupal 7, 8, and Beyond
Spark: Authoring Experience++ in Drupal 7, 8, and BeyondSpark: Authoring Experience++ in Drupal 7, 8, and Beyond
Spark: Authoring Experience++ in Drupal 7, 8, and BeyondAngela Byron
 
Angular mobile angular_u
Angular mobile angular_uAngular mobile angular_u
Angular mobile angular_uDoris Chen
 
Drupal 8 - Core and API Changes
Drupal 8 - Core and API ChangesDrupal 8 - Core and API Changes
Drupal 8 - Core and API ChangesShabir Ahmad
 
Drupal DevOps - Melbourne DevOps July 2013
Drupal DevOps - Melbourne DevOps July 2013Drupal DevOps - Melbourne DevOps July 2013
Drupal DevOps - Melbourne DevOps July 2013Chris Ward
 

Similaire à Display Suite @ DrupalCamp Stockholm 2013 (20)

Drupal Patterms Module
Drupal Patterms ModuleDrupal Patterms Module
Drupal Patterms Module
 
Azure Data Studio Extension Development
Azure Data Studio Extension DevelopmentAzure Data Studio Extension Development
Azure Data Studio Extension Development
 
Contributing to Drupal
Contributing to DrupalContributing to Drupal
Contributing to Drupal
 
Design pattern
Design patternDesign pattern
Design pattern
 
Innoslate 101 webinar steve (1) (1)
Innoslate 101 webinar steve (1) (1)Innoslate 101 webinar steve (1) (1)
Innoslate 101 webinar steve (1) (1)
 
L05 Design Patterns
L05 Design PatternsL05 Design Patterns
L05 Design Patterns
 
SiriusCon17 - Eclipse Sirius at a glance
SiriusCon17 - Eclipse Sirius at a glanceSiriusCon17 - Eclipse Sirius at a glance
SiriusCon17 - Eclipse Sirius at a glance
 
Building a Modern Windows App
Building a Modern Windows AppBuilding a Modern Windows App
Building a Modern Windows App
 
An Introduction to Domain Driven Design in PHP
An Introduction to Domain Driven Design in PHPAn Introduction to Domain Driven Design in PHP
An Introduction to Domain Driven Design in PHP
 
Implementing a Symfony Based CMS in a Publishing Company
Implementing a Symfony Based CMS in a Publishing CompanyImplementing a Symfony Based CMS in a Publishing Company
Implementing a Symfony Based CMS in a Publishing Company
 
Angular 2 overview
Angular 2 overviewAngular 2 overview
Angular 2 overview
 
Intro to drupal
Intro to drupalIntro to drupal
Intro to drupal
 
How to choose the right drupal modules like a pro
How to choose the right drupal modules like a proHow to choose the right drupal modules like a pro
How to choose the right drupal modules like a pro
 
Innoslate Overview
Innoslate OverviewInnoslate Overview
Innoslate Overview
 
Drupal distribution
Drupal distributionDrupal distribution
Drupal distribution
 
Spark: Authoring Experience++ in Drupal 7, 8, and Beyond
Spark: Authoring Experience++ in Drupal 7, 8, and BeyondSpark: Authoring Experience++ in Drupal 7, 8, and Beyond
Spark: Authoring Experience++ in Drupal 7, 8, and Beyond
 
Angular mobile angular_u
Angular mobile angular_uAngular mobile angular_u
Angular mobile angular_u
 
Drupal 8 - Core and API Changes
Drupal 8 - Core and API ChangesDrupal 8 - Core and API Changes
Drupal 8 - Core and API Changes
 
Drupal -Introduction to Drupal
Drupal -Introduction to DrupalDrupal -Introduction to Drupal
Drupal -Introduction to Drupal
 
Drupal DevOps - Melbourne DevOps July 2013
Drupal DevOps - Melbourne DevOps July 2013Drupal DevOps - Melbourne DevOps July 2013
Drupal DevOps - Melbourne DevOps July 2013
 

Display Suite @ DrupalCamp Stockholm 2013