# Elementary Layout Component

**URL:** https://meta.discourse.org/t/elementary-layout-component/177403
**Category:** Theme component
**Tags:** deprecated
**Created:** [January 27, 2021, 7:01am UTC](https://meta.discourse.org/t/elementary-layout-component/177403 "2021-01-27T07:01:37Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![meghna](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/meghna/32/453356_2.png) [@meghna](https://meta.discourse.org/u/meghna)
#### Post date: [January 27, 2021, 7:01am UTC](https://meta.discourse.org/t/elementary-layout-component/177403/1 "2021-01-27T07:01:37Z")

</div>

This component allows forum staff to change their topic list formatting to two-column layout (as seen in [Elementary theme](https://meta.discourse.org/t/elementary-a-simple-theme-for-discourse/177159)) while keeping their custom theme for rest of the forum.

This two column topic-list layout tries to cover all the basic information of a topic under topic title, and the “Last Post” column contains last poster details and last posted date.

 ![Screenshot 2021-01-27 at 12.08.49 PM](https://global.discourse-cdn.com/meta/original/3X/4/5/451b21f10f4e456f8693547ae51d3b1fe1f9628e.jpeg)

Enjoy, and do let me know how to further improve this component. 🙂

| | | |
| --- | --- | --- |
| 🕶 | **Preview** | [Preview on theme-creator.discourse.org](https://theme-creator.discourse.org/theme/meghna/elementary-layout) |
| 🔗 | **Github Repo** | [github.com/MeghnaAJ/discourse-elementary-layout](https://github.com/MeghnaAJ/discourse-elementary-layout) |

Install this theme component

---

<div class="post-metadata">

### Author: ![jrgong](https://avatars.discourse-cdn.com/v4/letter/j/c57346/32.png) [@jrgong](https://meta.discourse.org/u/jrgong)
#### Post date: [January 27, 2021, 8:08am UTC](https://meta.discourse.org/t/elementary-layout-component/177403/2 "2021-01-27T08:08:18Z")

</div>

Great work!

Is it compatible with Topic List Previews plugin or theme component?

---

<div class="post-metadata">

### Author: ![anon82467725](https://avatars.discourse-cdn.com/v4/letter/a/edb3f5/32.png) [@anon82467725](https://meta.discourse.org/u/anon82467725)
#### Post date: [January 27, 2021, 12:45pm UTC](https://meta.discourse.org/t/elementary-layout-component/177403/3 "2021-01-27T12:45:38Z")

</div>

Does it work with this theme component?

> [@Advanced Search Banner](https://meta.discourse.org/t/search-banner-theme-component/122939):
>
> warning This theme component is deprecated and should no longer be used. Its features are now in Discourse Core — see our documentation for details on setting up a welcome banner: → [Creating a banner to display at the top of your site](https://meta.discourse.org/t/creating-a-banner-to-display-at-the-top-of-your-site/153718#p-762961-welcome-banner-1)discourse2Summary Advanced Search Banner puts a search bar along with optional headline and subhead text in a banner above the main topic list navigation.eyeglassesPreview [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/search-banner)hammer_and_wrenchReposito…

---

<div class="post-metadata">

### Author: ![meghna](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/meghna/32/453356_2.png) [@meghna](https://meta.discourse.org/u/meghna)
#### Post date: [January 27, 2021, 1:06pm UTC](https://meta.discourse.org/t/elementary-layout-component/177403/4 "2021-01-27T13:06:22Z")

</div>

> [@jrgong](#):
>
> Is it compatible with Topic List Previews plugin or theme component?

No, this component will not work with Topic List Previews plugin since it also modifies topic list styling.

> [@anon82467725](#):
>
> Does it work with this theme component?

Yes, this component will work fine with Search banner component! 🙂

---

<div class="post-metadata">

### Author: ![Zup](https://avatars.discourse-cdn.com/v4/letter/z/c37758/32.png) [@Zup](https://meta.discourse.org/u/Zup)
#### Post date: [March 20, 2021, 12:16am UTC](https://meta.discourse.org/t/elementary-layout-component/177403/5 "2021-03-20T00:16:54Z")

</div>

would love to have admin toggles for additional information such as ‘views’

---

<div class="post-metadata">

### Author: ![rahim123](https://avatars.discourse-cdn.com/v4/letter/r/df705f/32.png) [@rahim123](https://meta.discourse.org/u/rahim123)
#### Post date: [March 19, 2023, 4:32pm UTC](https://meta.discourse.org/t/elementary-layout-component/177403/6 "2023-03-19T16:32:24Z")

</div>

This theme component looks like a great alternative to Sam’s Simple Theme, which is the only theme that shows the name of the OP and most recent poster in text format. Unfortunately Sam’s Simple Theme appears to be completely unmaintained and pull requests to fix broken elements in it are not being handled. So I wonder if this theme component could be enabled together with the Discourse default theme for all users/visitors by default, not just staff? Thanks a lot!

---

<div class="post-metadata">

### Author: ![RGJ](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/rgj/32/523185_2.png) [@RGJ](https://meta.discourse.org/u/RGJ)
#### Post date: [August 13, 2024, 12:20pm UTC](https://meta.discourse.org/t/elementary-layout-component/177403/7 "2024-08-13T12:20:51Z")

</div>

This theme component seems to be broken

```plaintext
Uncaught (in promise) ReferenceError: can't access lexical declaration 'x' before initialization
    default chunk.46db2789b14251f87ab9.d41d8cd9.js:18
    initialize add-topic-list-class.js:11
    initialize chunk.46db2789b14251f87ab9.d41d8cd9.js:1

```
