Quantcast
Channel: Joomla! Forum - community, help and support
Viewing all articles
Browse latest Browse all 2227

Open Source Products for Joomla! • XIROSTART template - a fork of Cassiopeia fully Bootstrap 5, none site-grid, grid-child

$
0
0
The XiroStart template is a fork of the Cassiopeia template for Joomla 5, Joomla 4.
It does not use the CSS Grid layout (site-grid, grid-child), it only uses Bootstrap 5.

Bootstrap 5 vs. Grid-Layout CSS in Cassiopeia
When building templates with Cassiopeia, we hard to add new layouts, modifying layout with css-grid often caused layouts to break (at template/cassiopeia/index.php).Cassiopeia uses grid CSS and flexbox, which are powerful but complicated, especially for me and new developers.
layout-cassiopeia-fail.png

To make things easier, XIROSTART switched to Bootstrap 5 for layouts. We no longer use Cassiopeia’s grid classes like site-grid and grid-child, container-top-. With Bootstrap 5, creating layouts is simpler, clearer, and faster for everyone.

Now, we can insert a new layout without adding more CSS code. Don’t worry about the layout breaking or failing
xirostart-add-layout.png
Improved Frontend Editing - Quick Edits for Articles and Modules on Frontend:
Logging into the backend just to fix small issues in articles or modules was time-consuming. At XIROSTART, you can now edit module setting on the frontend with UI layout that feel just like the backend. It’s more convenient.
module-setting-frontend.png
Mod_menu - Adding Navbar Menu Layout base on Boostrap 5
Joomla's menu module with the MetisMenu layout (using metismenu.js) requires additional effort to read and understand its code. On the other hand, Bootstrap 5's Navbar offers comprehensive and easy-to-understand documentation.

To make things simpler for developers, XIROSTART now includes an additional menu layout that supports the Bootstrap 5 Navbar. This provides a more accessible and developer-friendly option for building menus.
layout-select-menu-bootstrap.png
Cleaner Module Editing:
On other templates, all modules stay visible when editing, making it hard to focus form edit. With XIROSTART, unrelated modules (except header and footer) are hidden while editing. This keeps the editing form clear and easy to use.

DOWNLOAD XIROWSTART: https://www.xiroweb.com/template/xirost ... ate-joomla

Statistics: Posted by vnnguyendung — Sun Nov 24, 2024 6:18 pm



Viewing all articles
Browse latest Browse all 2227

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>