Open source training & tutorials from experienced, passionate people
By A Web Design
For configuring the boxplus plugin in Joomla 1.7, you have to first login through the administrative panel of joomla by simply entering the url_of_your_website/administrator in your browser.
Enter the username, password and leave the Language to Default, click on Login as shown in Diagram 1.
Diagram 1
After logging in to the backend, a control panel page opens as shown in Diagram 2.
The Control Panel provides access to many default Joomla! functions and features. From the Control Panel, you can create and manage articles and categories. Other features available in the Control Panel are the media, menu, language, and user managers.
Diagram 2
In the top menu, locate Extensions. Click Extensions. From the drop down menu that appears click on Plug-in Manager as shown in Diagram 3.
Diagram 3
A list of plugins in Plugin Manager is displayed. From the list of Plugin Name, locate the Content – Multimedia display - boxplus as shown in Diagram 4.
Diagram 4
On click of Content – Multimedia display – boxplus, the editable screen is displayed in the Browser.
On the right hand side of the configuration page, there are two Options to change the settings of the plugin – Basic Options and Advanced Options as shown in Diagram 5.
Diagram 5
The following are a detailed explanation of the - Basic Options - settings:
Pop-up window theme: You can change the appearance of the lightbox pop-up dialog. Each theme has a dedicated cascading style sheet (CSS) file that you can customize further if required. By default the light square theme is selected by the plugin.
The available other options are - dark square theme, light rounded theme, dark rounded theme, prettyPhoto-inspired theme, Shadowbox-inspired theme.
Center on scroll : Select ‘Yes’, to center the pop-up window when its size is less than browser window size and the user scrolls down or across the page.
Pop-up windows that exceed browser window size are never auto-centered.
Fit to window: Select ‘Yes’, to automatically reduce oversized images to fit the browser window when they are displayed.
Flash and video are always shown in their predefined size, even if they would not fit the screen.
Slideshow delay: Enter the numerical value in the text box. It represents time spent viewing an image in milliseconds when slideshow mode is active. Use 0 to disable slideshow mode.
Wrap around at end: Select the option Yes / No depending upon whether a gallery comprising of a sequence of images or content items wraps around such that the first item follows the last and the last precedes the first.
Caption placement: Select the location of the image or content item caption relative to the item shown. The available options are Below, Beside and Hide.
Navigation bar: Select the placement of navigation bar with sequence of thumbnails relative to the item shown. The available options are As overlay, In caption area and Hide.
Default width: Enter the default width for content that has no inherent width. The default width is set to 800.
Default height: Enter the default height for content that has no inherent height. The default height is set to 600.
Animation duration: Enter the duration of resize animation sequence in milliseconds. The default duration is set to 250 milliseconds.
Transition effect: Select the type of transition effect required i.e. speed at which the animation progresses at different stages of an animation.
The available effects are linear, quadraticcubicular, quartetic, quintic, exponential, circular, sinusoidal, back and forth, bouncy and elastic curve.
Context menu: Select the option Show / Hide depending upon whether the context menu appears when right-clicking an image inside the pop-up window.
Diagram 6
The following are a detailed explanation of the - Advanced Options - settings:
Strict mode: In strict mode, the boxplus window binds only to anchors that have a rel attribute that starts with boxplus. In lenient mode, boxplus binds to any anchor whose href points to a file with extension gif, jpg, png or swf.
Activation tag: HTML-like activation tag that invokes boxplus on an article, and allows passing local parameters. The default value boxplus exposes a syntax { boxplus param=value / } and { boxplus param=value } text { /boxplus }.
Debug mode: Whether to use the uncompressed versions of scripts. Normally, compressed and obfuscated versions of these scripts are used to conserve network bandwidth usage. Debug mode is useful if you experience a script error on a page and you would like to discover its cause, which is difficult to perform with obfuscated names. When asking for support, please make sure to enable debug mode.
After modifying the changes in the settings, click on Save or Save & Close, to make sure the changes are stored permanently as shown in Diagram 7.
Diagram 7
Plugin successfully saved message is displayed as shown in Diagram 8.
Diagram 8
Now you can use the features provided by boxplus in your Joomla CMS.
For that please refer to next tutorial, Joomla 1.7 Boxplus Plugin Working Examples.
Please wait...