The layout manager in Astroid is one of the core engines that drives Astroid and it’s can be cumbersome at times with so many options. We will use this tutorial to simplify it and go through all the available options.
In the above image you can see different colors and numbers representing settings for different areas in the Layout Manager.
Numbers 1 through 6 are section level settings.
1. Hold the icon to move the section up or down in the layout manager.
2. Edit the section level settings.
3. Duplicate the section.
4. Delete the section.
5. Add a new section adjacent to the current.
6. restructure the number of columns in the current section.
Number 7 is for column level settings.
7. Edit the column level settings.
Numbers 8 through 11 are for element level settings.
8. Edit the element settings.
9. Duplicate the element.
10. Delete the element.
11. Add a new element inside the current column.
And numbers 12 through 14 are for row level settings.
12. Add a new row below the the current row.
13. Duplicate the row.
14. Edit row Settings.
Astroid is structured in the following way:
_Sections (You can have unlimited sections)
___Rows (Inside each section, you can have unlimited rows, rows stand vertically inside a section.)
_____Columns (Inside each row, you can have a maximum of 12 columns, this is based on standard bootstrap Grid system, Columns are horizontal containers.)
_______Elements (Inside each column you can have unlimited elements, elements stand vertically inside the column.)
Animations, Custom Background options & Responsive settings are available for sections, columns and elements.
You can move elements within the columns.
You can move columns within the section.
You can move sections within the layout.
- Section level settings
Custom classes, ID and layout overrides
- Row Level Settings
Custom classes & ID
- Column level settings
Custom classes & ID
- Element level settings
Custom classes, ID (module position (for module position element only)).
4 type of elements
- Component (Core Joomla, non-repeatable)
- Messages (Core Joomla, non-repeatable)
- Banner (Astroid Feature, non-repeatable)
- Module(s) (Core Joomla, repeatable)