Template positions

Module positions were suggestively named for an easier understanding of their location. The picture to the right explains their space orientation and arrangement.

The following list will describe the module positions' basic usage.

RSPenta! positions:

  1. Top-A, Top-B, Top-C: You can use whatever module you would like here, however please note that these will need to be toggled to come into view (this is pre-defined override for the login module)
  2. Main Menu A: the main menu horizontal bar.
  3. Slideshow: A slideshow can occupy this area.
  4. Breadcrumbs: typical breadcrumbs area.
  5. Before-Content: Stretched over the page's entire width, this position can be found directly on top of the content area.
  6. Column-Left, Column-Right: these positions are displayed to the left of right part of the actual content. Mostly used for a secondary menu or other modules (for example, all RSJoomla! components' modules fit well in these positions).
  7. Inner Before Content: Placed before the page content. It is enclosed, just like the page content, in between the left and right columns.
  8. Content: The web page's content will be displayed here.
  9. Inner After Content: Placed immediately after the page content. It is enclosed, just like the page content, in between the left and right columns.
  10. After Content: full-width position, placed immediately after the content and column left / right positions.
  11. Before Top Fixed: a container that streches over a fixed width, mostly used for displaying titles
  12. Top-Fixed A, B and C: Similar to the Top Fluid positions, with the only difference being that they are fixed.
  13. Before-Top-Fluid: fluid container
  14. Top-Full-Width: Stretched over the page's entire width, this position can be used as a message display area.
  15. Featured A, B, C and D: area used for something more distinguished.
  16. Top Fluid A, B, C and D: Found directly below the Featured positions, these are fluid, meaning that, for example, if you only use A and C, they will be automatically stretched over B and D.
  17. Middle: full-width position, suitable for a message or a Custom HTML module.
  18. Before-Middle-Fluid: fluid container
  19. Middle Fluid A, B, C and D: Fluid positions for general purpose.
  20. Middle-Full-Width: fluid container
  21. Before-Middle-Fixed: fixed container
  22. Middle Fixed A, B, C and D: Similar to the Middle Fluid positions, only fixed.
  23. Before-Bottom-Fluid: fluid container
  24. Bottom Fluid A, B, C and D: Anything can be placed in these positions. If, let's say, only A and D are occupied, they will be automatically stretched over B and C.
  25. Before-Bottom-Fixed: fixed container
  26. Bottom: Full-width, can be used with a Custom HTML module.
  27. Bottom Fixed A, B, and C: General use, similar to the Bottom Fluid positions, but will not be stretched over empty positions.
  28. Bottom-Full-Width: fluid container
  29. Lower: Located in the lower half of the page.
  30. Lower-Full-Width: fluid container
  31. Before-Lower-Fixed: fixed container
  32. Lower Fixed A and B: Two fixed positions found directly under the Lower position.
  33. Footer Fixed A, B, C and D: Multiple use positions, fixed.
  34. Before Footer: fixed container
  35. Footer: Place the page's footer or social links here.
  36. Lower Fluid A,B,C and D: Similar to the Lower Fixed positions, the only difference being that these are fluid (occupied positions will be stretched over the ones that are left blank).
  37. Footer Fluid A, B, C and D: Copyright information, for example, can be added here. Fluid positions - if, let's say, only A and D are occupied, they will be automatically stretched over B and C.

Note: RSPenta!'s module positions are fully customizable - they can be re-arranged by dragging and dropping rows of positions to the desired locations.

Customization

Two custom classes have been developed for the modules that are associated with the column-left and column-right positions, background-primary and background-secondary. As their names imply, these classes will change the modules' backgrounds to either the primary or secondary colors used by the color scheme selected in the template's Color Scheme field in the Details tab.


Add these classes in Extensions >> Module Manager >> edit a column-left or column-right module >> Advanced >> Module Class Suffix, as shown below:


2 persons found this article helpful.


Was this article helpful?

Yes No
Sorry about that

You Should Also Read

Using the template

Introduction

Built-in template overrides