Adding Chatango to a sidebar

[RavenFlames]

ffguardiansv3.proboards.com/
On my site here I'm trying to add Chatango to the side instead of the CBox that is there now.
When I put the code into a side table, nothing shows up. Can anyone explain this and help me out?

[RavenFlames]

Not sure if this was already explained before but I'm still having trouble..

[Tumbleweed]

Does adding z-index help at all like I did in blue?

<div style="position: relative;z-index: 1;">

I went and grabbed a new a new copy of the chatango chat box and added it to my side bar and it shows up fine.


I see you have a chat box on the left that is working. Just clarify, do you have the chatango one in place now or did you remove it?

[RavenFlames]

No, that didn't help.. The side bar box shows up but the chat box isn't there. The one I'm using now is Cbox.. But Chatango has the auto refresh and everything which is what I was hoping for.

[Tumbleweed]

Jun 14, 2013 12:47:16 GMT -8 RavenFlames said:

No, that didn't help.. The side bar box shows up but the chat box isn't there. The one I'm using now is Cbox.. But Chatango has the auto refresh and everything which is what I was hoping for.

Well, that was a long shot. Do you actually have it in now and if you don't can you add it to one of your side tables and tell me which one so I can take a closer look.

Here it is working on my test site:

putteraround10.freeforums.net/

[RavenFlames]

It looks like that is only to chat with the person who created the chat box. That's the Chatango mini. I wanted the full Chatango boxes.
ffgv3.chatango.com/
That's the Chatango group I made already, just can't figure out how to embed it.
This is the code it gives me:

<script id="sid0010000032241547160">(function() {function async_load(){s.id="cid0010000032241547160";s.src='http://st.chatango.com/js/gz/emb.js';s.style.cssText="width:250px;height:360px;";s.async=true;s.text='{"handle":"ffgv3","styles":{"b":60,"f":50,"l":"999999","q":"999999","r":100,"s":1}}';var ss = document.getElementsByTagName('script');for (var i=0, l=ss.length; i < l; i++){if (ss[i].id=='sid0010000032241547160'){ss[i].id +='_';ss[i].parentNode.insertBefore(s, ss[i]);break;}}}var s=document.createElement('script');if (s.async==undefined){if (window.addEventListener) {addEventListener('load',async_load,false);}else if (window.attachEvent) {attachEvent('onload',async_load);}}else {async_load();}})();</script>

Edit: I added it to the Right Side Table.

[Tumbleweed]

I copied your above chatango code exactly how you have it and it work fine on both the left and right side of my side tables (still have it on my test site and will remove in a bit) and I'm using the the redux version Version 1.3.1 Release.

To rule out another plug-in that might be messing that particular chatango javascript code, try disabling all your plugins except the side table one. If it still isn't working, I'll have to let an expert take a look and may move this to support or the plug-in boards or you can go ahead and recreate this thread in support, if you choose since I may not get back to this right away.

So sorry, If I can't replicate the issue it is so hard to solve since I can only see a limited amount of things, unlike red name admin here, who can see everything. lol

If you do find it is another plug-in, try moving the side table plug in to be the first one running. You can just go to manage plugins and drag that to the top position.

[RavenFlames]

Okay the redux plug in supports chatango. I wasn't aware that there was another sidebar code haha.its working perfectly now! Thanks so much

[Tumbleweed]

I wasn't sure by looking at your coding so I just made sure I mentioned what I was using. Glad all is well now.