SlideShare uma empresa Scribd logo
1 de 44
Baixar para ler offline
The OpenCms Theme Engine
How Software AG is optimizing workflows
with OpenCms 8 and the Theme Engine


Robert Diawara
Manager Online Communities, Software AG

Sebastian Bolt
Componio GmBH
Sept. 25th 2012
Why a Theme Engine

Fill the gap between Designers and site developers
Provide a user friendly interface for design implementation
and maintenance.
 Save time, when you have layout changes (simply create a new theme)

Strict separation of the design from the content
 Content is maintained only once, even if the page exists with different
  layouts.
 Different themes can be applied to different „siblings“ of the same object.
 Themes are linked to folders by default.
 Themes linked to a folder apply to all elements in that folder as well as to all
  subfolders and all elements in subfolders.
 Themes can be assigned to single files on an individual base.



                                                                                     2
Theme Engine – Sample 1




                          3
Theme Engine – Sample 2




                          4
What does the Theme Engine offer ?

Bundling of all layout related resources in one deployable
package
   Scripts
   CSS Files
   Container Pages
   Formatters

User Agent filtering
 Usage of different CSS Files and Scripts for different browsers

Automatic support for Grids
 All CSS classes are generated automatically

Automatic support for classic three column layouts
 All CSS classes are generated automatically

Automatic CSS Generation
                                                                    5
What does the Theme Engine offer ?

Bundling of all layout related resources in one deployable
package
   Scripts
   CSS Files
   Container Pages
   Formatters

User Agent filtering
 Usage of different CSS Files and Scripts for different browsers

Automatic support for Grids
 All CSS classes are generated automatically

Automatic support for classic three column layouts
 All CSS classes are generated automatically

Automatic CSS Generation
                                                                    6
Creating deployable Themes




                             7
Creating deployable Themes




                             8
Creating deployable Themes




                             9
Creating deployable Themes




                             10
Creating deployable Themes




                             11
Creating deployable Themes




                             12
Creating deployable Themes




                             13
Theme maintenance




                    14
Script Management




                    15
Script Management (2)




                        16
CSS Management




                 17
CSS Management




                 18
CSS Management




                 19
What does the Theme Engine offer ?

Bundling of all layout related resources in one deployable
package
   Scripts
   CSS Files
   Container Pages
   Formatters

User Agent filtering
 Usage of different CSS Files and Scripts for different browsers

Automatic support for Grids
 All CSS classes are generated automatically

Automatic support for classic three column layouts
 All CSS classes are generated automatically

Automatic CSS Generation
                                                                    20
User Agent Filtering




                       21
User Agent Filtering




                       22
What does the Theme Engine offer ?

Bundling of all layout related resources in one deployable
package
   Scripts
   CSS Files
   Container Pages
   Formatters

User Agent filtering
 Usage of different CSS Files and Scripts for different browsers

Automatic support for Grids
 All CSS classes are generated automatically

Automatic support for classic three column layouts
 All CSS classes are generated automatically

Automatic CSS Generation
                                                                    23
Grid Support




               24
Grid Support




               25
Grid Support




               26
Automatic Samples for Grids




                              27
What does the Theme Engine offer ?

Bundling of all layout related resources in one deployable
package
   Scripts
   CSS Files
   Container Pages
   Formatters

User Agent filtering
 Usage of different CSS Files and Scripts for different browsers

Automatic support for Grids
 All CSS classes are generated automatically

Automatic support for classic three column layouts
 All CSS classes are generated automatically

Automatic CSS Generation
                                                                    28
Classic Three Column Layout




                              29
Classic Three Column Layout




                              30
Classic Three Column Layout




                              31
What does the Theme Engine offer ?

Bundling of all layout related resources in one deployable
package
   Scripts
   CSS Files
   Container Pages
   Formatters

User Agent filtering
 Usage of different CSS Files and Scripts for different browsers

Automatic support for Grids
 All CSS classes are generated automatically

Automatic support for classic three column layouts
 All CSS classes are generated automatically

Automatic CSS Generation
                                                                    32
Configuring the Grid




                       33
Theme Dimensions




                   34
Automatic CSS Generation




                           35
Automatic CSS Generation




                           36
What does the Theme Engine offer ?

Bundling of all layout related resources in one deployable
package
   Scripts
   CSS Files
   Container Pages
   Formatters

User Agent filtering
 Usage of different CSS Files and Scripts for different browsers

Automatic support for Grids
 All CSS classes are generated automatically

Automatic support for classic three column layouts
 All CSS classes are generated automatically

Automatic CSS Generation
                                                                    37
Integration with existing Code




                                 38
Integration with existing Code (2)




                                     39
Integration with existing Code (3)




                                     40
Applying Themes to the Content




                                 41
Where can I get the Theme Engine

http://www.componio.net
Planned release: Dec. 1st 2012
Outlook to the next Version




                              43
Thank you for your attention


Your Feedback ...

Mais conteúdo relacionado

Destaque

Internal and external business environment
Internal and external business environmentInternal and external business environment
Internal and external business environment
Aashish Sahi
 

Destaque (12)

OpenCms Days 2013 - Start rolling with OpenCms 9
OpenCms Days 2013 - Start rolling with OpenCms 9OpenCms Days 2013 - Start rolling with OpenCms 9
OpenCms Days 2013 - Start rolling with OpenCms 9
 
OpenCms Days 2013 - Bootstrap your templates
OpenCms Days 2013 - Bootstrap your templatesOpenCms Days 2013 - Bootstrap your templates
OpenCms Days 2013 - Bootstrap your templates
 
OpenCms Days 2013 - How to update smoothly to OpenCms 9ms 9
OpenCms Days 2013 - How to update smoothly to OpenCms 9ms 9OpenCms Days 2013 - How to update smoothly to OpenCms 9ms 9
OpenCms Days 2013 - How to update smoothly to OpenCms 9ms 9
 
OpenCms Days 2015 Next generation repository
OpenCms Days 2015  Next generation repositoryOpenCms Days 2015  Next generation repository
OpenCms Days 2015 Next generation repository
 
OpenCms Days 2013 - Site Management Tool
OpenCms Days 2013 - Site Management ToolOpenCms Days 2013 - Site Management Tool
OpenCms Days 2013 - Site Management Tool
 
OpenCms Days 2015 Hidden features of OpenCms
OpenCms Days 2015 Hidden features of OpenCmsOpenCms Days 2015 Hidden features of OpenCms
OpenCms Days 2015 Hidden features of OpenCms
 
OpenCms Days 2015 Modern templates with nested containers
OpenCms Days 2015 Modern templates with nested containersOpenCms Days 2015 Modern templates with nested containers
OpenCms Days 2015 Modern templates with nested containers
 
OpenCms Days 2016: Keynote - Introducing OpenCms 10.5
OpenCms Days 2016:   Keynote - Introducing OpenCms 10.5OpenCms Days 2016:   Keynote - Introducing OpenCms 10.5
OpenCms Days 2016: Keynote - Introducing OpenCms 10.5
 
OpenCms Days 2016: Multilingual websites with OpenCms
OpenCms Days 2016:   Multilingual websites with OpenCmsOpenCms Days 2016:   Multilingual websites with OpenCms
OpenCms Days 2016: Multilingual websites with OpenCms
 
OpenCms Days 2016: Next generation content repository
OpenCms Days 2016: Next generation content repository OpenCms Days 2016: Next generation content repository
OpenCms Days 2016: Next generation content repository
 
OpenCms Days 2014 - Introducing the 9.5 OpenCms documentation
OpenCms Days 2014 - Introducing the 9.5 OpenCms documentationOpenCms Days 2014 - Introducing the 9.5 OpenCms documentation
OpenCms Days 2014 - Introducing the 9.5 OpenCms documentation
 
Internal and external business environment
Internal and external business environmentInternal and external business environment
Internal and external business environment
 

Semelhante a OpenCms Days 2012 - How Software AG is optimizing workflows with OpenCms 8 and the Theme Engine

Wordcamp 2010 Themes for Beginners
Wordcamp 2010 Themes for BeginnersWordcamp 2010 Themes for Beginners
Wordcamp 2010 Themes for Beginners
Bonnie Vasko
 
Wordcamp 2010 Themes for Beginners
Wordcamp 2010 Themes for BeginnersWordcamp 2010 Themes for Beginners
Wordcamp 2010 Themes for Beginners
Bonnie Vasko
 

Semelhante a OpenCms Days 2012 - How Software AG is optimizing workflows with OpenCms 8 and the Theme Engine (20)

ITB_2023_Extend_your_contentbox_apps_with_custom_modules_Javier_Quintero.pdf
ITB_2023_Extend_your_contentbox_apps_with_custom_modules_Javier_Quintero.pdfITB_2023_Extend_your_contentbox_apps_with_custom_modules_Javier_Quintero.pdf
ITB_2023_Extend_your_contentbox_apps_with_custom_modules_Javier_Quintero.pdf
 
Discover the Top 23 CSS Frameworks for 2023.pdf
Discover the Top 23 CSS Frameworks for 2023.pdfDiscover the Top 23 CSS Frameworks for 2023.pdf
Discover the Top 23 CSS Frameworks for 2023.pdf
 
ExtJS: La piattaforma vincente (class system)
ExtJS: La piattaforma vincente (class system)ExtJS: La piattaforma vincente (class system)
ExtJS: La piattaforma vincente (class system)
 
PreJSS: the final point in the CSS war
PreJSS: the final point in the CSS warPreJSS: the final point in the CSS war
PreJSS: the final point in the CSS war
 
Get Started With Tailwind React and Create Beautiful Apps.pdf
Get Started With Tailwind React and Create Beautiful Apps.pdfGet Started With Tailwind React and Create Beautiful Apps.pdf
Get Started With Tailwind React and Create Beautiful Apps.pdf
 
Designing using Web Standards with Dreamweaver
Designing using Web Standards with DreamweaverDesigning using Web Standards with Dreamweaver
Designing using Web Standards with Dreamweaver
 
Efficiently theming a multi-site Drupal 8 portal - Drupal Dev Days Seville 2017
Efficiently theming a multi-site Drupal 8 portal - Drupal Dev Days Seville 2017Efficiently theming a multi-site Drupal 8 portal - Drupal Dev Days Seville 2017
Efficiently theming a multi-site Drupal 8 portal - Drupal Dev Days Seville 2017
 
Introduction to CSS3
Introduction to CSS3Introduction to CSS3
Introduction to CSS3
 
Sitecore 10 XC SXA frontend development using the SXA Storefront Branded
Sitecore 10 XC SXA frontend development using the SXA Storefront BrandedSitecore 10 XC SXA frontend development using the SXA Storefront Branded
Sitecore 10 XC SXA frontend development using the SXA Storefront Branded
 
Wordcamp 2010 Themes for Beginners
Wordcamp 2010 Themes for BeginnersWordcamp 2010 Themes for Beginners
Wordcamp 2010 Themes for Beginners
 
Wordcamp 2010 Themes for Beginners
Wordcamp 2010 Themes for BeginnersWordcamp 2010 Themes for Beginners
Wordcamp 2010 Themes for Beginners
 
Wordcamp 2010 Themes for Beginners
Wordcamp 2010 Themes for BeginnersWordcamp 2010 Themes for Beginners
Wordcamp 2010 Themes for Beginners
 
BDUG Responsive Web Theming - 7/23/12
BDUG Responsive Web Theming - 7/23/12BDUG Responsive Web Theming - 7/23/12
BDUG Responsive Web Theming - 7/23/12
 
Asp.net difference faqs- 9
Asp.net difference faqs- 9Asp.net difference faqs- 9
Asp.net difference faqs- 9
 
Beautifying senc
Beautifying sencBeautifying senc
Beautifying senc
 
An Introduction to CSS Frameworks
An Introduction to CSS FrameworksAn Introduction to CSS Frameworks
An Introduction to CSS Frameworks
 
Wordcamp 2010
Wordcamp 2010Wordcamp 2010
Wordcamp 2010
 
Ways to keep it fun with Hyva Themes, Alex Galdin - Pro Magento Meetup #10
Ways to keep it fun with Hyva Themes, Alex Galdin - Pro Magento Meetup #10Ways to keep it fun with Hyva Themes, Alex Galdin - Pro Magento Meetup #10
Ways to keep it fun with Hyva Themes, Alex Galdin - Pro Magento Meetup #10
 
Vskills certified css designer Notes
Vskills certified css designer NotesVskills certified css designer Notes
Vskills certified css designer Notes
 
Beautifying Sencha Touch
Beautifying Sencha TouchBeautifying Sencha Touch
Beautifying Sencha Touch
 

Mais de Alkacon Software GmbH & Co. KG

Mais de Alkacon Software GmbH & Co. KG (19)

OpenCms Days 2016: Participation and transparency portals with OpenCms
OpenCms Days 2016: Participation and transparency portals with OpenCmsOpenCms Days 2016: Participation and transparency portals with OpenCms
OpenCms Days 2016: Participation and transparency portals with OpenCms
 
OpenCms Days 2016: OpenCms at the swiss seismological service
OpenCms Days 2016: OpenCms at the swiss seismological serviceOpenCms Days 2016: OpenCms at the swiss seismological service
OpenCms Days 2016: OpenCms at the swiss seismological service
 
OpenCms Days 2015 OpenCms X marks the spot
OpenCms Days 2015 OpenCms X marks the spotOpenCms Days 2015 OpenCms X marks the spot
OpenCms Days 2015 OpenCms X marks the spot
 
OpenCms Days 2015 Creating Apps for the OpenCms 10 workplace
OpenCms Days 2015  Creating Apps for the OpenCms 10 workplace OpenCms Days 2015  Creating Apps for the OpenCms 10 workplace
OpenCms Days 2015 Creating Apps for the OpenCms 10 workplace
 
OpenCms Days 2015 OCEE explained
OpenCms Days 2015 OCEE explainedOpenCms Days 2015 OCEE explained
OpenCms Days 2015 OCEE explained
 
OpenCms Days 2015 Workflow using Docker and Jenkins
OpenCms Days 2015 Workflow using Docker and JenkinsOpenCms Days 2015 Workflow using Docker and Jenkins
OpenCms Days 2015 Workflow using Docker and Jenkins
 
OpenCms Days 2015 Advanced Solr Searching
OpenCms Days 2015 Advanced Solr SearchingOpenCms Days 2015 Advanced Solr Searching
OpenCms Days 2015 Advanced Solr Searching
 
OpenCms Days 2015 OpenCms at erarta
OpenCms Days 2015 OpenCms at erarta OpenCms Days 2015 OpenCms at erarta
OpenCms Days 2015 OpenCms at erarta
 
OpenCms Days 2015 Arkema, a leading chemicals company
OpenCms Days 2015 Arkema, a leading chemicals companyOpenCms Days 2015 Arkema, a leading chemicals company
OpenCms Days 2015 Arkema, a leading chemicals company
 
OpenCms Days 2014 - How Techem handles international customer portals
OpenCms Days 2014 - How Techem handles international customer portalsOpenCms Days 2014 - How Techem handles international customer portals
OpenCms Days 2014 - How Techem handles international customer portals
 
OpenCms Days 2014 - Enhancing OpenCms front end development with Sass and Grunt
OpenCms Days 2014 - Enhancing OpenCms front end development with Sass and GruntOpenCms Days 2014 - Enhancing OpenCms front end development with Sass and Grunt
OpenCms Days 2014 - Enhancing OpenCms front end development with Sass and Grunt
 
OpenCms Days 2014 - OpenCms cloud setup with the FI-TS
OpenCms Days 2014 - OpenCms cloud setup with the FI-TSOpenCms Days 2014 - OpenCms cloud setup with the FI-TS
OpenCms Days 2014 - OpenCms cloud setup with the FI-TS
 
OpenCms Days 2014 - OpenCms Module Development and Deployment with IntelliJ, ...
OpenCms Days 2014 - OpenCms Module Development and Deployment with IntelliJ, ...OpenCms Days 2014 - OpenCms Module Development and Deployment with IntelliJ, ...
OpenCms Days 2014 - OpenCms Module Development and Deployment with IntelliJ, ...
 
OpenCms Days 2014 - OpenCms 9 - A video tube?
OpenCms Days 2014 - OpenCms 9 - A video tube?OpenCms Days 2014 - OpenCms 9 - A video tube?
OpenCms Days 2014 - OpenCms 9 - A video tube?
 
OpenCms Days 2014 - User Generated Content in OpenCms 9.5
OpenCms Days 2014 - User Generated Content in OpenCms 9.5OpenCms Days 2014 - User Generated Content in OpenCms 9.5
OpenCms Days 2014 - User Generated Content in OpenCms 9.5
 
OpenCms Days 2014 - Updating to OpenCms 9.5
OpenCms Days 2014 - Updating to OpenCms 9.5OpenCms Days 2014 - Updating to OpenCms 9.5
OpenCms Days 2014 - Updating to OpenCms 9.5
 
OpenCms Days 2014 - Using the SOLR collector
OpenCms Days 2014 - Using the SOLR collectorOpenCms Days 2014 - Using the SOLR collector
OpenCms Days 2014 - Using the SOLR collector
 
OpenCms Days 2014 Keynote - Step up to OpenCms 9.5
OpenCms Days 2014 Keynote - Step up to OpenCms 9.5OpenCms Days 2014 Keynote - Step up to OpenCms 9.5
OpenCms Days 2014 Keynote - Step up to OpenCms 9.5
 
OpenCms Days 2014 - OpenCms content editor and pdf extensions
OpenCms Days 2014 - OpenCms content editor and pdf extensionsOpenCms Days 2014 - OpenCms content editor and pdf extensions
OpenCms Days 2014 - OpenCms content editor and pdf extensions
 

Último

Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
Earley Information Science
 

Último (20)

Tech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdfTech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdf
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
Evaluating the top large language models.pdf
Evaluating the top large language models.pdfEvaluating the top large language models.pdf
Evaluating the top large language models.pdf
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 

OpenCms Days 2012 - How Software AG is optimizing workflows with OpenCms 8 and the Theme Engine

  • 1. The OpenCms Theme Engine How Software AG is optimizing workflows with OpenCms 8 and the Theme Engine Robert Diawara Manager Online Communities, Software AG Sebastian Bolt Componio GmBH Sept. 25th 2012
  • 2. Why a Theme Engine Fill the gap between Designers and site developers Provide a user friendly interface for design implementation and maintenance.  Save time, when you have layout changes (simply create a new theme) Strict separation of the design from the content  Content is maintained only once, even if the page exists with different layouts.  Different themes can be applied to different „siblings“ of the same object.  Themes are linked to folders by default.  Themes linked to a folder apply to all elements in that folder as well as to all subfolders and all elements in subfolders.  Themes can be assigned to single files on an individual base. 2
  • 3. Theme Engine – Sample 1 3
  • 4. Theme Engine – Sample 2 4
  • 5. What does the Theme Engine offer ? Bundling of all layout related resources in one deployable package  Scripts  CSS Files  Container Pages  Formatters User Agent filtering  Usage of different CSS Files and Scripts for different browsers Automatic support for Grids  All CSS classes are generated automatically Automatic support for classic three column layouts  All CSS classes are generated automatically Automatic CSS Generation 5
  • 6. What does the Theme Engine offer ? Bundling of all layout related resources in one deployable package  Scripts  CSS Files  Container Pages  Formatters User Agent filtering  Usage of different CSS Files and Scripts for different browsers Automatic support for Grids  All CSS classes are generated automatically Automatic support for classic three column layouts  All CSS classes are generated automatically Automatic CSS Generation 6
  • 20. What does the Theme Engine offer ? Bundling of all layout related resources in one deployable package  Scripts  CSS Files  Container Pages  Formatters User Agent filtering  Usage of different CSS Files and Scripts for different browsers Automatic support for Grids  All CSS classes are generated automatically Automatic support for classic three column layouts  All CSS classes are generated automatically Automatic CSS Generation 20
  • 23. What does the Theme Engine offer ? Bundling of all layout related resources in one deployable package  Scripts  CSS Files  Container Pages  Formatters User Agent filtering  Usage of different CSS Files and Scripts for different browsers Automatic support for Grids  All CSS classes are generated automatically Automatic support for classic three column layouts  All CSS classes are generated automatically Automatic CSS Generation 23
  • 28. What does the Theme Engine offer ? Bundling of all layout related resources in one deployable package  Scripts  CSS Files  Container Pages  Formatters User Agent filtering  Usage of different CSS Files and Scripts for different browsers Automatic support for Grids  All CSS classes are generated automatically Automatic support for classic three column layouts  All CSS classes are generated automatically Automatic CSS Generation 28
  • 29. Classic Three Column Layout 29
  • 30. Classic Three Column Layout 30
  • 31. Classic Three Column Layout 31
  • 32. What does the Theme Engine offer ? Bundling of all layout related resources in one deployable package  Scripts  CSS Files  Container Pages  Formatters User Agent filtering  Usage of different CSS Files and Scripts for different browsers Automatic support for Grids  All CSS classes are generated automatically Automatic support for classic three column layouts  All CSS classes are generated automatically Automatic CSS Generation 32
  • 37. What does the Theme Engine offer ? Bundling of all layout related resources in one deployable package  Scripts  CSS Files  Container Pages  Formatters User Agent filtering  Usage of different CSS Files and Scripts for different browsers Automatic support for Grids  All CSS classes are generated automatically Automatic support for classic three column layouts  All CSS classes are generated automatically Automatic CSS Generation 37
  • 41. Applying Themes to the Content 41
  • 42. Where can I get the Theme Engine http://www.componio.net Planned release: Dec. 1st 2012
  • 43. Outlook to the next Version 43
  • 44. Thank you for your attention Your Feedback ...