Sidebar Layout Demo
In this interactive demo you get a chance to test the many sidebar combinations you can apply to any page on your website using Morph.
Focus is on the main content area, which contains the 2 sidebars.
To show you only what you need, click the 'toggle layout options' link above. It will open a new interactive demo menu and close all other blocks above and below the main content container. You can click again to re-open all blocks.
About this Demo
This is an interactive demo that makes it easy for you to see Morph's building blocks, as well as the module position related to each block.
Each module position has a certain number of options that can be set for it. Click on 'learn about blocks' to read more about how blocks and module positions work in Morph.
Find out how blocks work
Click 'learn about blocks' for more information on how blocks and module positions work in Morph. This will take you to the comprehensive information website for Morph and everything around it.
Module Position Overlay
The Joomla {module positions} are contained within building blocks. Clicking the 'toggle module positions' button will show you which positions relate to which block.
Most blocks only need one position because of the intelligent nature of the modules, which means one position can handle up to three modules alongside each other.
Outer sidebar layout scheme options
There are 2 sidebars in Morph, but they are very different from the left and right sidebars you find in most Joomla templates. Each sidebar block contains 4 Joomla {module} positions. Play with the settings on this demo, keeping in mind you can use Morph's configurator to easily set the position and width of these blocks for your own site.
Outer sidebar layout
The outer layout is called “outer” because it literally sits outside the container of the main content and inner (right) sidebar.
It will always be positioned either to the left or right of those 2 blocks of content.
It is also referred to as left sidebar, since it positions the left {module} position.
Click the outer sidebar layout options above and see how the outer sidebar changes based on your selection.
Layout scheme options
There are 2 sidebars in Morph, but they are very different from the left and right sidebars you find in most Joomla templates. Each sidebar block contains 4 Joomla {module} positions. Play with the settings on this demo, keeping in mind you can use Morph's configurator to easily set the position and width of these blocks for your own site.
Using the inner sidebar layout
The inner layout is called “inner” because it literally sits on the inside of the outer sidebar.
It will always be positioned either to the left or right of the main content, but will always remain on the inside of the outer sidebar.
It is also referred to as right sidebar, since it positions the right {module} position.
Click the Inner Sidebar Layout options above and see how the outer sidebar changes based on your selection.