What Are Site Views?

Site Views in Joomla Component Builder (JCB) are frontend-facing views that allow you to display data from your component to website visitors. Much like Custom Admin Views, they give you full flexibility to define what data is shown and how it is presented — but for the site (public) interface.

Site Views are perfect for anything from simple listings and detail pages to complex user interfaces, frontend dashboards, and even API endpoints. You control the logic, templates, layout, and interactivity through JCB’s GUI and templating system.

They are built using:

• 🔄 One or more Dynamic GETs (for safe, powerful data access)
• 🧩 Integrated Templates and Layouts (to organize the UI)
• 🧬 Optional Custom Code blocks (to inject reusable frontend logic)
• 🎨 Optional JavaScript/CSS Libraries (to enhance interactivity or styling)

JCB generates the underlying Joomla-native MVC code automatically.

Key Features

• 🧩 Fully Customizable Frontend Pages: Define views that display data to site visitors with complete control over structure and logic.
• 🧠 Dynamic GET Integration: Attach advanced data queries with filters, joins, and custom SQL logic.
• 🎨 Template & Layout Support: Use or create reusable templates and layouts with Snippets and JS/CSS integration.
• 🔁 Round-Trip Development: Preserve your logic and structure using insert/replace tags between compiles.
• 📚 Field-Agnostic Architecture: Works without JCB Fields — gives you raw control over logic, DB calls, and templates.
• 🔐 ACL-Aware Rendering: Show/hide content based on Joomla user groups or custom rules.
• ⚙️ Menu & Routing Integration: Supports SEF URLs, Joomla menu linking, and custom route generation.
• 📦 Modular Composition: All parts (templates, layouts, snippets, libraries) are modular and reusable.
• 🔁 Version-Safe Updates: Sync or fork views and manage versions confidently across projects.
• 🌐 AJAX-Ready: Build dynamic endpoints for JSON, XML, or async interfaces.
• 🔒 Public & Private Modes: Control access at the view level — from open listings to private dashboards.

Use Cases

• List and detail pages (e.g., articles, events, products)
• Frontend dashboards for logged-in users
• Form submissions with validation
• Headless views (e.g., JSON, XML, or AJAX data responses)
• Public stats, charts, or filtered datasets

GUI Configuration

1. Choose list or item view mode.
2. Bind a Dynamic GET for data querying.
3. Apply a Template or Layout for structured output.
4. Attach Snippets and JS/CSS Libraries.
5. Define routing, SEO metadata, and access levels.
6. Set controller logic, view models, and toolbar buttons as needed.

Version Control and Updates

1. Select the relevant Site Views in your project.
2. Click “Reset” to sync with the latest version, or fork and manage your own variant.
3. Push and pull updates through Git for distributed or team workflows.

💡 Pro Tip: Site Views are where your component meets your users. Use JCB to control that interaction fully — with logic, layout, and style exactly how you define it.

Conclusion

Site Views enable you to turn your component into a full-featured frontend experience. Whether you’re building a simple listing or a dynamic public-facing dashboard, you get full control over the data, structure, and style — you decide what the world sees.