JLayout is Joomla's rendering library that helps make everything overridable and avoid duplicating code. It allows developers, integrators, and designers to render HTML, load JavaScript, and load CSS. JLayout calls can be instanced or use the helper, and layouts are hierarchical and overridable through template and component-specific layout directories. The JLayout system provides benefits like reusability, separation of data and design, and is a great tool for extensions.

1. Joomla JLayout System

2. BLOG:Email: me@phproberto.com
About me
● PLT member
● CMS contributor
● JBS & JSST member
● PHP & JS developer
● Freelance
Twitter: @phproberto

3. What is JLayout?
● Rendering library
● Helps to make everything overridable
● Helps to Don’t Repeat Yourself (DRY)
● For developers
● For integrators
● For designers
● To render HTML
● To load JS
● To load CSS

4. ● Views
● Modules
● Plugins
● JDocument
DRY
Where?
Hierarchical overridable & customisable
templates

5. Coders do this
Inside non-overridable files!

6. Let’s make frontenders happy!
“Pleasure in the job puts perfection in the work”
Aristotle

7. Imagine yourself
forced to use
WordPress
everyday!
I mean...
imagine it!

8. ● Reusability
● Untie data & design
● Great tool for extensions
● HMVC
Benefits of JLayout
Better for everybody!

9. How a JLayout call looks like?
Instanced:
JLayout helper:
(highly customisable)
(fast use)

10. How to override layouts?
/layouts
/components/com_foo/layouts
/templates/my_tpl/html/layouts
/templates/my_tpl/html/layouts/com_foo
(global)
(global override)
(component override)
(overriden component override)

11. Force component layouts:
Force client:
Advanced options

12. Suffixes:
Custom includepaths:
Advanced options (II)
joomla/content/tags.j3x.php > joomla/content/tags.j25.php > joomla/content/tags.php

13. Sublayouts:
Advanced options (III)
overridable independently
layouts as source for PDF :)

14. Debug mode

15. Already proposed features
Chainable methods:
Dynamic suffixes:

16. Already proposed features (II)
Automatic version suffixes:

17. Already proposed features (III)
Automatic language suffixes:

18. Already proposed features (IV)
Prefixes support:

19. Layout system benchmark
~0.1s each 100 layouts

20. Debug console + cache (V)

21. What’s next?
Frontenders Working Group
● 100% overridable markup
● Accessibility
● User Experience
● Standards
● Documentation
● Bootstrap to layer

22. Move views to template