# Discourse Sidebar Blocks

**URL:** https://meta.discourse.org/t/discourse-sidebar-blocks/51457
**Category:** Plugin
**Tags:** deprecated
**Created:** [10월 12, 2016, 4:13오후 UTC](https://meta.discourse.org/t/discourse-sidebar-blocks/51457 "2016-10-12T16:13:50Z")
**Posts on this page:** 20
**Page:** 4

<div class="post-metadata">

### Author: ![trangchongcheng](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/trangchongcheng/32/120005_2.png) [@trangchongcheng](https://meta.discourse.org/u/trangchongcheng)
#### Post date: [4월 10, 2018, 2:48오후 UTC](https://meta.discourse.org/t/discourse-sidebar-blocks/51457/61 "2018-04-10T14:48:24Z")

</div>

![17](https://global.discourse-cdn.com/meta/original/3X/9/e/9e08a9d2b4b4665aa18ba7d361bb60bb77ee80bc.png)

Layout error with category box style

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [4월 10, 2018, 4:51오후 UTC](https://meta.discourse.org/t/discourse-sidebar-blocks/51457/62 "2018-04-10T16:51:32Z")

</div>

Are you sure this is related to the sidebar blocks plugin? I don’t see the plugin in your screenshot, maybe a larger screenshot might help. Or a URL to the page.

---

<div class="post-metadata">

### Author: ![trangchongcheng](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/trangchongcheng/32/120005_2.png) [@trangchongcheng](https://meta.discourse.org/u/trangchongcheng)
#### Post date: [4월 11, 2018, 12:40오전 UTC](https://meta.discourse.org/t/discourse-sidebar-blocks/51457/63 "2018-04-11T00:40:35Z")

</div>

Here…

 ![50](https://global.discourse-cdn.com/meta/original/3X/9/e/9e5d39d92390442a3e30a456b59482d35ced1591.png)

Can you see here [https://xeom.info/c/xe-om-cong-nghe](https://xeom.info/c/xe-om-cong-nghe)

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [4월 11, 2018, 1:07오전 UTC](https://meta.discourse.org/t/discourse-sidebar-blocks/51457/64 "2018-04-11T01:07:32Z")

</div>

Yeah, I see the issue better now. So, the plugin doesn’t really cause any problems directly, but the problem arises from the narrow main container area, and the fact that the logos in that group have a set height, and no `max-width`. Some logos (Uber, [T.net](http://T.net)) are too wide.

You can fix this by changing the height of these logos with css:

```plaintext
.category-boxes .category-box .logo {
    height: 25px;
}

```

---

<div class="post-metadata">

### Author: ![trangchongcheng](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/trangchongcheng/32/120005_2.png) [@trangchongcheng](https://meta.discourse.org/u/trangchongcheng)
#### Post date: [4월 11, 2018, 1:16오전 UTC](https://meta.discourse.org/t/discourse-sidebar-blocks/51457/65 "2018-04-11T01:16:24Z")

</div>

> [@pmusaraj](#):
>
> .category-boxes .category-box .logo {  
> height: 25px;  
> }

Yes, thank so much…i have a question.  
I want input code Google adsense into **sidebar custom content** , but it not display.  
How can do it?  
Thank again :\*

---

<div class="post-metadata">

### Author: ![SpaceMonkey](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/spacemonkey/32/98889_2.png) [@SpaceMonkey](https://meta.discourse.org/u/SpaceMonkey)
#### Post date: [6월 23, 2018, 1:41오전 UTC](https://meta.discourse.org/t/discourse-sidebar-blocks/51457/66 "2018-06-23T01:41:30Z")

</div>

As is mentioned here. This plugin does not work with mobile. However, it still reserves that margin on mobile. Is there a way to disable it for mobile completely

[www.alt-manac.com](http://www.alt-manac.com)

?

 ![Screenshot_2018-06-22-20-39-09](https://global.discourse-cdn.com/meta/original/3X/4/a/4ae191b26d85c900682a46980d4e4d0800131d19.png)

---

<div class="post-metadata">

### Author: ![Stranik](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stranik/32/85638_2.png) [@Stranik](https://meta.discourse.org/u/Stranik)
#### Post date: [6월 23, 2018, 5:02오전 UTC](https://meta.discourse.org/t/discourse-sidebar-blocks/51457/67 "2018-06-23T05:02:00Z")

</div>

1. Remove the second option css in your topic.

 ![1](https://global.discourse-cdn.com/meta/original/3X/6/d/6d0468fcfae3c13091470749b43c2f56d9faf84a.gif)

1. Add the following code to the design theme (css) or sidebar.scss:

```plaintext
html.mobile-view {
     .sidebar {display: none;}
}

```

Try to select css to the next two lines. You can do absolutely anything you want.

![2](https://global.discourse-cdn.com/meta/original/3X/0/b/0b446432407d36f7bbfdf025083bc148b0b5ebbc.gif)

---

<div class="post-metadata">

### Author: ![SpaceMonkey](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/spacemonkey/32/98889_2.png) [@SpaceMonkey](https://meta.discourse.org/u/SpaceMonkey)
#### Post date: [6월 29, 2018, 5:16오후 UTC](https://meta.discourse.org/t/discourse-sidebar-blocks/51457/68 "2018-06-29T17:16:13Z")

</div>

Perfect man, thank you

---

<div class="post-metadata">

### Author: ![Apecengo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/apecengo/32/3945_2.png) [@Apecengo](https://meta.discourse.org/u/Apecengo)
#### Post date: [7월 22, 2018, 10:38오전 UTC](https://meta.discourse.org/t/discourse-sidebar-blocks/51457/69 "2018-07-22T10:38:02Z")

</div>

A collapse button of some sort would be a wonderful addition to this plugin!

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [7월 23, 2018, 2:16오후 UTC](https://meta.discourse.org/t/discourse-sidebar-blocks/51457/70 "2018-07-23T14:16:43Z")

</div>

That’s interesting. Do you mean a button to collapse the whole sidebar, or a button to collapse each block in the sidebar?

---

<div class="post-metadata">

### Author: ![Apecengo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/apecengo/32/3945_2.png) [@Apecengo](https://meta.discourse.org/u/Apecengo)
#### Post date: [7월 25, 2018, 7:20오후 UTC](https://meta.discourse.org/t/discourse-sidebar-blocks/51457/71 "2018-07-25T19:20:22Z")

</div>

I meant a button to collapse the whole sidebar (a small icon like an arrow could work), since collapsing each block individually does not grant any additional space

---

<div class="post-metadata">

### Author: ![nexo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nexo/32/106384_2.png) [@nexo](https://meta.discourse.org/u/nexo)
#### Post date: [8월 13, 2018, 8:55오후 UTC](https://meta.discourse.org/t/discourse-sidebar-blocks/51457/72 "2018-08-13T20:55:06Z")

</div>

1. There’s an issue where new topics created don’t show up in the latest posts/replies plugin.

2. Also, for some reason people see only **2** latest topics. This started to happen just today. Please fix 🙂

 ![image](https://global.discourse-cdn.com/meta/original/3X/5/7/574d37b455d7e86c5abd25ea8035859ee3192ddb.png)

---

<div class="post-metadata">

### Author: ![torstensson](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/torstensson/32/83638_2.png) [@torstensson](https://meta.discourse.org/u/torstensson)
#### Post date: [12월 26, 2018, 10:51오전 UTC](https://meta.discourse.org/t/discourse-sidebar-blocks/51457/73 "2018-12-26T10:51:18Z")

</div>

Awesome plugin, much appreciated!

Really like how it is put to use at [peshkupauje.com](https://peshkupauje.com) and have two questions on how it is configured there:

1. **Multiple columns** - How do you achieve multiple columns for sidebar blocks?
2. **Topics previews** - How do you render topic previews in a sidebar block?

Also, would it be possible to render the topic author on the listed topics in a sidebar block?

 ![sidebar_blocks](https://global.discourse-cdn.com/meta/original/3X/a/a/aa89d285b8372d69fc66e1746540cd50747c54de.jpeg)

---

<div class="post-metadata">

### Author: ![torstensson](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/torstensson/32/83638_2.png) [@torstensson](https://meta.discourse.org/u/torstensson)
#### Post date: [12월 27, 2018, 7:13오전 UTC](https://meta.discourse.org/t/discourse-sidebar-blocks/51457/74 "2018-12-27T07:13:56Z")

</div>

Additionally, it seems you don’t get the header/category name when adding sub-category slugs, i.e. category-name/sub-category-name to the sidebar. The posts render seemingly correct, but the title is empty.

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [12월 28, 2018, 4:44오후 UTC](https://meta.discourse.org/t/discourse-sidebar-blocks/51457/75 "2018-12-28T16:44:15Z")

</div>

I did this a while ago, and it’s in a branch of the repository at `https://github.com/pmusaraj/discourse-sidebar-blocks/tree/two-columns`

That branch does both the two-column layout and adds a widget with thumbnails. See this [widget](https://github.com/pmusaraj/discourse-sidebar-blocks/blob/two-columns/assets/javascripts/discourse/widgets/sidebar-post-item-thumbnail.js.es6) for the thumbnails.

For the subcategories, you are likely right, this hasn’t been tested with subcategories.

---

<div class="post-metadata">

### Author: ![saggel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/saggel/32/120386_2.png) [@saggel](https://meta.discourse.org/u/saggel)
#### Post date: [1월 27, 2019, 11:48오전 UTC](https://meta.discourse.org/t/discourse-sidebar-blocks/51457/76 "2019-01-27T11:48:16Z")

</div>

Thank you for your work - is there a way to display latest post from a wordpress blog on the sidebar?

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [1월 28, 2019, 6:56오후 UTC](https://meta.discourse.org/t/discourse-sidebar-blocks/51457/77 "2019-01-28T18:56:45Z")

</div>

Not that I know of, no.

---

<div class="post-metadata">

### Author: ![saggel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/saggel/32/120386_2.png) [@saggel](https://meta.discourse.org/u/saggel)
#### Post date: [1월 30, 2019, 7:10오전 UTC](https://meta.discourse.org/t/discourse-sidebar-blocks/51457/78 "2019-01-30T07:10:56Z")

</div>

Thank you! Also I’ve noticed a “bug”:

When I set a “thin” banner (say 120x600px), the width of the sidebar doesn’t adjust and there’s a lot of wide space around the banner

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [1월 30, 2019, 4:50오후 UTC](https://meta.discourse.org/t/discourse-sidebar-blocks/51457/79 "2019-01-30T16:50:46Z")

</div>

That’s normal. The sidebar’s width is set as a percentage, so you might have to play with the SCSS values in a theme component to get your desired width. [This is the SCSS file](https://github.com/pmusaraj/discourse-sidebar-blocks/blob/master/assets/stylesheets/sidebar.scss) you would need to override.

---

<div class="post-metadata">

### Author: ![nexo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nexo/32/106384_2.png) [@nexo](https://meta.discourse.org/u/nexo)
#### Post date: [7월 13, 2019, 6:30오후 UTC](https://meta.discourse.org/t/discourse-sidebar-blocks/51457/80 "2019-07-13T18:30:18Z")

</div>

I’m currently using @awesomerobot’s [Topic list sidebar](https://meta.discourse.org/t/topic-list-sidebar-navigation/94056) while I’m trying to use your sidebar plugin. I’m doing this because the theme places a sidebar on the left-side and your plugin places a sidebar on the _right_-side. However, this is what occurs when both of them are active:

> **[Gyazo Screen Video](https://gyazo.com/57fe3187b66f98e3981e21b2ec802d33)**
>
> Gyazo is the easiest way to record screenshots & videos you can share instantly. Save time with async visual communication that's effortless and engaging.

Your plugin sidebar doesn’t appear on the right-side, instead then appears underneath in the same column as the Kris’ sidebar. Can anything be done about this (with code or something)?  
My website is [quemuse.com](http://quemuse.com) - any help is appreciated!

[이전 페이지](https://meta.discourse.org/t/discourse-sidebar-blocks/51457.md?page=3)

[다음 페이지](https://meta.discourse.org/t/discourse-sidebar-blocks/51457.md?page=5)
