What Are JCB Layouts?

JCB Layouts are modular Joomla layout files managed via the JCB GUI.
They are equivalent to Joomla's native layout override files (/layouts) and follow the same design principles.

With JCB Layouts, you can define reusable, customizable HTML+PHP views:

• Rendered from anywhere in your component (admin or site)
• Encapsulated in clean, template-driven blocks
• Fully namespace-aware and overridable like native Joomla layouts

This allows your components to remain cleaner, more maintainable, and DRY (Don't Repeat Yourself).

Why Use Layouts in JCB?

JCB Layouts help you:

• Extract reusable markup from views, fields, and modules
• Maintain structural consistency across your component
• Simplify changes by editing one file instead of many
• Allow for override support via Joomla templates

They're ideal for:

• Form row rendering
• Repeated output (like items in a loop)
• Conditionals and dynamic display logic

How Do You Manage Layouts in JCB?

All Layouts are version-controlled and managed inside JCB's GUI under the Layouts tab.

To use a layout from a repository:

1. Click the Init button inside the Layouts area.
2. Choose a repository to load Layouts from.
3. Select the specific Layout(s) you want to import.
4. The Layout will now be available in your JCB project.

You can:

• Reset a Layout to sync with its upstream version
• Push your custom Layouts if you have write access
• Or Fork this repository to manage your own Layout collection

This lets you integrate upstream improvements while maintaining your own customization workflow.

Index of JCB Layouts

• File Display Engine | Details | Settings | File Display Engine
• Importer Columns Display | Details | Settings | Importer Columns Display
• Importer Easy Mapping | Details | Settings | Importer Easy Mapping
• Importer Messages Log | Details | Settings | Importer Messages Log
• Input | Details | Settings | Input
• Input Box | Details | Settings | Input Box
• Joomla! Mastodon Feed | Details | Settings | Joomla! Mastodon Feed
• Modal | Details | Settings | Modal
• Radio | Details | Settings | Radio
• Radio Box | Details | Settings | Radio Box
• Rows | Details | Settings | Rows
• Select | Details | Settings | Select
• Select Box | Details | Settings | Select Box
• Table | Details | Settings | Table
• Textarea | Details | Settings | Textarea
• Textarea Box | Details | Settings | Textarea Box
• Trash Helper | Details | Settings | Trash Helper Layout

All used in Joomla Component Builder - Source - Mirror - Download