# Scrollable Post Content

**URL:** https://meta.discourse.org/t/scrollable-post-content/112479
**Category:** Theme component
**Tags:** official, scrollable-post-content
**Created:** [March 25, 2019, 6:53am UTC](https://meta.discourse.org/t/scrollable-post-content/112479 "2019-03-25T06:53:20Z")
**Posts on this page:** 9
**Page:** 1

<div class="post-metadata">

### Author: ![Discourse](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/discourse/32/148734_2.png) [@Discourse](https://meta.discourse.org/u/Discourse)
#### Post date: [March 25, 2019, 6:53am UTC](https://meta.discourse.org/t/scrollable-post-content/112479/1 "2019-03-25T06:53:20Z")

</div>

| | | |
| --- | --- | --- |
| :discourse2: | **Summary** | **Scrollable Post Content** will allow you to add scrollable sections in posts with one click! |
| 👓 | **Preview** | [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/scrollable-post-content) |
| 🛠 | **Repository Link** | [https://github.com/discourse/Scrollable-post-content](https://github.com/discourse/Scrollable-post-content) |
| 📖 | **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

> [@](#):
>
> :discourse2: As this is an #official theme component maintained by the Discourse team, #Support, #Contribute > Bug, #Contribute > UX, and #Contribute > Feature requests can be made in the respective categories here on Meta, and tagged with the appropriate theme component tag. Click on a link below to get one started. 👍
> 
> [❓&nbsp; **Support**](https://meta.discourse.org/new-topic?category_id=6&tags=scrollable-post-content "Ask for support on configuring and using Scrollable Post Content") [🐛&nbsp; **Bug**](https://meta.discourse.org/new-topic?category_id=1&tags=scrollable-post-content "A bug report means something is broken, preventing normal/typical use of the theme component") [👀&nbsp; **UX**](https://meta.discourse.org/new-topic?category_id=9&tags=scrollable-post-content "Discussion about the user interface of Scrollable Post Content, and how features are presented (including language and UI elements)") [💡&nbsp; **Feature**](https://meta.discourse.org/new-topic?category_id=2&tags=scrollable-post-content "Discussion about how existing Scrollable Post Content features can be improved or enhanced, and how proposed new features could work")

### Features

Desktop

 ![scrollable1](https://global.discourse-cdn.com/meta/original/3X/a/1/a1245bd8932275da92c908636dd01c42914168dc.png)

Mobile

 ![org_t_scrollable-post-content_1126_preview_theme_id%3D1995_mobile_view%3D1(Nexus%206P)](https://global.discourse-cdn.com/meta/original/3X/4/5/45053d71abc2ddda9c33c08e8cdf08ac4af61cfe.png)

Composer button

 ![scrollable2](https://global.discourse-cdn.com/meta/original/3X/0/d/0d37d0109b230a73a1d947a295c19e752f4121bc.png)

### How do I use it?

There are two ways to add scrollable content.

1. highlight the content you want to target, then click the button in the composer.
2. click the composer button and start typing / paste content.

### Settings

| Name | Description |
| --- | --- |
| scrollable content height | Set the desired height for scollable content in pixles - e.g 300 - Units are not needed. |
| scrollable content button icon | Choose the icon for the scrollable content button in the composer |

This theme comes with two settings:

1. **Content height**

2. **Scrollable content button icon**

| Translation | Default |
| --- | --- |
| insert\_scrollable\_content | Insert scrollable content |

  

> :discourse2: **Hosted by us?** Theme components are available to use on our Standard, Business, and Enterprise plans.

> Last edited by @Moin 2024-12-08T23:42:05Z
> 
> > **Check document**
> >
> > Perform check on document:

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [April 17, 2024, 5:42pm UTC](https://meta.discourse.org/t/scrollable-post-content/112479/18 "2024-04-17T17:42:14Z")

</div>

Added the #broken tag (issue reported here [Topic toolbar popup menu does not show](https://meta.discourse.org/t/topic-toolbar-popup-menu-does-not-show/304342)).

The component requires some updates to work on the latest Discourse version.

EDIT: Also, it’s archived on GitHub

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [April 17, 2024, 9:09pm UTC](https://meta.discourse.org/t/scrollable-post-content/112479/22 "2024-04-17T21:09:52Z")

</div>

Ok I just un-archived it. 🙂

[https://github.com/discourse/Scrollable-post-content](https://github.com/discourse/Scrollable-post-content)

---

<div class="post-metadata">

### Author: ![pfaffman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pfaffman/32/120154_2.png) [@pfaffman](https://meta.discourse.org/u/pfaffman)
#### Post date: [April 17, 2024, 10:28pm UTC](https://meta.discourse.org/t/scrollable-post-content/112479/23 "2024-04-17T22:28:42Z")

</div>

But why? The last commit was five years ago. It can’t work, and it was probably archived for a reason.

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [April 17, 2024, 11:01pm UTC](https://meta.discourse.org/t/scrollable-post-content/112479/24 "2024-04-17T23:01:51Z")

</div>

I believe it was working until recently and had been archived possibly a little too prematurely as part of an overly enthusiastic clear-up back in 2021. I think it just hadn’t needed anything updating since. 🤷 (until now, at least).

But we’ll see, I suppose. 🙂

---

<div class="post-metadata">

### Author: ![pfaffman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pfaffman/32/120154_2.png) [@pfaffman](https://meta.discourse.org/u/pfaffman)
#### Post date: [April 18, 2024, 4:18pm UTC](https://meta.discourse.org/t/scrollable-post-content/112479/25 "2024-04-18T16:18:08Z")

</div>

Actually, the bigger problem, institutionally, is that someone archived it but left it marked as “official”. (But I’m not part of the institution, so I may be wrong!)

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [April 18, 2024, 4:25pm UTC](https://meta.discourse.org/t/scrollable-post-content/112479/26 "2024-04-18T16:25:18Z")

</div>

That was certainly part of the knot I was trying to untangle. 🙂 But if we can get it working again then it should all be peachy. 🙂 🤞

(And if not, I can retire it properly)

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [April 19, 2024, 6:31pm UTC](https://meta.discourse.org/t/scrollable-post-content/112479/27 "2024-04-19T18:31:44Z")

</div>

Here we go, I made a PR to fix the component: 👍

[https://github.com/discourse/Scrollable-post-content/pull/2](https://github.com/discourse/Scrollable-post-content/pull/2)

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [May 10, 2024, 1:57pm UTC](https://meta.discourse.org/t/scrollable-post-content/112479/28 "2024-05-10T13:57:35Z")

</div>

The PR has been merged.

I’ve removed #broken tag. 👍
