Welcome, Guest
Please Login or Register.  Lost Password?

How to Make the Popup Window Larger
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: How to Make the Popup Window Larger
#576
How to Make the Popup Window Larger 2 Years, 2 Months ago Karma: 1
You can increase the size of the live chat popup window by editing the javascript file located at:

/components/com_livechat/js/livechat_v3.js

and changing the lines that look like this in the requestLiveChat(popupUri) function:

Code:


    var w = 480, h = 340;

    if(screen.availWidth && screen.availHeight) {
        w = screen.availWidth;
        h = screen.availHeight;
    }
    
    var popW = 480;
    var popH = 400;

    if(window.webkit) {
        // Safari popup window should be about 10px more
        popW = 490;
        popH = 410;
    }



Increase the popW and popH variable to your desired new size.

You should also modify the CSS file at:

/components/com_livechat/css/popup_v3.css

and modify the div#entire-wrapper property which looks like this:

Code:


div#entire-wrapper {
    background: url(../images/backgrounds/popup_bg.jpg) no-repeat left top;
    width: 480px;
    height: 400px;
    display: block;
    color: white;
}



Changing the width property and height property to your new desired popup window size.


Please note that the javascript file is set to load from CMS Fruit's servers by default, so if you make some modifications, you should change the "Load media from" setting to "My Own Webserver" from the livechat settings page located in your Joomla administrator (Components -> JLive! Chat -> Settings).
admin
Administrator
Posts: 650
graph
User Offline Click here to see the profile of this user
Location: California
The CMS Fruit Team
The administrator has disabled public write access.
 
Go to topPage: 1