Making AVConference automatically adjust to the size of the browser window
Prerequisites:
- working AVConference installation
- acess to the web server where the client side files are installed
Introduction
You can change the size of AVConference flash client and/or admin interfaces to better fit with the design of your website.
How to do it
The size of the AVConference is defined in the HMTL page that embeds it. By default AVConference ships with 2 html pages: index.html (that embeds the user interface: index.swf) and admin.html ( that embeds the admin interface: admin.swf).
In order to change the size of the AVConference user interface for example, we will need to open index.html in a text editor and edit the code below:
width="970" height="580"
and change the value of the width and height variables.
The above code can be found in 2 places in the HTML file so make sure you change in both. The above values are the default values in pixels. You can change these absolute values to make the conference better fit with your website layout. You can also use relative values like in the example below.
To make the user interface fill all the available space in the HTML page replace the above code with this one:
width="100%" height="100%"
Done
Now, do not forget to save and upload the modified index.html to your web site, and refresh.
The same procedure applies to admin.html.
Joomla! Component
In the case of the Joomla! components you need to edit
components/com_avconference/avconference.php


