Display suite 2 - Drupalcamp gent

26
Display Suite 2 Kristof De Jaeger Sunday 27 May 12

Transcript of Display suite 2 - Drupalcamp gent

Page 1: Display suite 2  - Drupalcamp gent

Display Suite 2Kristof De Jaeger

Sunday 27 May 12

Page 2: Display suite 2  - Drupalcamp gent

About me

• Kristof De Jaeger

• Drupal developer at Krimson

• @swentel

• Lead maintainer of Display Suite

• Other: sweaver, field_group, core

Sunday 27 May 12

Page 3: Display suite 2  - Drupalcamp gent

Why Display Suite 2

• UX problems

• Get ready for the future: HTML 5

• Get new features in

• Fix some outstanding problems

• Because we just like to code

Sunday 27 May 12

Page 4: Display suite 2  - Drupalcamp gent

Thank you

• Krimson

• Bram “aspilicious” Goffings

• Bojan and Yoroy

• All other sprinters during the DS Easter sprint

Sunday 27 May 12

Page 5: Display suite 2  - Drupalcamp gent

UX analysis

• Mostly a problem for first time users

• They don’t know what todo

• They don’t have a clue where to click

• Thank you screencasts

Sunday 27 May 12

Page 6: Display suite 2  - Drupalcamp gent

UX - main entry

Sunday 27 May 12

Page 7: Display suite 2  - Drupalcamp gent

UX - layout overview

Sunday 27 May 12

Page 8: Display suite 2  - Drupalcamp gent

UX - layout in wrong tab

Sunday 27 May 12

Page 9: Display suite 2  - Drupalcamp gent

UX - change layout

Sunday 27 May 12

Page 10: Display suite 2  - Drupalcamp gent

UX - change layout

Sunday 27 May 12

Page 11: Display suite 2  - Drupalcamp gent

UX Battle planDefault entry to layout list - content aboveAll other become tabs or subtabs

Sunday 27 May 12

Page 12: Display suite 2  - Drupalcamp gent

UX Battle planMake the layout tab the defaultAdd preview images with AJAXRemove the apply button

Sunday 27 May 12

Page 13: Display suite 2  - Drupalcamp gent

UX Battle planRedesign the switch layout screenMake use of previews

Sunday 27 May 12

Page 14: Display suite 2  - Drupalcamp gent

UX Battle plan

• Manage display tab or contextual is default

• Pre fill layout with default fields

Sunday 27 May 12

Page 15: Display suite 2  - Drupalcamp gent

HTML 5

• Is this possible with 7.x-1.x ?

• YES

• Custom templates

• Only for layouts, not fields

• NO

• Not through the UI

Sunday 27 May 12

Page 16: Display suite 2  - Drupalcamp gent

HTML 5

• HTML 5 wrappers for layout and regions

Sunday 27 May 12

Page 17: Display suite 2  - Drupalcamp gent

HTML 5

• Wrappers for fields (fieldgroups)

Sunday 27 May 12

Page 18: Display suite 2  - Drupalcamp gent

HTML 5

• templates are different now

• hide empty regions is gone

• they now support forms by default

• use drush ds-build to help you

Sunday 27 May 12

Page 19: Display suite 2  - Drupalcamp gent

HTML 5

Sunday 27 May 12

Page 20: Display suite 2  - Drupalcamp gent

Crazy field (templates)

• Expert template now supports

• default attributes

• custom attributes

• tokens in field item

• They are now in the cogwheel!

Sunday 27 May 12

Page 21: Display suite 2  - Drupalcamp gent

Other things

• Alter before you render: hook_ds_prerender_alter

• Field permissions

• Flags support

• Views display supports hiding title

• More taxonomy formatters

• Views ‘delta’ fields

Sunday 27 May 12

Page 22: Display suite 2  - Drupalcamp gent

IMPORTANT

• no upgrade path so far

• panel view modes is gone, use panelizer 7.x-3.x

• field template configuration has some problems, but that’s the last thing to fix

Sunday 27 May 12

Page 23: Display suite 2  - Drupalcamp gent

DEMO

23

Sunday 27 May 12

Page 24: Display suite 2  - Drupalcamp gent

Release

• Candidate release begin of june

• Official release probably 27th of june

• GO TEST and submit issues and/or patches

• http://drupal.org/project/ds

24

Sunday 27 May 12

Page 25: Display suite 2  - Drupalcamp gent

Your questions

• Go crazy!

Sunday 27 May 12

Page 26: Display suite 2  - Drupalcamp gent

Feedback & follow-up:http://drupalcampgent.be/feedback

Sunday 27 May 12