GCBOS Widget for vb Suite Gold!

[min0taur]

I made this Widget Because I Want to Add Shout Box at the Main Page Side Bar of My Site.

THIS Instruction Assumes that You Already Installed the GCBOS Shout Box
Instructions:

Admin CP > Styles & Templates > Style Manager > YOUR TEMPLATE > Add New Template

https://vborg.vbsupport.ru/external/2009/12/16.jpg

<div class="cms_widget"><div class="block"><div class="cms_widget_header"><h3>ShoutBox</h3></div><div class="cms_widget_content"><!-- GCBOS --><div class="forumrowdata"><p class="subforumdescription" id="gcbos_notice"></p></div></div><ol id="c_gcbos" class="childforum"><li id="gcbos3" class="forumbit_post L2"><div class="forumrow table"><div id="gcbos_console" style="height: 400px; overflow: auto;width:100%">Loading...</div><vb:if condition="$show['member']"><input type="text" id="gcbos_input" style="width: 92%; height: 19px; margin: 1px;float:left;" autocomplete="off" /><button type="button" onclick="gcbos.sendInput();" style="width: 0%; height: 0px; margin: 0px; float: right;"></button><vb:else /><center>You Need to <a href="register.php">Register</a> to be Able Shout</center></vb:if><script type="text/javascript">
gcbos = new gcbos_engine();
YAHOO.util.Event.onDOMReady(gcbos.init, gcbos, gcbos);
</script><!-- /GCBOS --></div></div></div>

then Go to Admin CP > vBulletin CMS > Widgets > Create New Widget

https://vborg.vbsupport.ru/external/2009/12/17.jpg


https://vborg.vbsupport.ru/external/2009/12/18.jpg

Click Save Add The Widget to Your Layout....

Live Screenshot:
https://vborg.vbsupport.ru/external/2009/12/19.jpg

You Can Improve this Tool If you Want :)

[chriske]

very nice, will check it out!

[vulture]

Nice. How did you customise it to get the register link?

Edit: figured it out

[abroad]

How can I change this sentence in the ShoutBox: "You Need to Register to be Able Shout"

[desi-boy]

How can I change this sentence in the ShoutBox: "You Need to Register to be Able Shout"
replace <h3>ShoutBox</h3> in ( first line ) as <h3>you Need to Register to be Able Shout</h3>

[dale09]

tagged for later use, very nice

[abroad]

replace <h3>ShoutBox</h3> in ( first line ) as <h3>you Need to Register to be Able Shout</h3>

no I mean the sentence itself. "Able" should be "able".

[min0taur]

no I mean the sentence itself. "Able" should be "able".

Find
You Need to <a href="register.php">Register</a> to be Able Shout

Then Replace it with whatever you want. :D

[Bouncer222]

Doesn't show up www.brotherhoodofgamers.com middle right homepage.

[fahl]

This is great,Any way of using it as Forum Sidebar widget??

[osariase]

Newbie here! please give me a complete instruction on how to accomplish this. thank you

[N75]

This is great,Any way of using it as Forum Sidebar widget??

This would be perfect - I'll mark as installed so I remember to check back - pleeeeease write some code to load this as a forum sidebar block? Thanks :)

[jaffaman]

I have installed on our test site will put on our live site when ready to go live :)

Up date

I have put it on a live site as a top center widget and it looks good i did have to edit the template again to put the submit button in :)

I have attached a screen shot to show that is works ok as a top widget.

[min0taur]

This would be perfect - I'll mark as installed so I remember to check back - pleeeeease write some code to load this as a forum sidebar block? Thanks :)

Simply add forum block Check this screenshot:
https://vborg.vbsupport.ru/external/2010/01/11.png

[SLY LS1]

Simply add forum block Check this screenshot:
https://vborg.vbsupport.ru/external/2010/01/11.png


But it needs to be JS like the widget.. not html or plain text etc

[SLY LS1]

I have installed on our test site will put on our live site when ready to go live :)

Up date

I have put it on a live site as a top center widget and it looks good i did have to edit the template again to put the submit button in :)

I have attached a screen shot to show that is works ok as a top widget.



Can you please tell us the template edit to add the submit button

[jaffaman]

I am not a coder and i was just changing the sizes as i noticed a little clickable dot.

Heres the code i am useing and it works for me :) but as i said i am no coder so it might be wrong.
The just done the edit in the template mobnpc_shout i just changed the width and height a bit and had a play about to see what looked good.

<div class="cms_widget"><div class="block"><div class="cms_widget_header"><h3>ShoutBox</h3></div><div class="cms_widget_content"><!-- GCBOS --><div class="forumrowdata"><p class="subforumdescription" id="gcbos_notice"></p></div></div><ol id="c_gcbos" class="childforum"><li id="gcbos3" class="forumbit_post L2"><div class="forumrow table"><div id="gcbos_console" style="height: 130px; overflow: auto;width:100%">Loading...</div><vb:if condition="$show['member']"><input type="text" id="gcbos_input" style="width: 90%; height: 19px; margin: 1px;float:left;" autocomplete="off" /><button type="button" onclick="gcbos.sendInput();" style="width: 9%; height: 22px; margin: 0px; float: right;">Submit!</button><vb:else /><center>You Need to <a href="register.php">Register</a> to be able Shout</center></vb:if><script type="text/javascript">
gcbos = new gcbos_engine();
YAHOO.util.Event.onDOMReady(gcbos.init, gcbos, gcbos);
</script><!-- /GCBOS --></div></div></div>

[SLY LS1]

I am not a coder and i was just changing the sizes as i noticed a little clickable dot.

Heres the code i am useing and it works for me :) but as i said i am no coder so it might be wrong.
The just done the edit in the template mobnpc_shout i just changed the width and height a bit and had a play about to see what looked good.

<div class="cms_widget"><div class="block"><div class="cms_widget_header"><h3>ShoutBox</h3></div><div class="cms_widget_content"><!-- GCBOS --><div class="forumrowdata"><p class="subforumdescription" id="gcbos_notice"></p></div></div><ol id="c_gcbos" class="childforum"><li id="gcbos3" class="forumbit_post L2"><div class="forumrow table"><div id="gcbos_console" style="height: 130px; overflow: auto;width:100%">Loading...</div><vb:if condition="$show['member']"><input type="text" id="gcbos_input" style="width: 90%; height: 19px; margin: 1px;float:left;" autocomplete="off" /><button type="button" onclick="gcbos.sendInput();" style="width: 9%; height: 22px; margin: 0px; float: right;">Submit!</button><vb:else /><center>You Need to <a href="register.php">Register</a> to be able Shout</center></vb:if><script type="text/javascript">
gcbos = new gcbos_engine();
YAHOO.util.Event.onDOMReady(gcbos.init, gcbos, gcbos);
</script><!-- /GCBOS --></div></div></div>


Perfect

Its also funny, you had made yours the same height i had mad mine 130px.. :up:

Cheers
Wayne

[jaffaman]

I hope it worked ok for you m8 :)

[min0taur]

But it needs to be JS like the widget.. not html or plain text etc
No It Ignores that and only use the template :) I tested it and works

[SLY LS1]

No It Ignores that and only use the template :) I tested it and works


So what do you run it as, PHP, HTML or Text ?

[cory_booth]

I modified the above code a bit to prevent the chat from attempting to load if the user is a guest.

<vb:if condition="$bbuserinfo['userid']">
<div class="cms_widget"><div class="block"><div class="cms_widget_header"><h3>Shout Box</h3></div><div class="cms_widget_content"><!-- GCBOS --><div class="forumrowdata"><p class="subforumdescription" id="gcbos_notice"></p></div></div><ol id="c_gcbos" class="childforum"><li id="gcbos3" class="forumbit_post L2"><div class="forumrow table"><div id="gcbos_console" style="height: 130px; overflow: auto;width:100%">Loading...</div><vb:if condition="$show['member']"><input type="text" id="gcbos_input" style="width: 90%; height: 19px; margin: 1px;float:left;" autocomplete="off" /><button type="button" onclick="gcbos.sendInput();" style="width: 9%; height: 22px; margin: 0px; float: right;">Submit!</button><vb:else /><center>You Need to <a href="register.php">Register</a> to be able Shout</center></vb:if><script type="text/javascript">
gcbos = new gcbos_engine();
YAHOO.util.Event.onDOMReady(gcbos.init, gcbos, gcbos);
</script><!-- /GCBOS --></div></div></div>
<vb:else />
<div class="cms_widget"><div class="block"><div class="cms_widget_header"><h3>Shout Box</h3></div><div class="cms_widget_content">
<center>You Need to <a href="login.php">login</a> to be able Shout</center>
</div></div></div>
</vb:if>

[J105C]

Simply add forum block Check this screenshot:
https://vborg.vbsupport.ru/external/2010/01/11.png
Nothing is showing up on my sidebar when I do this! Any idea why?

[J105C]

Another question, how many shouts before it prunes? I dont want a massive DB because of this shoutbox!

[redhawk89]

are there any complete instructions as to how to install this f4rom the ground up?

What about as the sidebar mentioned earlier?

[ahmedipa]

so good brother I will test .

[x626xblack]

Thanks! Works great on my site

[vortodox]

One image can't be seen, so I don't know how to finish instalation :S

[boonta]

I've got it working on the main forum part of the site, any idea on how to get it on the SHOWTHREAD and on the rest of a site? like a persistant shoutbox? Looks great so far :)

[abroad]

is it possible to switch off the automatic writing of the activities of members?

[basilrath]

All good in the sidebar - forum home page .................. centered input and submit text etc

http://www.tabletennistalk.co.uk/forum/forum.php

[sKippah]

Installed and runs like a charm...
One lil error in the CMS Widget... at the end its just blue, but should be shadowed. Im not a coder and need some help with that.

See attachment red bordered part

[x626xblack]

This widget will disable the SEM "Switch Editor Mode" button in the CMS when posting articles.

[kfrosty]

<a href="http://www.wickcommunity.com" target="_blank">http://www.wickcommunity.com</a>

The widget fails with a javascript error, gcos_engine() not defined.

Running on IIS 7.5, PHP 5.3.2

The Shoutbox in the forum section is working.

Any ideas?

[edfig]

I have the shoutbox working in the forum nicely... but the Widget doesnt seem to be working.

Only part of the SUBMIT button shows and the text area shows "Loading..." it's just a dead shell right now. Hmmm Can anyone help?

it's like the widget isnt connecting with the mod...?

[Tukiisan]

Some how the widget is not working on VB Suite 4.0.4

[AddwireCom]

I cant get this to work at all. Any Suggestions? www.clanhqk.com on the right side is my chatbox. Doesnt work, just says loading...