> For the complete documentation index, see [llms.txt](https://playground.e107sk.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://playground.e107sk.com/e107-aragorn-theme/theme-layouts/layouts/sidebar.md).

# Sidebar

Magic page header + content with a menu column on the **right** (`custompages: news`). Pattern: Tabler `job-listing.html`.

## Structure

```html
<div class="page-wrapper">
	<div class="page-header ..."> {---CAPTION---} / {---BREADCRUMB---} </div>
	<div class="page-body">
		<div class="container-xl">
			<div class="row g-4">
				<div class="col-md-9">
					{SETSTYLE=default}
					{---}
				</div>
				<aside class="col-md-3">
					<div class="sticky-top">
						{SETSTYLE=card}
						{MENUAREA=100}
					</div>
				</aside>
			</div>
		</div>
	</div>
	<footer class="footer footer-transparent d-print-none"> ... </footer>
</div>
```

* Content uses `{SETSTYLE=default}` (main render → feeds the page header); the sidebar switches to `{SETSTYLE=card}` for its menus.
* The `sticky-top` wrapper keeps the menu column visible while scrolling (job-listing detail).
* Menu area **100** — assign menus in the Menu Manager.