Sign Up! Login: Password: New User? Forgot? Support
Code 
 
 
Forums 
Forums : Shout > Make Your Shoutbox Scrollable
Mottie (SuperAdmin) 2/22/2010 6:18 PM EST : Make Your Shoutbox Scrollable
ACK!
Mottie
Posts: 3883

0
Like

0
Dislike

Make Your Shoutbox Scrollable

GuildPortal admin site link to original post

UPDATE: Because of the new shout box layout, I have made the shout box image script do this for you now. Mostly because of the wrapper around the shout box has a variable ID.

If you don't plan on using the shout box image script, I've updated the CSS below to make it work, but it's up to you to make figure out the ID of the wrapper (it's relatively easy to do if you have Firefox with the Firebug addon installed).


You can make the shout box scrollable, but I don't know how to access the shout history. It does appear you can include the last 20 shouts, so you could shrink the shout box and scroll through what's available by adding this CSS to your Additional CSS tab (adjust the height in red to whatever you want).

Code

Add the following CSS to you Custom CSS section. If you are using the Full custom CSS, add these to the end otherwise add it to the "CSS Additions to Standard" tab (make sure you enable it).
Scrollable shout box CSS
/* The  #ctl00_ContentPlaceHolder1_ctl10_xmlShouts has variables after "ctl" that may change with each site & page */
.gpWidget-shout #ctl00_ContentPlaceHolder1_ctl10_xmlShouts {
 height: 100px;
 overflow-y: auto;
}
Shout box date and time styling
.gpWidget-shout .SmallDisplay {
 color: #555555;
 font-size: 10px;
}
Updated 10/30/2010: Changed shout box CSS to work with the new layout.
Characters: Mottie Motty Mortie Ooshiny Mot Fudgems
TopBottom

Hwitzer (Applicant) 5/17/2010 9:58 AM EST : RE: Make Your Shoutbox Scrollable
Hwitzer
Posts: 597

0
Like

0
Dislike

Mottie,

Forgive me for being such a newb, but how to you add the script to the widget? I hit display options but it doesnt give me the access to script or changing the size of the window......
TopBottom

Mottie (SuperAdmin) 5/17/2010 7:54 PM EST : RE: Make Your Shoutbox Scrollable
ACK!
Mottie
Posts: 3883

0
Like

0
Dislike

Hi Hwitzer!

Sorry, I should have been more specific, add the CSS above to your custom CSS.
  • Go to Control Panel > Custom HTML & Script > Custom CSS > CSS Additions to Standard tab.
  • Copy the code (Ctrl-C) from the post
  • Paste it (Ctrl-V) into the CSS Additions tab
  • Check the "Enabled?" box
  • [ Save Changes ]
That should cover it, if you need more help, please feel free to ask more questions 
Characters: Mottie Motty Mortie Ooshiny Mot Fudgems
TopBottom

Merenwench (Member) 11/2/2010 5:39 PM EST : RE: Make Your Shoutbox Scrollable
Merenwench
Posts: 2772

0
Like

0
Dislike

This was working great but this morning it stopped. Just a temporary glitch or...? thwak


TopBottom

Mottie (SuperAdmin) 11/2/2010 7:20 PM EST : RE: Make Your Shoutbox Scrollable
ACK!
Mottie
Posts: 3883

0
Like

0
Dislike

Hi Merenwench,

This should still work, unless the _xmlShouts ID changed with the most recent layout change, so that would be up to you to get the number (using Firefox and Firebug).
Characters: Mottie Motty Mortie Ooshiny Mot Fudgems
TopBottom

 
 
Key 
New posts No new posts
New posts ( popular ) No new posts ( popular )
New posts ( sticky ) No new posts ( sticky )
New posts ( locked ) No new posts ( locked )
 
 
Who's Online 
There are   members online.
 
 
So-and-so has logged on!
%title%
%message%