[nodebb-plugin-shoutbox] Shoutbox plugin

[humanmadeaccount]

How can I expand the height of shoutbox on www.example.com/shoutbox to fit in the whole page? thanks in advance.

[a_5mith]

@humanmadeaccount

You can use a CSS3 feature called vh. It's supported in pretty much everything except Opera Mini & Android Browser at the minute.

Put this in your custom CSS:

#shoutbox-content, #shoutbox-archive-content {
height: 70vh;
overflow-y: scroll;
}

Adjust the 70vh until you're happy with it's positioning. It will look the same on all screen sizes. vh is a % of the view height. Which is the height of the users browser.

For me, using 50vh removes the scrollbar on the page, and makes it full height including the "who's online" underneath.

[humanmadeaccount]

+1

works like charm. thank you so much. @a_5mith

[a_5mith]

@humanmadeaccount said:

+1

works like charm. thank you so much. @a_5mith

No problem, there's a few issues outstanding on things like iOS7 or IE9, you can read about them here

[chas]

For me, shoutbox doesn't work on any other page other than the Home Page.

[Schamper]

@chas Shoutbox version + NodeBB version?

[chas]

@Schamper NodeBB v0.5.2. Shoutbox 0.1.0

[Schamper]

@chas try
npm install nodebb-plugin-shoutbox@beta

[chas]

Thanks @Schamper that fixed it, but now

user Gravatars are too big in the shoutbox http://tilg.in/2410_05_12.png

on page refresh, scrollbar goes to top (not the latest post) http://tilg.in/2410_25_11.png

[Schamper]

@chas Clear cache.

[chas]

@Schamper Cheers, fixed it

[Xiph]

When people post images in the shoutbox, it scrolls to the bottom before the images have been loaded, so when they have the shoutbox is scrolled somewhere halfway.
Or has this been fixed in master already?

[Schamper]

@Xiph No, and I currently don't have a fix for this.

[Shaun]

http://stackoverflow.com/questions/280049/javascript-callback-for-knowing-when-an-image-is-loaded could be of some use to you.

The .complete callback looks like what I'd try for your situation.

[Schamper]

@Shaun checking if every shout contains an image isn't really the optimal solution though does look like it's the only solution for now.

[Shaun]

@Schamper It's definitely going to add some client-side load. I think you might be able to put the check on each image and then put it on a toggled timer to re-fire the scroll, so you don't end up re-scrolling the shoutbox 20 times. I can't really think of another way to accomplish it.

[Schamper]

@Shaun What about stuff like Youtube embeds though, same problem.

[Shaun]

I think you could do something similar with those, but I'm not sure it would be something with full browser support (like putting an onload in the embed elements).

[tedr56]

Hey @Schamper , is there a (pre)release planned for NodeBB 0.6.0?
I'm missing it since I can't go back to 0.5.x.

[Schamper]

@tedr56 I'll try to get some work done next week. It'll only be 0.6.0 compatibility so no new features.