05
Days
23
Hours
59
Minutes
59
Seconds


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.

RSAlto! 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. Main Menu B: Used strictly for the search module.
  4. Slideshow: A slideshow can occupy this area.
  5. Finderform: A module position created for our component RSDirectory! and it provides a styles for the simple search module.
  6. Breadcrumbs: typical breadcrumbs area.
  7. Before-Content: Stretched over the page's entire width, this position can be found directly on top of the content area.
  8. 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).
  9. Inner Before Content: Placed before the page content. It is enclosed, just like the page content, in between the left and right columns.
  10. Content: The web page's content will be displayed here.
  11. Inner After Content: Placed immediately after the page content. It is enclosed, just like the page content, in between the left and right columns.
  12. After Content: full-width position, placed immediately after the content and column left / right positions.
  13. Featured A, B, C and D: area used for something more distinguished.
  14. Before Top Fixed: a container that streches over a fixed width, mostly used for displaying titles
  15. Top-Fixed A, B and C: Similar to the Top Fluid positions, with the only difference being that they are fixed.
  16. Before-Top-Fluid: fluid container
  17. 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.
  18. Top-Full-Width: Stretched over the page's entire width, this position can be used as a message display area.
  19. Middle: full-width position, suitable for a message or a Custom HTML module.
  20. Middle-Full-Width: fluid container
  21. Before-Middle-Fluid: fluid container
  22. Middle Fluid A, B, C and D: Fluid positions for general purpose.
  23. Before-Middle-Fixed: fixed container
  24. Middle Fixed A, B, C and D: Similar to the Middle Fluid positions, only fixed.
  25. Before-Bottom-Fluid: fluid container
  26. 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.
  27. Bottom-Full-Width: fluid container
  28. Bottom-Before-Fixed: fixed container
  29. Bottom Fixed A, B, and C: General use, similar to the Bottom Fluid positions, but will not be stretched over empty positions.
  30. Bottom: Full-width, can be used with a Custom HTML module.
  31. Lower: Located in the lower half of the page.
  32. Lower-Full-Width: fluid container
  33. Before-Lower-Fixed: fixed container
  34. Lower Fixed A and B: Two fixed positions found directly under the Lower position.
  35. Lower Fixed A,B,C and D: Four fixed positions found directly under the Lower position.
  36. Footer Fixed A, B, C and D: Multiple use positions, fixed.
  37. Before Footer: fixed container
  38. Footer: Place the page's footer or social links here.
  39. 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).
  40. 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: RSAlto!'s module positions are fully customizable - they can be re-arranged by dragging and dropping rows of positions to the desired locations, in the Template Positions tab.

Was this article helpful?

Yes No
Sorry about that

You Should Also Read

Using the template

Introduction

Built-in template overrides