SlideShare une entreprise Scribd logo
1  sur  32
Semantic  Views And More!
Earl Miles ,[object Object]
 Panels
 Chaos Tool Suite
Nodequeue
 Advanced Help
 D6 theme system
 D7 AJAX Systemmerlinofchaos Logrus, Inc
What is Semantic Views? Originally a module by Benjamin Doherty (AKA bangpound) Control HTML elements for semantic meaning. Site builders wanted fewer places to look for Views configuration. Views templates are difficult to master. Provides more power through the interface. Undoes the powerful concept of separation of logic and presentation.
Basic views output
Basic views output Field Element
Basic views output Label Element
Basic views output Wrapper Element
Semantic Summary Complete control of the HTML within the row Complete control of the classes within the row Pair with your custom CSS Great when the view builder understands HTML/CSS
Downsides Not so good when you really want to separate logic from presentation. When your views authors are not themers and don’t understand what your themers want. Views row style template now even harder to modify due to all of the moving parts.
But I want to group fields together! So do I! Can’t do this in the Views UI. But you can use a panel layout with Views. You can also use Display Suite, but I’m not going to cover that.
Like this!
Instant grouping!
Things to think about Flexible layouts are easy to make, but have heavy markup. Layout plugins are not difficult to write. There are many tutorials available on google. .inc file, regions, css, template, preprocess Can then customize layout however you need.
View context + Panels Allow you to put rows within a layout. Allow you to select which fields per row. Allow you to place things in between your rows.

Contenu connexe

Tendances

Front End Development in Magento
Front End Development in MagentoFront End Development in Magento
Front End Development in MagentoEric Landmann
 
Futura responsive joomla template
Futura responsive joomla templateFutura responsive joomla template
Futura responsive joomla templateEmilyPhan21291
 
A2WPress Squirrel Theme Documentation
A2WPress Squirrel Theme DocumentationA2WPress Squirrel Theme Documentation
A2WPress Squirrel Theme DocumentationA2WPress
 
A2WPress Regal Theme Documentation
A2WPress Regal Theme DocumentationA2WPress Regal Theme Documentation
A2WPress Regal Theme DocumentationA2WPress
 
A2WPress Cloriato Theme Documentation
A2WPress Cloriato Theme DocumentationA2WPress Cloriato Theme Documentation
A2WPress Cloriato Theme DocumentationA2WPress
 
A2WPress GoldenEagle Theme Documentation
A2WPress GoldenEagle Theme DocumentationA2WPress GoldenEagle Theme Documentation
A2WPress GoldenEagle Theme DocumentationA2WPress
 
Faq extension for magento2
Faq extension for magento2Faq extension for magento2
Faq extension for magento2alesia_magento
 
Flaix responsive joomla template
Flaix responsive joomla templateFlaix responsive joomla template
Flaix responsive joomla templateEmilyPhan21291
 
Design Before Code - Global Accessibility Awareness Day Edition
Design Before Code - Global Accessibility Awareness Day EditionDesign Before Code - Global Accessibility Awareness Day Edition
Design Before Code - Global Accessibility Awareness Day EditionCaitlin Geier
 
Face/Off: APEX Templates & Themes
Face/Off: APEX Templates & ThemesFace/Off: APEX Templates & Themes
Face/Off: APEX Templates & Themescrokitta
 

Tendances (11)

Front End Development in Magento
Front End Development in MagentoFront End Development in Magento
Front End Development in Magento
 
Futura responsive joomla template
Futura responsive joomla templateFutura responsive joomla template
Futura responsive joomla template
 
A2WPress Squirrel Theme Documentation
A2WPress Squirrel Theme DocumentationA2WPress Squirrel Theme Documentation
A2WPress Squirrel Theme Documentation
 
A2WPress Regal Theme Documentation
A2WPress Regal Theme DocumentationA2WPress Regal Theme Documentation
A2WPress Regal Theme Documentation
 
A2WPress Cloriato Theme Documentation
A2WPress Cloriato Theme DocumentationA2WPress Cloriato Theme Documentation
A2WPress Cloriato Theme Documentation
 
React.js workshop
React.js workshopReact.js workshop
React.js workshop
 
A2WPress GoldenEagle Theme Documentation
A2WPress GoldenEagle Theme DocumentationA2WPress GoldenEagle Theme Documentation
A2WPress GoldenEagle Theme Documentation
 
Faq extension for magento2
Faq extension for magento2Faq extension for magento2
Faq extension for magento2
 
Flaix responsive joomla template
Flaix responsive joomla templateFlaix responsive joomla template
Flaix responsive joomla template
 
Design Before Code - Global Accessibility Awareness Day Edition
Design Before Code - Global Accessibility Awareness Day EditionDesign Before Code - Global Accessibility Awareness Day Edition
Design Before Code - Global Accessibility Awareness Day Edition
 
Face/Off: APEX Templates & Themes
Face/Off: APEX Templates & ThemesFace/Off: APEX Templates & Themes
Face/Off: APEX Templates & Themes
 

En vedette

Panels 2 and Nodequeue 2
Panels 2 and Nodequeue 2Panels 2 and Nodequeue 2
Panels 2 and Nodequeue 2merlinofchaos
 
Drupal 7 advanced ajax
Drupal 7 advanced ajaxDrupal 7 advanced ajax
Drupal 7 advanced ajaxmerlinofchaos
 
The Chaos Tools Suite
The Chaos Tools SuiteThe Chaos Tools Suite
The Chaos Tools Suitemerlinofchaos
 
Panels, Panels Everywhere
Panels, Panels EverywherePanels, Panels Everywhere
Panels, Panels Everywheremerlinofchaos
 

En vedette (6)

Panels 2 and Nodequeue 2
Panels 2 and Nodequeue 2Panels 2 and Nodequeue 2
Panels 2 and Nodequeue 2
 
Drupal 7 advanced ajax
Drupal 7 advanced ajaxDrupal 7 advanced ajax
Drupal 7 advanced ajax
 
The Chaos Tools Suite
The Chaos Tools SuiteThe Chaos Tools Suite
The Chaos Tools Suite
 
Panels, Panels Everywhere
Panels, Panels EverywherePanels, Panels Everywhere
Panels, Panels Everywhere
 
User Experience
User ExperienceUser Experience
User Experience
 
Drupal 6 Theming
Drupal 6 ThemingDrupal 6 Theming
Drupal 6 Theming
 

Similaire à Semantic views

The A to Z of Building a Responsive SharePoint Site with Bootstrap
The A to Z of Building a Responsive SharePoint Site with BootstrapThe A to Z of Building a Responsive SharePoint Site with Bootstrap
The A to Z of Building a Responsive SharePoint Site with BootstrapThomas Daly
 
Going native with html5 web components
Going native with html5 web componentsGoing native with html5 web components
Going native with html5 web componentsJames York
 
Architecting with Style
Architecting with StyleArchitecting with Style
Architecting with StyleTimothy Knight
 
What's new in SharePoint 2013 - Discover it
What's new in SharePoint 2013 - Discover itWhat's new in SharePoint 2013 - Discover it
What's new in SharePoint 2013 - Discover itBenjamin Niaulin
 
Design Manager 2013
Design Manager 2013  Design Manager 2013
Design Manager 2013 GSoft
 
Joomla Template Tutorial
Joomla Template TutorialJoomla Template Tutorial
Joomla Template Tutorialbrighteyes
 
Introducing sharepoint 2007
Introducing  sharepoint 2007Introducing  sharepoint 2007
Introducing sharepoint 2007Jon Raynes
 
Introducing sharepoint 2007
Introducing  sharepoint 2007Introducing  sharepoint 2007
Introducing sharepoint 2007Jon Raynes
 
Front end workflow Presentation at Coffee@DBG by Praveen Vijayan
Front end workflow Presentation at Coffee@DBG by Praveen VijayanFront end workflow Presentation at Coffee@DBG by Praveen Vijayan
Front end workflow Presentation at Coffee@DBG by Praveen VijayanDeepu S Nath
 
Unobtrusive JavaScript
Unobtrusive JavaScriptUnobtrusive JavaScript
Unobtrusive JavaScriptdaveverwer
 
Drupal For Dummies
Drupal For DummiesDrupal For Dummies
Drupal For DummiesKoen Delvaux
 
.NET 1.1 Base Page Framework Article
.NET 1.1 Base Page Framework Article.NET 1.1 Base Page Framework Article
.NET 1.1 Base Page Framework Articlebitburner93
 
Zend_Layout & Zend_View Enhancements
Zend_Layout & Zend_View EnhancementsZend_Layout & Zend_View Enhancements
Zend_Layout & Zend_View EnhancementsRalph Schindler
 
Bootstrap for Beginners
Bootstrap for BeginnersBootstrap for Beginners
Bootstrap for BeginnersD'arce Hess
 
Wireframing /Prototyping with HTML
Wireframing /Prototyping with HTMLWireframing /Prototyping with HTML
Wireframing /Prototyping with HTMLDee Sadler
 
Marky Markup and the Funky Bunch
Marky Markup and the Funky BunchMarky Markup and the Funky Bunch
Marky Markup and the Funky Bunchdtraft
 
Branding share point 2013
Branding share point 2013Branding share point 2013
Branding share point 2013Khoa Quach
 
Web Designing Bugs - Fixes By Nyros Developer
Web Designing Bugs - Fixes By Nyros DeveloperWeb Designing Bugs - Fixes By Nyros Developer
Web Designing Bugs - Fixes By Nyros DeveloperNyros Technologies
 
Step into the SharePoint branding world, tools and techniques
Step into the SharePoint branding world, tools and techniquesStep into the SharePoint branding world, tools and techniques
Step into the SharePoint branding world, tools and techniquesBenjamin Niaulin
 

Similaire à Semantic views (20)

The A to Z of Building a Responsive SharePoint Site with Bootstrap
The A to Z of Building a Responsive SharePoint Site with BootstrapThe A to Z of Building a Responsive SharePoint Site with Bootstrap
The A to Z of Building a Responsive SharePoint Site with Bootstrap
 
Going native with html5 web components
Going native with html5 web componentsGoing native with html5 web components
Going native with html5 web components
 
Architecting with Style
Architecting with StyleArchitecting with Style
Architecting with Style
 
What's new in SharePoint 2013 - Discover it
What's new in SharePoint 2013 - Discover itWhat's new in SharePoint 2013 - Discover it
What's new in SharePoint 2013 - Discover it
 
Design Manager 2013
Design Manager 2013  Design Manager 2013
Design Manager 2013
 
Joomla Template Tutorial
Joomla Template TutorialJoomla Template Tutorial
Joomla Template Tutorial
 
Feature folders
Feature foldersFeature folders
Feature folders
 
Introducing sharepoint 2007
Introducing  sharepoint 2007Introducing  sharepoint 2007
Introducing sharepoint 2007
 
Introducing sharepoint 2007
Introducing  sharepoint 2007Introducing  sharepoint 2007
Introducing sharepoint 2007
 
Front end workflow Presentation at Coffee@DBG by Praveen Vijayan
Front end workflow Presentation at Coffee@DBG by Praveen VijayanFront end workflow Presentation at Coffee@DBG by Praveen Vijayan
Front end workflow Presentation at Coffee@DBG by Praveen Vijayan
 
Unobtrusive JavaScript
Unobtrusive JavaScriptUnobtrusive JavaScript
Unobtrusive JavaScript
 
Drupal For Dummies
Drupal For DummiesDrupal For Dummies
Drupal For Dummies
 
.NET 1.1 Base Page Framework Article
.NET 1.1 Base Page Framework Article.NET 1.1 Base Page Framework Article
.NET 1.1 Base Page Framework Article
 
Zend_Layout & Zend_View Enhancements
Zend_Layout & Zend_View EnhancementsZend_Layout & Zend_View Enhancements
Zend_Layout & Zend_View Enhancements
 
Bootstrap for Beginners
Bootstrap for BeginnersBootstrap for Beginners
Bootstrap for Beginners
 
Wireframing /Prototyping with HTML
Wireframing /Prototyping with HTMLWireframing /Prototyping with HTML
Wireframing /Prototyping with HTML
 
Marky Markup and the Funky Bunch
Marky Markup and the Funky BunchMarky Markup and the Funky Bunch
Marky Markup and the Funky Bunch
 
Branding share point 2013
Branding share point 2013Branding share point 2013
Branding share point 2013
 
Web Designing Bugs - Fixes By Nyros Developer
Web Designing Bugs - Fixes By Nyros DeveloperWeb Designing Bugs - Fixes By Nyros Developer
Web Designing Bugs - Fixes By Nyros Developer
 
Step into the SharePoint branding world, tools and techniques
Step into the SharePoint branding world, tools and techniquesStep into the SharePoint branding world, tools and techniques
Step into the SharePoint branding world, tools and techniques
 

Dernier

Advanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionAdvanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionDilum Bandara
 
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
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.Curtis Poe
 
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
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 3652toLead Limited
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsMark Billinghurst
 
Story boards and shot lists for my a level piece
Story boards and shot lists for my a level pieceStory boards and shot lists for my a level piece
Story boards and shot lists for my a level piececharlottematthew16
 
DSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningDSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningLars Bell
 
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsVertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsMiki Katsuragi
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Mattias Andersson
 
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsPixlogix Infotech
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenHervé Boutemy
 
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...Fwdays
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Mark Simos
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsRizwan Syed
 
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyCommit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyAlfredo García Lavilla
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfAddepto
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Commit University
 

Dernier (20)

Advanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionAdvanced Computer Architecture – An Introduction
Advanced Computer Architecture – An Introduction
 
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
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.
 
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
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR Systems
 
Story boards and shot lists for my a level piece
Story boards and shot lists for my a level pieceStory boards and shot lists for my a level piece
Story boards and shot lists for my a level piece
 
DSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningDSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine Tuning
 
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsVertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering Tips
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?
 
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and Cons
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache Maven
 
DMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special EditionDMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special Edition
 
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL Certs
 
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyCommit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easy
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdf
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!
 

Semantic views

  • 1. Semantic Views And More!
  • 2.
  • 7. D6 theme system
  • 8. D7 AJAX Systemmerlinofchaos Logrus, Inc
  • 9. What is Semantic Views? Originally a module by Benjamin Doherty (AKA bangpound) Control HTML elements for semantic meaning. Site builders wanted fewer places to look for Views configuration. Views templates are difficult to master. Provides more power through the interface. Undoes the powerful concept of separation of logic and presentation.
  • 11. Basic views output Field Element
  • 12. Basic views output Label Element
  • 13. Basic views output Wrapper Element
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22. Semantic Summary Complete control of the HTML within the row Complete control of the classes within the row Pair with your custom CSS Great when the view builder understands HTML/CSS
  • 23. Downsides Not so good when you really want to separate logic from presentation. When your views authors are not themers and don’t understand what your themers want. Views row style template now even harder to modify due to all of the moving parts.
  • 24. But I want to group fields together! So do I! Can’t do this in the Views UI. But you can use a panel layout with Views. You can also use Display Suite, but I’m not going to cover that.
  • 27.
  • 28.
  • 29. Things to think about Flexible layouts are easy to make, but have heavy markup. Layout plugins are not difficult to write. There are many tutorials available on google. .inc file, regions, css, template, preprocess Can then customize layout however you need.
  • 30. View context + Panels Allow you to put rows within a layout. Allow you to select which fields per row. Allow you to place things in between your rows.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36. Making the fields easy to ID