The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Popout Chatbox?

View previous topic View next topic Go down

Solved Popout Chatbox?

Post by Krysys on February 20th 2014, 5:38 pm

I know it is possible to have it so the Chatbox is a popout, but everything I have tried isn't working. I am trying the AvacWeb Chat, but nothing happens. I am using phpBB3 I believe, if that helps

Krysys
New Member

Posts : 7
Reputation : 1
Language : English

http://dbiwc.omgforum.net

Back to top Go down

Solved Re: Popout Chatbox?

Post by vaccam on February 20th 2014, 6:38 pm

@Krysys wrote:I know it is possible to have it so the Chatbox is a popout, but everything I have tried isn't working. I am trying the AvacWeb Chat, but nothing happens. I am using phpBB3 I believe, if that helps

Provide us with a screenshot of both ACP and the forum itself.

vaccam
Forumember

Posts : 371
Reputation : 14
Language : Norwegian
Location : Norway

http://www.revengelesspk.com/

Back to top Go down

Solved Re: Popout Chatbox?

Post by Base on February 20th 2014, 6:42 pm

@vaccam: What does a screenshot of the ACP have anything to do with this...? :/

As for the question at hand, have you asked for support at AvacWeb?

Base
Forumaster

Male Posts : 10386
Reputation : 1687
Language : English and French
Location : United Kingdom, England

http://forumotionhub.net

Back to top Go down

Solved Re: Popout Chatbox?

Post by vaccam on February 20th 2014, 6:43 pm

@Base wrote:@vaccam: What does a screenshot of the ACP have anything to do with this...? :/

As for the question at hand, have you asked for support at AvacWeb?

I didnt noticed that it was suppose to be a popout, sorry. Though it was a regular chatbox..

vaccam
Forumember

Posts : 371
Reputation : 14
Language : Norwegian
Location : Norway

http://www.revengelesspk.com/

Back to top Go down

Solved Re: Popout Chatbox?

Post by Ange Tuteur on February 20th 2014, 6:46 pm

Hello Krysys,

You can try the following.

Add this to your stylesheet :
Administration panel > Display > Colors > CSS stylesheet
Code:
/*Chatbox*/
  #chatButton{
  box-shadow:0px 10px 6px rgba(255,255,255, 0.2) inset, 0px -10px 6px rgba(0,0,0, 0.2) inset;
  padding:10px 20px 10px 20px;
  background-color:#257;
  border:1px solid #146;
  font-weight:bold;
  font-size:10px;
  z-index:999;
  color:#fff;
  }
  #chatButton:hover{
  cursor:pointer;
  color:#ff8;
  background-color:#368;
  }
  #chatBox iframe{
  z-index:999;
  border:none;
  height:50%;
  width:65%;
  }

Then create a new script :
Administration panel > Modules > java script codes management > create a new script

Title : your choice
Placement : all the pages
Code:
$(document).ready(function(){
  $('body').append('<span id="chatButton" title="Open/Close Chatbox">Open Chat</span><div id="chatBox"><iframe src="/chatbox/index.forum"></iframe></div>');
  $('#chatBox').hide();
  $('#chatButton').css('position', 'fixed').css('right', '0px').css('bottom', '0px');
  $('#chatBox iframe').css('position', 'fixed').css('right', '10px').css('bottom', '45px');
  if(!document.getElementById('logout')){
  $('#chatButton').hide();
  $('#chatBox').hide();
  }
  $('#chatButton').click(function(){
  $('#chatBox').fadeToggle();
  });
});

Also make sure the chat is activate :
Modules > Chatbox > Configuration

Activate the chatbox : yes

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Popout Chatbox?

Post by Krysys on February 20th 2014, 10:44 pm

Thank you ange, that worked perfectly

Krysys
New Member

Posts : 7
Reputation : 1
Language : English

http://dbiwc.omgforum.net

Back to top Go down

Solved Re: Popout Chatbox?

Post by Ange Tuteur on February 21st 2014, 5:19 am

You're welcome Smile

Topic solved and archived

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum