Help is on the way!

Browse our Documentation, Search the Knowledge Base, Still need help? Send us a support ticket.

Reference Guide for version 1.0

The Joomla! XTC K2 Comments Wall module enhances your site with incredible power to display K2 Users commets with your custom CSS and HTML in a module position. Choose comments by user and other criteria and display them with your own templates limited only by your imagination. Its the perfect tool for developers with custom styles in mind. The module can display articles in rows, columns and grids as well as special scrolling effects for sliders and transitions.

Installation

Install the module via the Joomla! 1.5 Installer.

Usage

The K2 Comments wall module is an advanced module for Joomla! that enables you to customize not only the comments attributes, but the overall markup of the module contents. You can use one of our predesigned templates included with the module or if you have HTML or CSS Knowledge, you can create your own designs.

Module Parameters

CONTENT SELECTION CRITERIA:

Use these parameters to specify what articles to show

User

Select one or more users to get the information

Filter tags

Set filter for data.

Sort order

Display sort order.

Avatar Compatibility mode

To select the compatibility with community builders.

Avatar width

The Avatar width

Avatar heigth

The Avatar height

Display Configuration:

Use these parameters to specify how comments will be shown in the main area.

Columns

Number of Columns to display

Rows

Number of Rows to display

Pages

Pages to display for slider or fader

Display Style

Horizontal slider - Vertical slider - Fader

Window Width

Width of area in window mode

Widow Height

Height of area in window mode

Transition pause

Pause time between transitions in milliseconds. A value of -1 disables automatic transitions. Default value is: 4000.

Transition duration

Transition effect duration in milliseconds (default: 1500).

Slide orientation

Top-Bottom / Left-Right - Bottom-Top / Right-Left

Transition type

Linear - Quad - Cubic - Quart - Quint - Expo - Circ - Sine - Back - Bounce - Elastic

Transition Ease mode

Ease in – Ease out – Ease in out

Button Style

Black - Grey - Red - Blue - Orange - Purple - Green - Square Grey - Tall Grey

Template

To select one of our predesigned templates

Module HTML template

HTML/CSS code to display the overall module box. You can embedd any of the following tags:

{mainarea}

This tag draws the groups main area block, including the special effects.

{leftbutton}

Draws a "Left/Back/Previous" button.

{rightbutton}

Draws a "Right/Forward/Next" button.

{pages}

Displays a numbered page list for quick browsing.

Group HTML template

If you want to create your own design you can use these parameters, you just need to add any of the following tags.

A simple example:

<b>{author}</b> says: {comment}<br> in:<a href={articleurl}>{title}</a>

{catname}

K2 Category name

{title}

Title of K2 Item Commented

{author}

Author of K2 item

{comment}

The comment

{date}

Date of comment

{articleurl}

URL to K2 item

{categoryurl}

URL to K2 category

{authoravatar}

Avatar image of Author.

{authorlink}

URL to Author profile.

{commentoravatar}

Avatar Image of Commentor

{commentorlink}

URL to Commentor profile

{username}

Commentor name

{email}

E-mail of commentor

{homepage}

Homepage of commentor

Max. Comment length

Maximum length of comment.

Date format

The format of the date

Module class suffix

The name of a CSS module class to apply.

ADVANCED PARAMETERS:

Slide It FX Settings:

These parameters control Slider effect.

Sliding Panels Settings

Choose a presetted animation from the list.


The following Settings are used ONLY when Sliden Panels Settings is set to CUSTOM

Slide Panel X in

The distance (in px) from the left container border that the slide panel will go to when the mouse enters the container.

Slide Panel X out

The distance (in px) from the left container border that the slide panel will go to when the mouse leaves the container.

Slide Panel Y in

The distance (in px) from the top container border that the slide panel will go to when the mouse enters the container.

Slide Panel Y out

The distance (in px) from the top container border that the slide panel will go to when the mouse leaves the container.

Slide animation mode

Select one of the many functions to animate the slide effects.

Slide ease mode

Choose one ease effect, between Ease In, Ease Out or Ease In Out. This setting is not used when "Slide Animation Mode" is set to Linear.

Frames per Second

The frames per second used to animate the efffect. Note: Using a high value in a heavy site could decrease the video perfomance. Combine this setting with "Frame Duration" to get a smooth effect.

Fame Duration

The time in miliseconds the duration will last.

Tool Tip / Pop Up FX Settings:

In Opacity

The opacity (0, 0.1, 0.5..etc.. to 1 = full opacity) the element will turn when mouse enters the trigger..

Out Opacity

The opacity (0, 0.1, 0.5..etc.. to 1 = full opacity) the element will turn when mouse leaves the trigger..

In Animation Vertical

The distance the tooltip will move verically (in px) when the mouse enters the trigger.

Out Animation Vertical

The distance the tooltip will move verically (in px) when the mouse leaves the trigger.

In Animation Horizontal

The distance the tooltip will move horizontally (in px) when the mouse enters the trigger.

Out Animation Horizontal

The distance the tooltip will move horizontally (in px) when the mouse leaves the trigger.

Fade-in Duration

The duration of the animation when mouse enters the trigger.

Fade-Out duration

The duration of the animation when mouse leaves the trigger.

Pause

The time the tooltip will stand before begining the animation when mouse leaves the trigger.

Tooltip animation mode

Select one of the many functions to animate.

Tooltip / Popup ease mode

Choose one ease effect, between Ease In, Ease Out or Ease In Out. This setting is not used when "Slide Animation Mode" is set to Linear.

Centered Pupup

Center pupop?

Hover FX Settings:

These Parameters Control the Hover Effect

Hover Effect in Color

The background color that will fade in when mouse enter the element with class="js_hover".

Hover Effect Out Color

The background color that will fade out when mouse leaves the element with class="js_hover".

Video Tutorial

Didn't find an Answer?

If you didn't find the answer you were looking for from the links above.




SUBMIT SUPPORT TICKET

Didn't find an Answer?

If you didn't find the answer you were looking for from the links above.




SUBMIT SUPPORT TICKET