# Created Topic Sort
**URL:** https://meta.discourse.org/t/created-topic-sort/321521
**Category:** Theme component
**Created:** [August 13, 2024, 8:03pm UTC](https://meta.discourse.org/t/created-topic-sort/321521 "2024-08-13T20:03:28Z")
**Posts on this page:** 20
**Page:** 1
### Author:  [@Alteras](https://meta.discourse.org/u/Alteras)
#### Post date: [August 13, 2024, 8:03pm UTC](https://meta.discourse.org/t/created-topic-sort/321521/1 "2024-08-13T20:03:28Z")
| | | |
| --- | --- | --- |
| :information_source: | **Summary** | Adds a sortable created date column to the topic list |
| :eyeglasses: | **Preview** | [https://discourse.theme-creator.io/theme/Alteras/created-topic-sort](https://discourse.theme-creator.io/theme/Alteras/created-topic-sort) |
| :hammer_and_wrench: | **Repository** | [GitHub - Alteras1/discourse-created-topic-sort: Discourse theme component adds topic sorting by created date · GitHub](https://github.com/Alteras1/discourse-created-topic-sort) |
| :question: | **Install Guide** | [How to install a theme or theme component](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682) |
| :open_book: | **New to Discourse Themes?** | [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) |
Install this theme component
This adds a sortable created date column to the topic list. Also adds an optional “Created” tab to the navigation bar.
On desktop view, a whole column is added. On mobile, the created date is only added inline with the activity date when the “Created” sort is selected (see screenshots below).
> :information_source: Before using this component, it may be good to evaluate your community’s need for knowing a created date. There’s already a built in way for auto flagging newly created topics within a certain time period (customizable by users in Preferences \> Tracking \> Topics).
## Settings
### Enable Sort by Created Date Nav Bar Item
Adds a “Sort by Created Date” nav bar item to the navigation menu. Default: `true`
> **Screenshots**
>
> **Desktop**
>
> 
>
> **Mobile**
>
> 
### Enable Column on Created Date Filter Only
Prevents the created date column from being displayed outside of the Create Date filter. Requires the “Enable Sort by Created Date Nav Bar Item” to be true. Default: `false`
### Enable Nav Bar Item in Home Page
Add the “Sort by Created Date” nav bar item in the home page. Default: `true`
### Enable Column in Home Page
Add the “Created” column in the home page. Default: `true`
### Categories to Display Nav Bar Item
List of categories to display in the “Sort by Created Date” nav bar item. Leave empty to display in all categories. Default: `empty`
### Categories to Display Created Column
List of categories to display the “Created” column. Leave empty to display in all categories. Default: `empty`
### Tags to Display Nav Bar Item
List of tags to display the “Sort by Created Date” nav bar item. Leave empty to display in all tags. Default `empty`
### Tags to Display Created Column
List of tags to display the “Created” column. Leave empty to display in all tags.
Default: `empty`
### Nav Bar Item Before
Adjust where the nav bar item is positioned in the list. Default: `top`.
## Screenshots
### Sorting
### Mobile view
> **With Category and Tags**
>
> 
## Compatibility & Notes
With mobile, the sort functionality is already heavily limited, so created date would only function as an informational. The additional field only appears if the created date is different from the bumped date.
Compatibility with the [Topic List Thumbnails](https://meta.discourse.org/t/topic-list-thumbnails/150602) is limited. In list style, it will function normally. In blog style, the created date is pulled to the bottom right. In grid style and masonry style, the created date is only visible when the “Created” filter is selected, and will replace the activity date. In minimal style, the created date is hidden.
---
### Author:  [@Monikas](https://meta.discourse.org/u/Monikas)
#### Post date: [August 15, 2024, 10:20am UTC](https://meta.discourse.org/t/created-topic-sort/321521/2 "2024-08-15T10:20:32Z")
Wow, another perfect plugin that changes the forum! It would be great if it could integrate with the Discourse Nav Item Icon / Emoji plugin.
> [@Discourse Nav Item Icon / Emoji](https://meta.discourse.org/t/discourse-nav-item-icon-emoji/301105):
>
> information_sourceSummary Add Icon / Emoji before nav itemhammer_and_wrenchRepository [GitHub - VaperinaDEV/discourse-nav-item-icon-emoji: Add Icon / Emoji before nav item · GitHub](https://github.com/VaperinaDEV/discourse-nav-item-icon-emoji)questionInstall Guide [How to install a theme or theme component](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682)open_bookNew to Discourse Themes? [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) Install this theme component Hello wave With this theme component you can add icon or emoji before nav items. The theme component based o…
---
### Author:  [@Don](https://meta.discourse.org/u/Don)
#### Post date: [August 15, 2024, 1:30pm UTC](https://meta.discourse.org/t/created-topic-sort/321521/3 "2024-08-15T13:30:13Z")
I think it should work with it. :slight_smile:
Just add it like for example:
`emoji:created_date:twitter:spiral_calendar:filter`
---
### Author:  [@Alteras](https://meta.discourse.org/u/Alteras)
#### Post date: [August 15, 2024, 3:46pm UTC](https://meta.discourse.org/t/created-topic-sort/321521/4 "2024-08-15T15:46:04Z")
Can confirm adding the setting as Don has it does work!
> [@Don](#):
>
> `emoji:created_date:twitter:spiral_calendar:filter`
---
### Author:  [@davidkingham](https://meta.discourse.org/u/davidkingham)
#### Post date: [August 16, 2024, 8:57pm UTC](https://meta.discourse.org/t/created-topic-sort/321521/5 "2024-08-16T20:57:36Z")
Very nice! Unfortunately it doesn’t play well with the Topic Thumbnails TC, adds an extra time for some reason:
Note the extra 7h at the bottom of the center.
It appears I can just hide this `.topic-list .topic-list-data:last-of-type` but I thought I would let you know :grin:
EDIT: I found another oddity, when I click Latest, it highlights Created, and when I click Created it highlights latest :zany_face:
---
### Author:  [@Alteras](https://meta.discourse.org/u/Alteras)
#### Post date: [August 16, 2024, 9:29pm UTC](https://meta.discourse.org/t/created-topic-sort/321521/6 "2024-08-16T21:29:47Z")
Huh. That’s interesting. Looks like it’s just an odd side effect of how the Topic Thumbnails and Created Topic Sort adding to the templates at the same time. Might just be an issue with masonry and grid mode? I’ll see if I can make a suitable adjustment for it in the CSS instead of just hiding it, once i figure out a clean way to detect the theme component usage.
The highlighting for latest and created sounds really weird. Created should only be highlighted when the url has `/latest?order=created` in it… hmmm…
---
### Author:  [@Alteras](https://meta.discourse.org/u/Alteras)
#### Post date: [August 17, 2024, 12:10am UTC](https://meta.discourse.org/t/created-topic-sort/321521/7 "2024-08-17T00:10:51Z")
I’ve updated some of the component to make it prettier for (or at least match) the Topic Thumbnails component.
[https://github.com/Alteras1/discourse-created-topic-sort/pull/4](https://github.com/Alteras1/discourse-created-topic-sort/pull/4)
In blog style, the created date is pulled to the bottom right. I couldn’t find a clean way to get it to be right next to the bump date, so this will have to do. In grid style and masonry style, the created date is only visible when the “Created” filter is selected, and will replace the activity date. I tried to get both activity date and created date to display at the same time, but it made the card feel cramped. In minimal style, the created date is hidden.
---
### Author:  [@putty](https://meta.discourse.org/u/putty)
#### Post date: [January 31, 2025, 4:55pm UTC](https://meta.discourse.org/t/created-topic-sort/321521/8 "2025-01-31T16:55:27Z")
Would it be difficult to add a category scope to this? We would love to have it on our announcements section but don’t need it displayed in our general discussion, etc.
---
### Author:  [@Alteras](https://meta.discourse.org/u/Alteras)
#### Post date: [January 31, 2025, 10:58pm UTC](https://meta.discourse.org/t/created-topic-sort/321521/9 "2025-01-31T22:58:10Z")
Not at all! I’ve just pushed out an update that adds four new settings to help control where the nav bar item and column gets displayed.
- **Enable nav bar item in home page** : Add the “Sort by Created Date” nav bar item in the home page.
- **Enable column in home page** : Add the “Created” column in the home page.
- **Categories to display nav bar item** : List of categories to display in the “Sort by Created Date” nav bar item. Leave empty to display in all categories.
- **Categories to display created column** : List of categories to display the “Created” column. Leave empty to display in all categories.
[https://github.com/Alteras1/discourse-created-topic-sort/pull/7](https://github.com/Alteras1/discourse-created-topic-sort/pull/7)
However, do note that the restrictions on displaying the column only works in sites using the new topic-list changes.
---
### Author:  [@putty](https://meta.discourse.org/u/putty)
#### Post date: [February 3, 2025, 2:07pm UTC](https://meta.discourse.org/t/created-topic-sort/321521/10 "2025-02-03T14:07:51Z")
Thank you so much! :star_struck: This is awesome!
---
### Author:  [@dsims](https://meta.discourse.org/u/dsims)
#### Post date: [March 26, 2025, 11:44pm UTC](https://meta.discourse.org/t/created-topic-sort/321521/11 "2025-03-26T23:44:49Z")
Any way to make this the default home page? I’ve seen some plugins add options to the “Top Menu” site setting so I’m thinking it’s possible.
Then I could effectively replace the standard Latest by hiding that one with CSS.
---
### Author:  [@Alteras](https://meta.discourse.org/u/Alteras)
#### Post date: [March 27, 2025, 3:29pm UTC](https://meta.discourse.org/t/created-topic-sort/321521/12 "2025-03-27T15:29:27Z")
The default homepage can be set with a bit of JS:
```js
import { setDefaultHomepage } from "discourse/lib/utilities";
setDefaultHomepage("/latest?order=created");
```
Adding the option to the Top Menu settings is definitely preferable, but I don’t think there’s a way to do so from a TC, at least from what I last checked. I’ll have to see if something has changed in the interim.
---
### Author:  [@dsims](https://meta.discourse.org/u/dsims)
#### Post date: [March 27, 2025, 4:13pm UTC](https://meta.discourse.org/t/created-topic-sort/321521/13 "2025-03-27T16:13:31Z")
> [@Alteras](#):
>
> `setDefaultHomepage("/latest?order=created");`
Thanks! That _should_ work but it appends `%3F_discourse_homepage_rewrite` to the url which interferes with the sorting. :confounded_face:
>
---
### Author:  [@dsims](https://meta.discourse.org/u/dsims)
#### Post date: [March 27, 2025, 4:38pm UTC](https://meta.discourse.org/t/created-topic-sort/321521/14 "2025-03-27T16:38:28Z")
I was able to get around that by doing `setDefaultHomepage("latest?order=created&");`
_But_ now the problem is, even though all the indicators say so, the actual sorting doesn’t apply.
So I tried the same url using [Custom Homepage for Groups](https://meta.discourse.org/t/custom-homepage-for-groups/199623) and that _did_ work :tada: Not sure why that component’s redirect would work differently since I’m pretty sure it using the same method.
---
### Author:  [@dsims](https://meta.discourse.org/u/dsims)
#### Post date: [March 27, 2025, 5:04pm UTC](https://meta.discourse.org/t/created-topic-sort/321521/15 "2025-03-27T17:04:18Z")
figured it out, it needed to clear the PreloadStore
So one can edit your default theme or a new component to add this to the JS:
```plaintext
import { apiInitializer } from "discourse/lib/api";
import { setDefaultHomepage } from "discourse/lib/utilities";
import PreloadStore from "discourse/lib/preload-store";
export default apiInitializer((api) => {
setDefaultHomepage("latest?order=created&");
PreloadStore.remove("topic_list");
});
```
and this CSS to remove the Latest tab:
```plaintext
li.nav-item_latest {
display: none;
}
```
Wish it could stay on the root homepage url, but that will probably take a plugin.
---
### Author:  [@dsims](https://meta.discourse.org/u/dsims)
#### Post date: [June 19, 2025, 3:56pm UTC](https://meta.discourse.org/t/created-topic-sort/321521/16 "2025-06-19T15:56:12Z")
> [@dsims](#):
>
> Wish it could stay on the root homepage url, but that will probably take a plugin.
Ended up making that plugin: [Created as Default Sort Order](https://meta.discourse.org/t/created-as-default-sort-order/370920)
So my home page is cleanly sorted by created. I still use this component to add the column.
---
### Author:  [@RGJ](https://meta.discourse.org/u/RGJ)
#### Post date: [October 28, 2025, 10:12am UTC](https://meta.discourse.org/t/created-topic-sort/321521/18 "2025-10-28T10:12:13Z")
Thank you for this great theme component!
I’ve made a very small and simple [PR](https://github.com/Alteras1/discourse-created-topic-sort/pull/11) that allows to configure where the nav bar item appears.
---
### Author:  [@Alteras](https://meta.discourse.org/u/Alteras)
#### Post date: [October 28, 2025, 2:54pm UTC](https://meta.discourse.org/t/created-topic-sort/321521/19 "2025-10-28T14:54:56Z")
Thank you for the PR! I’ve gone ahead and merged it and updated the settings description on the OP.
---
### Author:  [@davidkingham](https://meta.discourse.org/u/davidkingham)
#### Post date: [May 2, 2026, 12:46am UTC](https://meta.discourse.org/t/created-topic-sort/321521/20 "2026-05-02T00:46:38Z")
Is it possible to have this work in a tag view? Currently when you view a tag the created menu option goes away. Thanks!
---
### Author:  [@Alteras](https://meta.discourse.org/u/Alteras)
#### Post date: [May 5, 2026, 11:53pm UTC](https://meta.discourse.org/t/created-topic-sort/321521/21 "2026-05-05T23:53:17Z")
Updated! Settings `tags_to_display_nav_bar_item` and `tags_to_display_created_column` have been added.
[https://github.com/Alteras1/discourse-created-topic-sort/commit/3eeec4ef68ae83d5789afd4bf501fc8329a9db22](https://github.com/Alteras1/discourse-created-topic-sort/commit/3eeec4ef68ae83d5789afd4bf501fc8329a9db22)
[Next page](https://meta.discourse.org/t/created-topic-sort/321521.md?page=2)