SlideShare a Scribd company logo
1 of 41
Download to read offline
Paraphrasing Panels,
Panelizer and Panopoly
Keenan Holloway
Developer
Forum One
Saturday, July 27, 13
Panels
The Foundation
Saturday, July 27, 13
Panels
A	
  standard	
  way	
  of	
  customizing	
  page	
  displays
Saturday, July 27, 13
Panels: Install and Enable
Install	
  CTools	
  and	
  Panels
Module/Sub-­‐Module	
  Enable:
CTools:	
  Page	
  Manager
Panels:	
  Panels,	
  Panels	
  In-­‐Place	
  Editor	
  (op9onal)
AddiAonal	
  SeBngs
Enable	
  “node_view”	
  Node	
  template	
  (Structure-­‐
>Pages)	
  if	
  you	
  plan	
  to	
  override	
  content	
  type	
  
displays
Saturday, July 27, 13
Panels
Creating a Panel Page
Saturday, July 27, 13
Panels: Overall Steps
Create	
  a	
  new	
  Panel	
  page
Specify	
  what	
  the	
  page	
  is	
  (new	
  page,	
  overriding	
  
exisAng	
  page,	
  etc)
Specify	
  a	
  selecAon	
  rule	
  if	
  needed	
  (if	
  more	
  than	
  
one	
  variaAon	
  “variant”	
  will	
  exist	
  or	
  other)
Specify	
  page	
  layout	
  for	
  the	
  Panel	
  page
Add	
  content	
  to	
  the	
  Panel	
  page	
  using	
  the	
  selected	
  
layout
Saturday, July 27, 13
Panels: Pages
Panels	
  can	
  override	
  the	
  display	
  of:
Comment	
  reply	
  page,	
  Node	
  add/edit	
  form,	
  Node	
  template,	
  
Node	
  and	
  user	
  search,	
  Taxonomy	
  term	
  template,	
  User	
  edit	
  
template,	
  User	
  profile	
  template	
  and	
  Custom	
  pages
Saturday, July 27, 13
Panels: Content
A	
  Panels	
  page	
  consists	
  of	
  content	
  from	
  various	
  
sources	
  that	
  is	
  exposed	
  as	
  a	
  “Pane”	
  and	
  placed	
  in	
  
a	
  region	
  on	
  the	
  page.
Saturday, July 27, 13
Panels: Panes/Categories
Saturday, July 27, 13
Panels: Panes
Views	
  content	
  panes
Allows	
  Views	
  content	
  to	
  be	
  used	
  in	
  Panels
(sub	
  module	
  of	
  CTools)
Fieldable	
  panels	
  panes
Separate	
  module	
  that	
  allows	
  you	
  create	
  panel	
  
pane	
  en99es	
  that	
  may	
  be	
  used	
  in	
  Panels	
  that	
  are	
  
fieldable
Can	
  be	
  created	
  through	
  Panels	
  UI	
  or	
  code
Saturday, July 27, 13
Panels: In-Place Editor
In-place editor
How to enable it
Strengths and
weaknesses
Saturday, July 27, 13
Out	
  the	
  box	
  (seen	
  above)
Flexible	
  Builders	
  layout	
  (Not	
  really	
  used	
  because	
  
it	
  lives	
  in	
  configuraAon	
  and	
  is	
  markup	
  heavy)
Custom	
  responsive	
  layouts
Panels: Layouts
Saturday, July 27, 13
Panels: Layouts: Custom
Talk about layouts out
the box as well as custom
responsive layouts. Show
code of custom layout?
The	
  following	
  files	
  are	
  
needed:
Template	
  file	
  (contains	
  
template	
  HTML	
  for	
  the	
  
layout)
INC	
  file	
  (contains	
  
Panel	
  informa9on	
  and	
  
configura9on)
CSS	
  file	
  (op9onal	
  and	
  
contains	
  CSS	
  for	
  the	
  
layout)
Icon	
  file	
  (PNG	
  image	
  
icon	
  representa9on	
  of	
  
the	
  layout)
You	
  can	
  use	
  a	
  preprocess	
  
hook	
  to	
  make	
  your	
  layout	
  
smarter	
  (responsive	
  to	
  
content).
Saturday, July 27, 13
Panels: Panel Page
Saturday, July 27, 13
Panels: Variants
Consider	
  Variants	
  as	
  “if”	
  statements	
  
for	
  Panel	
  pages
They	
  are	
  used	
  typically	
  with	
  selecAon	
  
rules
They	
  read	
  as	
  “if	
  selecAon	
  rule	
  true,	
  use	
  
this	
  Panel	
  variant”	
  from	
  top	
  to	
  boTom
Gives	
  you	
  the	
  ability	
  to	
  have	
  one	
  Panel	
  
provide	
  variaAon	
  to	
  a	
  page	
  based	
  on	
  
your	
  logic	
  (node	
  display	
  by	
  node	
  type	
  
for	
  example)
Saturday, July 27, 13
Panels: Context
Context	
  are	
  are	
  things	
  the	
  Panel	
  is	
  aware	
  of
Saturday, July 27, 13
Panels
Strengths and Weaknesses
Note: These cascade
Saturday, July 27, 13
Panels: Strengths
Panels	
  are	
  exportable	
  using	
  things	
  like	
  Features,	
  
Hooks	
  and	
  ConfiguraAon	
  module
Very	
  stable
Many	
  contribuAng	
  modules
Great	
  permissions	
  seBngs
Popular
Great	
  in	
  responsive	
  design	
  sites
Saturday, July 27, 13
Panels: Weaknesses
User	
  interface	
  can	
  be	
  challenging	
  and	
  isn’t	
  very	
  
508	
  compliant
Advanced	
  layouts	
  sAll	
  require	
  you	
  to	
  fall	
  back	
  to	
  
code	
  to	
  create
PotenAal	
  conflicts	
  can	
  arise	
  when	
  used	
  with	
  
other	
  modules	
  that	
  override	
  displays	
  like	
  Display	
  
Suite
Content	
  in	
  configuraAon	
  issues	
  can	
  arise	
  since	
  
panes	
  are	
  exportable	
  configuraAon	
  that	
  contain	
  
content
Saturday, July 27, 13
Panelizer
Panels + Settings Applied Per Node
Saturday, July 27, 13
Panelizer
A	
  way	
  to	
  customize	
  the	
  display	
  of	
  one	
  node	
  
without	
  effecAng	
  others
Takes	
  panels	
  (stuff)	
  and	
  applies	
  it	
  to	
  nodes
(This	
  can	
  be	
  done	
  with	
  Panels	
  alone	
  but	
  gets	
  
unmanageable	
  having	
  many	
  variants)
Saturday, July 27, 13
Panelizer: Entity Display
Saturday, July 27, 13
Panelizer: Display Override
Saturday, July 27, 13
Panelizer: Display Override
This	
  node	
  VS	
  default	
  node	
  template
Saturday, July 27, 13
Panelizer
Strengths and Weaknesses
Saturday, July 27, 13
Panelizer: Strengths
Works	
  on	
  any	
  enAty	
  (as	
  of	
  Version	
  2)
Create	
  mulAple	
  defaults
Customize	
  view	
  modes
Allowed	
  configuraAon	
  can	
  be	
  managed
Saturday, July 27, 13
Panelizer: Weaknesses
Could	
  be	
  too	
  much	
  freedom	
  if	
  not	
  locked	
  down	
  
correctly
Available	
  opAons	
  could	
  be	
  abused	
  in	
  the	
  hands	
  
of	
  users	
  who	
  are	
  not	
  informed	
  in	
  opAmized	
  user	
  
experience
Saturday, July 27, 13
Panopoly
Panels + Panelizer + Drupal Distribution
Saturday, July 27, 13
Panopoly
Panopoly	
  is	
  an	
  Apps	
  enabled	
  distribuAon	
  of	
  
Drupal	
  powered	
  by	
  lots	
  of	
  Chaos	
  Tools	
  and	
  
Panels	
  magic
Customized	
  site	
  integraAon	
  with	
  Panelizer	
  and	
  
Panels
Takes	
  most	
  of	
  the	
  configuraAon	
  and	
  seBngs	
  of	
  
Panelizer/Panels	
  out	
  your	
  way	
  for	
  a	
  simpler	
  user	
  
experience
Similar	
  funcAonality,	
  beTer	
  presentaAon	
  (UI)
Saturday, July 27, 13
Panopoly: Install
Standard	
  Drupal	
  install	
  procedure
Panopoly	
  Demo	
  and	
  News	
  Apps	
  can	
  be	
  skipped
Responsive	
  BarAk	
  theme	
  is	
  nice
Saturday, July 27, 13
Panopoly: IPE
Saturday, July 27, 13
Panopoly: Layouts
Saturday, July 27, 13
Panopoly: Content
Core	
  panels/panelizer	
  content	
  is	
  hidden	
  in	
  place	
  
of	
  custom	
  “Panelizer	
  content”	
  items
Saturday, July 27, 13
Panopoly
Strengths and Weaknesses
Saturday, July 27, 13
Panopoly: Strengths
Provides	
  a	
  best	
  pracAce	
  default	
  stack	
  of	
  modules	
  
(removes	
  the	
  pains	
  of	
  module	
  selecAon)
Provides	
  many	
  responsive	
  cross	
  browser	
  layouts	
  
as	
  well	
  as	
  responsive	
  images	
  funcAonality
Improved	
  search	
  with	
  Search	
  API	
  (with	
  DB	
  or	
  Solr	
  
search)
Many	
  other	
  nice	
  to	
  haves	
  like	
  WYSIWYG	
  editor,	
  
Admin	
  interface	
  and	
  others
Easily	
  add	
  custom	
  Pane	
  enAAes	
  (like	
  files,	
  videos,	
  
links,	
  spotlight,	
  GMap,	
  etc)
Saturday, July 27, 13
Panopoly: Weaknesses
Like	
  many	
  distribuAon	
  there	
  are	
  a	
  lot	
  of	
  things	
  
you’ll	
  want	
  to	
  turn	
  off	
  to	
  make	
  it	
  yours	
  (Modules,	
  
Workflow,	
  Content,	
  Etc.)
I	
  personally	
  prefer	
  not	
  using	
  distribuAons	
  (could	
  
be	
  PTSD)
Saturday, July 27, 13
Overall
Tips and Best Practices
Saturday, July 27, 13
Tips and Best Practices
Some	
  views	
  configuraAon	
  (item	
  number,	
  filters,	
  
sorAng,	
  fields,	
  etc)	
  can	
  be	
  exposed	
  to	
  the	
  panel	
  
pane	
  seBngs	
  and	
  customized	
  in	
  the	
  Panel	
  config.	
  
Grant	
  access	
  in	
  views	
  with	
  “Allow	
  seBngs”.
With	
  Views	
  you	
  can	
  pass	
  arguments	
  from	
  the	
  
Panel	
  page	
  to	
  the	
  view	
  with	
  “Use	
  Panel	
  path”	
  
and	
  “Argument	
  input”	
  seBngs	
  in	
  Views.	
  This	
  is	
  
great	
  for	
  passing	
  context	
  to	
  the	
  View.
Select	
  “Disable	
  Drupal	
  blocks/regions”	
  to	
  let	
  the	
  
Panel	
  take	
  over	
  the	
  full	
  content	
  area	
  of	
  the	
  page.
Saturday, July 27, 13
Tips and Best Practices
Try	
  not	
  to	
  mix	
  content	
  with	
  configuraAon.	
  Use	
  
rendered	
  content	
  as	
  opposed	
  to	
  fields	
  and	
  use	
  
fieldable	
  content	
  panes	
  as	
  opposed	
  to	
  custom	
  
content	
  panes.
Panels	
  Extra	
  Styles	
  is	
  a	
  great	
  module	
  for	
  
controlling	
  HTML/Style	
  output	
  of	
  Panels/Panes:	
  
drupal.org/project/panels_extra_styles
Saturday, July 27, 13
Resources & Thanks
Earl Miles aka "merlinofchoas"
Forum One Team
Matt Cheney: Panopoly: Building a Powerful Base Distribution
Damien McKenna: Panelizer and Drupal
Jeff Eaton: Module Monday: Panelizer
Karen McGrane: Drupalcon Portland Keynote
Saturday, July 27, 13
Questions?
Slides: capitalcamp.org/content/paraphrasing-panels-panelizer-and-panopoly
Contact: Keenan Holloway kholloway@forumone.com
Saturday, July 27, 13

More Related Content

Similar to Paraphrasing Panels, Panelizer and Panopoly

Using Foundation with Drupal
Using Foundation with DrupalUsing Foundation with Drupal
Using Foundation with DrupalExove
 
Mastering Drupal Panels
Mastering Drupal PanelsMastering Drupal Panels
Mastering Drupal Panelstedbow
 
DevLearn 2017 - Getting Started with Adapt
DevLearn 2017 - Getting Started with AdaptDevLearn 2017 - Getting Started with Adapt
DevLearn 2017 - Getting Started with AdaptFloat
 
20090514 Wendling Dan Pecha Kucha Wikis
20090514 Wendling Dan Pecha Kucha Wikis20090514 Wendling Dan Pecha Kucha Wikis
20090514 Wendling Dan Pecha Kucha Wikisguest9d1d3125
 
Lavacon 2014 responsive design in your hat
Lavacon 2014   responsive design in your hatLavacon 2014   responsive design in your hat
Lavacon 2014 responsive design in your hatNeil Perlin
 
Stop Coding and Start Clicking - Pragmatic site building in Drupal
Stop Coding and Start Clicking - Pragmatic site building in DrupalStop Coding and Start Clicking - Pragmatic site building in Drupal
Stop Coding and Start Clicking - Pragmatic site building in DrupalKyle Taylor
 
LvivCSS: Web Components as a foundation for Design System
LvivCSS: Web Components as a foundation for Design SystemLvivCSS: Web Components as a foundation for Design System
LvivCSS: Web Components as a foundation for Design SystemVlad Fedosov
 
Drupal as a lean startup platform
Drupal as a lean startup platformDrupal as a lean startup platform
Drupal as a lean startup platformIztok Smolic
 
Drupal Panels: An Introduction
Drupal Panels: An IntroductionDrupal Panels: An Introduction
Drupal Panels: An IntroductionChris Parsons
 
Nuxeo Themes
Nuxeo ThemesNuxeo Themes
Nuxeo ThemesNuxeo
 
Ext Js In Action January 2010 (Meap Edition)
Ext Js In Action January 2010 (Meap Edition)Ext Js In Action January 2010 (Meap Edition)
Ext Js In Action January 2010 (Meap Edition)Goran Kljajic
 
Optimizing Drupal 7 HTML Markup - Using Panels, Page Manager, and Fences to P...
Optimizing Drupal 7 HTML Markup - Using Panels, Page Manager, and Fences to P...Optimizing Drupal 7 HTML Markup - Using Panels, Page Manager, and Fences to P...
Optimizing Drupal 7 HTML Markup - Using Panels, Page Manager, and Fences to P...Jim Birch
 
educationtechnology11-200119125929.pdf
educationtechnology11-200119125929.pdfeducationtechnology11-200119125929.pdf
educationtechnology11-200119125929.pdfJohnPeterPaulGarces
 
power point presentation
power point presentation power point presentation
power point presentation Dr. Hina Kaynat
 
Powerpoint slide
Powerpoint slidePowerpoint slide
Powerpoint slideT_design
 
Introduction into Drupal site building
Introduction into Drupal site buildingIntroduction into Drupal site building
Introduction into Drupal site buildingIztok Smolic
 
Designing well known websites with ADF Rich Faces
Designing well known websites with ADF Rich FacesDesigning well known websites with ADF Rich Faces
Designing well known websites with ADF Rich Facesmaikorocha
 
Drupal For Dummies
Drupal For DummiesDrupal For Dummies
Drupal For DummiesKoen Delvaux
 

Similar to Paraphrasing Panels, Panelizer and Panopoly (20)

Using Foundation with Drupal
Using Foundation with DrupalUsing Foundation with Drupal
Using Foundation with Drupal
 
Mastering Drupal Panels
Mastering Drupal PanelsMastering Drupal Panels
Mastering Drupal Panels
 
DevLearn 2017 - Getting Started with Adapt
DevLearn 2017 - Getting Started with AdaptDevLearn 2017 - Getting Started with Adapt
DevLearn 2017 - Getting Started with Adapt
 
20090514 Wendling Dan Pecha Kucha Wikis
20090514 Wendling Dan Pecha Kucha Wikis20090514 Wendling Dan Pecha Kucha Wikis
20090514 Wendling Dan Pecha Kucha Wikis
 
Lavacon 2014 responsive design in your hat
Lavacon 2014   responsive design in your hatLavacon 2014   responsive design in your hat
Lavacon 2014 responsive design in your hat
 
Stop Coding and Start Clicking - Pragmatic site building in Drupal
Stop Coding and Start Clicking - Pragmatic site building in DrupalStop Coding and Start Clicking - Pragmatic site building in Drupal
Stop Coding and Start Clicking - Pragmatic site building in Drupal
 
LvivCSS: Web Components as a foundation for Design System
LvivCSS: Web Components as a foundation for Design SystemLvivCSS: Web Components as a foundation for Design System
LvivCSS: Web Components as a foundation for Design System
 
Drupal Workshop
Drupal WorkshopDrupal Workshop
Drupal Workshop
 
Drupal as a lean startup platform
Drupal as a lean startup platformDrupal as a lean startup platform
Drupal as a lean startup platform
 
Revit easy from AutoCAD
Revit   easy from AutoCADRevit   easy from AutoCAD
Revit easy from AutoCAD
 
Drupal Panels: An Introduction
Drupal Panels: An IntroductionDrupal Panels: An Introduction
Drupal Panels: An Introduction
 
Nuxeo Themes
Nuxeo ThemesNuxeo Themes
Nuxeo Themes
 
Ext Js In Action January 2010 (Meap Edition)
Ext Js In Action January 2010 (Meap Edition)Ext Js In Action January 2010 (Meap Edition)
Ext Js In Action January 2010 (Meap Edition)
 
Optimizing Drupal 7 HTML Markup - Using Panels, Page Manager, and Fences to P...
Optimizing Drupal 7 HTML Markup - Using Panels, Page Manager, and Fences to P...Optimizing Drupal 7 HTML Markup - Using Panels, Page Manager, and Fences to P...
Optimizing Drupal 7 HTML Markup - Using Panels, Page Manager, and Fences to P...
 
educationtechnology11-200119125929.pdf
educationtechnology11-200119125929.pdfeducationtechnology11-200119125929.pdf
educationtechnology11-200119125929.pdf
 
power point presentation
power point presentation power point presentation
power point presentation
 
Powerpoint slide
Powerpoint slidePowerpoint slide
Powerpoint slide
 
Introduction into Drupal site building
Introduction into Drupal site buildingIntroduction into Drupal site building
Introduction into Drupal site building
 
Designing well known websites with ADF Rich Faces
Designing well known websites with ADF Rich FacesDesigning well known websites with ADF Rich Faces
Designing well known websites with ADF Rich Faces
 
Drupal For Dummies
Drupal For DummiesDrupal For Dummies
Drupal For Dummies
 

More from Forum One

We Are the Champions of . . . What, Exactly? Tracking Digital Metrics That Ma...
We Are the Champions of . . . What, Exactly? Tracking Digital Metrics That Ma...We Are the Champions of . . . What, Exactly? Tracking Digital Metrics That Ma...
We Are the Champions of . . . What, Exactly? Tracking Digital Metrics That Ma...Forum One
 
Creative + Development - Designer vs Developer: Aligning Forces for Good
Creative + Development - Designer vs Developer: Aligning Forces for GoodCreative + Development - Designer vs Developer: Aligning Forces for Good
Creative + Development - Designer vs Developer: Aligning Forces for GoodForum One
 
How Do You Measure the Impact of Your Digital Strategy?
How Do You Measure  the Impact of Your  Digital Strategy?How Do You Measure  the Impact of Your  Digital Strategy?
How Do You Measure the Impact of Your Digital Strategy?Forum One
 
The Ultimate Super Duper Guide to Content Quality
The Ultimate Super Duper Guide to Content QualityThe Ultimate Super Duper Guide to Content Quality
The Ultimate Super Duper Guide to Content QualityForum One
 
I am a digital project manager (and so can you!)
I am a digital project manager (and so can you!)I am a digital project manager (and so can you!)
I am a digital project manager (and so can you!)Forum One
 
Audio Matter: An Intro to Podcasting & Storytelling
Audio Matter: An Intro to Podcasting & StorytellingAudio Matter: An Intro to Podcasting & Storytelling
Audio Matter: An Intro to Podcasting & StorytellingForum One
 
Creative + UX webinar
Creative + UX webinarCreative + UX webinar
Creative + UX webinarForum One
 
Make Your Data Understandable: Communicating for Action and Impact
Make Your Data Understandable: Communicating for Action and ImpactMake Your Data Understandable: Communicating for Action and Impact
Make Your Data Understandable: Communicating for Action and ImpactForum One
 
Creative + Analytics Webinar
Creative + Analytics WebinarCreative + Analytics Webinar
Creative + Analytics WebinarForum One
 
Getting Started with Google Ad Grants
Getting Started with Google Ad GrantsGetting Started with Google Ad Grants
Getting Started with Google Ad GrantsForum One
 
Staff Resource Planning - 1 pager
Staff Resource Planning - 1 pagerStaff Resource Planning - 1 pager
Staff Resource Planning - 1 pagerForum One
 
Staff Resource Planning
Staff Resource PlanningStaff Resource Planning
Staff Resource PlanningForum One
 
Analytics Goals Scorecard
Analytics Goals ScorecardAnalytics Goals Scorecard
Analytics Goals ScorecardForum One
 
Content Strategy Matrix
Content Strategy MatrixContent Strategy Matrix
Content Strategy MatrixForum One
 
Content Strategy for Your Audiences
Content Strategy for Your AudiencesContent Strategy for Your Audiences
Content Strategy for Your AudiencesForum One
 
From Stratosphere to Sea-Level: Grounding Your Analytics Reporting for Each A...
From Stratosphere to Sea-Level: Grounding Your Analytics Reporting for Each A...From Stratosphere to Sea-Level: Grounding Your Analytics Reporting for Each A...
From Stratosphere to Sea-Level: Grounding Your Analytics Reporting for Each A...Forum One
 
User Experience for Health IT - Understanding Your Audiences
User Experience for Health IT - Understanding Your AudiencesUser Experience for Health IT - Understanding Your Audiences
User Experience for Health IT - Understanding Your AudiencesForum One
 
Drupal & Design / 10 Thing I Hate About You
Drupal & Design / 10 Thing I Hate About YouDrupal & Design / 10 Thing I Hate About You
Drupal & Design / 10 Thing I Hate About YouForum One
 
Data For Policy Influence: How to Manage, Distribute, and Present Your Data
Data For Policy Influence: How to Manage, Distribute, and Present Your DataData For Policy Influence: How to Manage, Distribute, and Present Your Data
Data For Policy Influence: How to Manage, Distribute, and Present Your DataForum One
 
Open Federal Content & Data at the CDC and FDA CTP (OSCON 2014)
Open Federal Content & Data at the CDC and FDA CTP (OSCON 2014)Open Federal Content & Data at the CDC and FDA CTP (OSCON 2014)
Open Federal Content & Data at the CDC and FDA CTP (OSCON 2014)Forum One
 

More from Forum One (20)

We Are the Champions of . . . What, Exactly? Tracking Digital Metrics That Ma...
We Are the Champions of . . . What, Exactly? Tracking Digital Metrics That Ma...We Are the Champions of . . . What, Exactly? Tracking Digital Metrics That Ma...
We Are the Champions of . . . What, Exactly? Tracking Digital Metrics That Ma...
 
Creative + Development - Designer vs Developer: Aligning Forces for Good
Creative + Development - Designer vs Developer: Aligning Forces for GoodCreative + Development - Designer vs Developer: Aligning Forces for Good
Creative + Development - Designer vs Developer: Aligning Forces for Good
 
How Do You Measure the Impact of Your Digital Strategy?
How Do You Measure  the Impact of Your  Digital Strategy?How Do You Measure  the Impact of Your  Digital Strategy?
How Do You Measure the Impact of Your Digital Strategy?
 
The Ultimate Super Duper Guide to Content Quality
The Ultimate Super Duper Guide to Content QualityThe Ultimate Super Duper Guide to Content Quality
The Ultimate Super Duper Guide to Content Quality
 
I am a digital project manager (and so can you!)
I am a digital project manager (and so can you!)I am a digital project manager (and so can you!)
I am a digital project manager (and so can you!)
 
Audio Matter: An Intro to Podcasting & Storytelling
Audio Matter: An Intro to Podcasting & StorytellingAudio Matter: An Intro to Podcasting & Storytelling
Audio Matter: An Intro to Podcasting & Storytelling
 
Creative + UX webinar
Creative + UX webinarCreative + UX webinar
Creative + UX webinar
 
Make Your Data Understandable: Communicating for Action and Impact
Make Your Data Understandable: Communicating for Action and ImpactMake Your Data Understandable: Communicating for Action and Impact
Make Your Data Understandable: Communicating for Action and Impact
 
Creative + Analytics Webinar
Creative + Analytics WebinarCreative + Analytics Webinar
Creative + Analytics Webinar
 
Getting Started with Google Ad Grants
Getting Started with Google Ad GrantsGetting Started with Google Ad Grants
Getting Started with Google Ad Grants
 
Staff Resource Planning - 1 pager
Staff Resource Planning - 1 pagerStaff Resource Planning - 1 pager
Staff Resource Planning - 1 pager
 
Staff Resource Planning
Staff Resource PlanningStaff Resource Planning
Staff Resource Planning
 
Analytics Goals Scorecard
Analytics Goals ScorecardAnalytics Goals Scorecard
Analytics Goals Scorecard
 
Content Strategy Matrix
Content Strategy MatrixContent Strategy Matrix
Content Strategy Matrix
 
Content Strategy for Your Audiences
Content Strategy for Your AudiencesContent Strategy for Your Audiences
Content Strategy for Your Audiences
 
From Stratosphere to Sea-Level: Grounding Your Analytics Reporting for Each A...
From Stratosphere to Sea-Level: Grounding Your Analytics Reporting for Each A...From Stratosphere to Sea-Level: Grounding Your Analytics Reporting for Each A...
From Stratosphere to Sea-Level: Grounding Your Analytics Reporting for Each A...
 
User Experience for Health IT - Understanding Your Audiences
User Experience for Health IT - Understanding Your AudiencesUser Experience for Health IT - Understanding Your Audiences
User Experience for Health IT - Understanding Your Audiences
 
Drupal & Design / 10 Thing I Hate About You
Drupal & Design / 10 Thing I Hate About YouDrupal & Design / 10 Thing I Hate About You
Drupal & Design / 10 Thing I Hate About You
 
Data For Policy Influence: How to Manage, Distribute, and Present Your Data
Data For Policy Influence: How to Manage, Distribute, and Present Your DataData For Policy Influence: How to Manage, Distribute, and Present Your Data
Data For Policy Influence: How to Manage, Distribute, and Present Your Data
 
Open Federal Content & Data at the CDC and FDA CTP (OSCON 2014)
Open Federal Content & Data at the CDC and FDA CTP (OSCON 2014)Open Federal Content & Data at the CDC and FDA CTP (OSCON 2014)
Open Federal Content & Data at the CDC and FDA CTP (OSCON 2014)
 

Recently uploaded

What is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfWhat is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfMounikaPolabathina
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxLoriGlavin3
 
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024Lorenzo Miniero
 
unit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptxunit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptxBkGupta21
 
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxLoriGlavin3
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfAlex Barbosa Coqueiro
 
Generative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersGenerative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersRaghuram Pandurangan
 
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxUse of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxLoriGlavin3
 
Time Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directionsTime Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directionsNathaniel Shimoni
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebUiPathCommunity
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxLoriGlavin3
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLScyllaDB
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024Stephanie Beckett
 
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxA Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxLoriGlavin3
 
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxThe Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxLoriGlavin3
 
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Manik S Magar
 
Rise of the Machines: Known As Drones...
Rise of the Machines: Known As Drones...Rise of the Machines: Known As Drones...
Rise of the Machines: Known As Drones...Rick Flair
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsSergiu Bodiu
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii SoldatenkoFwdays
 
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 

Recently uploaded (20)

What is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfWhat is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdf
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptx
 
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024
 
unit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptxunit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptx
 
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdf
 
Generative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersGenerative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information Developers
 
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxUse of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
 
Time Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directionsTime Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directions
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQL
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024
 
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxA Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
 
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxThe Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
 
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!
 
Rise of the Machines: Known As Drones...
Rise of the Machines: Known As Drones...Rise of the Machines: Known As Drones...
Rise of the Machines: Known As Drones...
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platforms
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko
 
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 

Paraphrasing Panels, Panelizer and Panopoly

  • 1. Paraphrasing Panels, Panelizer and Panopoly Keenan Holloway Developer Forum One Saturday, July 27, 13
  • 3. Panels A  standard  way  of  customizing  page  displays Saturday, July 27, 13
  • 4. Panels: Install and Enable Install  CTools  and  Panels Module/Sub-­‐Module  Enable: CTools:  Page  Manager Panels:  Panels,  Panels  In-­‐Place  Editor  (op9onal) AddiAonal  SeBngs Enable  “node_view”  Node  template  (Structure-­‐ >Pages)  if  you  plan  to  override  content  type   displays Saturday, July 27, 13
  • 5. Panels Creating a Panel Page Saturday, July 27, 13
  • 6. Panels: Overall Steps Create  a  new  Panel  page Specify  what  the  page  is  (new  page,  overriding   exisAng  page,  etc) Specify  a  selecAon  rule  if  needed  (if  more  than   one  variaAon  “variant”  will  exist  or  other) Specify  page  layout  for  the  Panel  page Add  content  to  the  Panel  page  using  the  selected   layout Saturday, July 27, 13
  • 7. Panels: Pages Panels  can  override  the  display  of: Comment  reply  page,  Node  add/edit  form,  Node  template,   Node  and  user  search,  Taxonomy  term  template,  User  edit   template,  User  profile  template  and  Custom  pages Saturday, July 27, 13
  • 8. Panels: Content A  Panels  page  consists  of  content  from  various   sources  that  is  exposed  as  a  “Pane”  and  placed  in   a  region  on  the  page. Saturday, July 27, 13
  • 10. Panels: Panes Views  content  panes Allows  Views  content  to  be  used  in  Panels (sub  module  of  CTools) Fieldable  panels  panes Separate  module  that  allows  you  create  panel   pane  en99es  that  may  be  used  in  Panels  that  are   fieldable Can  be  created  through  Panels  UI  or  code Saturday, July 27, 13
  • 11. Panels: In-Place Editor In-place editor How to enable it Strengths and weaknesses Saturday, July 27, 13
  • 12. Out  the  box  (seen  above) Flexible  Builders  layout  (Not  really  used  because   it  lives  in  configuraAon  and  is  markup  heavy) Custom  responsive  layouts Panels: Layouts Saturday, July 27, 13
  • 13. Panels: Layouts: Custom Talk about layouts out the box as well as custom responsive layouts. Show code of custom layout? The  following  files  are   needed: Template  file  (contains   template  HTML  for  the   layout) INC  file  (contains   Panel  informa9on  and   configura9on) CSS  file  (op9onal  and   contains  CSS  for  the   layout) Icon  file  (PNG  image   icon  representa9on  of   the  layout) You  can  use  a  preprocess   hook  to  make  your  layout   smarter  (responsive  to   content). Saturday, July 27, 13
  • 15. Panels: Variants Consider  Variants  as  “if”  statements   for  Panel  pages They  are  used  typically  with  selecAon   rules They  read  as  “if  selecAon  rule  true,  use   this  Panel  variant”  from  top  to  boTom Gives  you  the  ability  to  have  one  Panel   provide  variaAon  to  a  page  based  on   your  logic  (node  display  by  node  type   for  example) Saturday, July 27, 13
  • 16. Panels: Context Context  are  are  things  the  Panel  is  aware  of Saturday, July 27, 13
  • 17. Panels Strengths and Weaknesses Note: These cascade Saturday, July 27, 13
  • 18. Panels: Strengths Panels  are  exportable  using  things  like  Features,   Hooks  and  ConfiguraAon  module Very  stable Many  contribuAng  modules Great  permissions  seBngs Popular Great  in  responsive  design  sites Saturday, July 27, 13
  • 19. Panels: Weaknesses User  interface  can  be  challenging  and  isn’t  very   508  compliant Advanced  layouts  sAll  require  you  to  fall  back  to   code  to  create PotenAal  conflicts  can  arise  when  used  with   other  modules  that  override  displays  like  Display   Suite Content  in  configuraAon  issues  can  arise  since   panes  are  exportable  configuraAon  that  contain   content Saturday, July 27, 13
  • 20. Panelizer Panels + Settings Applied Per Node Saturday, July 27, 13
  • 21. Panelizer A  way  to  customize  the  display  of  one  node   without  effecAng  others Takes  panels  (stuff)  and  applies  it  to  nodes (This  can  be  done  with  Panels  alone  but  gets   unmanageable  having  many  variants) Saturday, July 27, 13
  • 24. Panelizer: Display Override This  node  VS  default  node  template Saturday, July 27, 13
  • 26. Panelizer: Strengths Works  on  any  enAty  (as  of  Version  2) Create  mulAple  defaults Customize  view  modes Allowed  configuraAon  can  be  managed Saturday, July 27, 13
  • 27. Panelizer: Weaknesses Could  be  too  much  freedom  if  not  locked  down   correctly Available  opAons  could  be  abused  in  the  hands   of  users  who  are  not  informed  in  opAmized  user   experience Saturday, July 27, 13
  • 28. Panopoly Panels + Panelizer + Drupal Distribution Saturday, July 27, 13
  • 29. Panopoly Panopoly  is  an  Apps  enabled  distribuAon  of   Drupal  powered  by  lots  of  Chaos  Tools  and   Panels  magic Customized  site  integraAon  with  Panelizer  and   Panels Takes  most  of  the  configuraAon  and  seBngs  of   Panelizer/Panels  out  your  way  for  a  simpler  user   experience Similar  funcAonality,  beTer  presentaAon  (UI) Saturday, July 27, 13
  • 30. Panopoly: Install Standard  Drupal  install  procedure Panopoly  Demo  and  News  Apps  can  be  skipped Responsive  BarAk  theme  is  nice Saturday, July 27, 13
  • 33. Panopoly: Content Core  panels/panelizer  content  is  hidden  in  place   of  custom  “Panelizer  content”  items Saturday, July 27, 13
  • 35. Panopoly: Strengths Provides  a  best  pracAce  default  stack  of  modules   (removes  the  pains  of  module  selecAon) Provides  many  responsive  cross  browser  layouts   as  well  as  responsive  images  funcAonality Improved  search  with  Search  API  (with  DB  or  Solr   search) Many  other  nice  to  haves  like  WYSIWYG  editor,   Admin  interface  and  others Easily  add  custom  Pane  enAAes  (like  files,  videos,   links,  spotlight,  GMap,  etc) Saturday, July 27, 13
  • 36. Panopoly: Weaknesses Like  many  distribuAon  there  are  a  lot  of  things   you’ll  want  to  turn  off  to  make  it  yours  (Modules,   Workflow,  Content,  Etc.) I  personally  prefer  not  using  distribuAons  (could   be  PTSD) Saturday, July 27, 13
  • 37. Overall Tips and Best Practices Saturday, July 27, 13
  • 38. Tips and Best Practices Some  views  configuraAon  (item  number,  filters,   sorAng,  fields,  etc)  can  be  exposed  to  the  panel   pane  seBngs  and  customized  in  the  Panel  config.   Grant  access  in  views  with  “Allow  seBngs”. With  Views  you  can  pass  arguments  from  the   Panel  page  to  the  view  with  “Use  Panel  path”   and  “Argument  input”  seBngs  in  Views.  This  is   great  for  passing  context  to  the  View. Select  “Disable  Drupal  blocks/regions”  to  let  the   Panel  take  over  the  full  content  area  of  the  page. Saturday, July 27, 13
  • 39. Tips and Best Practices Try  not  to  mix  content  with  configuraAon.  Use   rendered  content  as  opposed  to  fields  and  use   fieldable  content  panes  as  opposed  to  custom   content  panes. Panels  Extra  Styles  is  a  great  module  for   controlling  HTML/Style  output  of  Panels/Panes:   drupal.org/project/panels_extra_styles Saturday, July 27, 13
  • 40. Resources & Thanks Earl Miles aka "merlinofchoas" Forum One Team Matt Cheney: Panopoly: Building a Powerful Base Distribution Damien McKenna: Panelizer and Drupal Jeff Eaton: Module Monday: Panelizer Karen McGrane: Drupalcon Portland Keynote Saturday, July 27, 13