Help is on the way!

JoomlaXTC FlashXTC Pro Reference Guide

Pre Installation Notes:

FlashXTC pro is a Joomla Component and Module Package

INTRODUCTION

FlashXTC Pro displays one or more Flash-based programs in a single location to create engaging and sophistcated effects for your website. The different effects, their position and configuration parameters are easly managed within FlashXTC Pro using familiar administration screens.

You start by creating a Panel, which will be the display area of the flash effect programs, then you can add one or more Layers to that panel, each one containing a Flash effect. You can arrange the layers in any order and position to suit your desired design goals.

INSTALLATION : UPLOADING THE PACKAGE

After downloading the extension package file to your PC, you have to:

#1 Unzip the jxtc_flashxtcpro_unzipfirst.zip package

#2 Upload the com_jxtc_flashxtcpro.zip to your Joomla install via the Joomla Extension Installer.

#3 Upload the mod_jxtc_flashxtcpro.zip to your Joomla install via the Joomla Extension Installer.

After installation you will first need to set up at least one Panel:

#1 Open the FlashXTC Pro component from your Joomla Administration panel and go to the Panels area.

From the TOP Menu in your Joomla Administration Panel, Select Components -> JoomlaXTC FlashXTCPro

#2 You must first create a Flash Panel first. Start by selecting NEW on the top right of the page. This creates a master panel that you can add the flash elements to as LAYERS.

Setting up the PANEL parameters:

Title: Title of the PANEL (only used to identify the PANEL)

Width: The overall width of the panel to be used in the module

Height: The overall height of the panel to be used in the module

Background: Select NONE / Solid Color / or an image from your site /images folder.

Panel Background Color: The background color to use if Solid Color is selected for your background setting

Panel Border Color: The border color to use if you choose a border size

Panel Border Size: Size in PX of the Panels border

Custom CSS Code: Use custom CSS code here for additional panel style

Published: Select yes to publish. This will make the panel available for selection in the FlashXTC module.

After setting up the configuration for the Panel click the SAVE button on the top right

IMPORTANT:

The FlashXTC component can display one panel at a time in the frontpage. Click on the Panels menu option, then mark the checkbox next to a panel and click on the Default icon at the top right to define the panel to display in the component. If you want to display the same or multiple panels elsewhere, you can use the FlashXTC Module.

Now your first Panel is set - It's time to start setting up the layers

#3 Select Layers view in the JoomlaXTC FlashXTC Pro component main page

#4 You must first create at least one Layer first. The FlashXTC component allows you to set unlimited flash elements as layers inside of each Panel. Start by selecting NEW on the top right of the page. This creates a new layer that you can add the flash elements to as LAYERS.

Setting up the Layer parameters:

Title: Title Layer (only used to identify the Layer)

Effect Type: Select from over 10 configurable effects and tools

Panel Name: The name of the PANEL to display the layer in. You can have unlimited Layers inside each panel

Published: Select yes to publish

After setting up the configuration for the Layer click the APPLY button on the top right. This will refresh the page to show the additional Parameters for the Flash Effect you have chosen. If you selected the wrong effect for a layer, you need to delete it and create a new one.

For full documentation on each Effect Parameter view Section Three.

JoomlaXTC FlashXTC Pro Module Set Up:

In order to display the FlashXTC Panel as a module you must first select an existing position or create a new module position to display the Panel.

To show the Flash Panel in a module position open you Joomla module manager and select the mod_jxtc_flashxtcpro module.

Setting up the Module parameters:

Panel: Select the Panel that you would like to display in the module

Enable Debug Mode: For Debugging Only

Module Class Suffix: Your custom suffix style

JoomlaXTC FlashXTC Pro Flash Effect Parameters:

GENERAL PARAMETERS:

Each layer uses a general parameter set up to identify and position the layer in the panel. Once you have created a layer, selected the effect, and clicked applied the page will refresh displaying the General Layer Parameters and Custom Effect Parameters.

#1 Layer Position and Width: Each layer can be positioned in the panel using pixel based X / Y Coordinates. The starting point for each layer is the top left corner with an X / Y Value of 0 / 0.

Setting up the Layer Position and Width:

X Position: Horizontal Position of the Layer in the Panel in PX

Y Position: Vertical Position of the Layer in the Panel in PX

Custom CSS Code: Use custom CSS code here for additional layer style

Width: Width of the Layer in PX

Height: Height of the Layer in PX

FLASH ELEMENTS AND EFFECT PARAMETERS

3D Carousel Parameters:

Picture Width	Carousel Image Width
Picture Height	Carousel Image Height
Carousel radius	Radias of Carousel
Focal Blur	Focal Blur of Images
Elevation	Elevation of Carousel
Enable Image Reflection	Enable Bottom Reflection of Images
Enable Image Stroke	Add a Border around Images
Enable Mouse tooltip	Enable Tool Tip
Enable Mouse effect	Enable Mouse Follow
Number of pictures to show

Picture 1 file	Image File
Description	Tool Tip Description
Link URL	Image URL
Link Window	Link Window Setting

3D Cube Parameters:

Type	Horizontal or Vertical
Direction	Ascending or Descending
Speed	Speed of Cube
Cube width	Overall Cube Width
Cube height	Overall Cube Height
Link Window	Link Window
Dwell value	Dwell Value
Images to show

Image file	Image File

Countdown Parameters:

Background Color	Background Color for Countdown
Year	Calendar Year
Month	Calendar Month
Day	Calendar Day
Hour	Calendar Hour
Minute	Calendar Minute
Second	Calendar Second
GMT	GMT
Counter Background Color	Background Color of the Counter
Label Background Color	Background Color of Label Area
Label Text Color	Text Color for Label
Counter Shadow Color	Shadow Color for the Counter
Counter Highlights Color	Highlightcolor for the Counter
Counter Grill Color	Grill Color
Counter Grill Gradient Color Top	Top Gradient Color of Grill
Counter Grill Gradient Color Middle	Middle Gradient Color of Grill
Counter Grill Gradient Color Bottom	Bottom Gradient Color of Grill
Counter Text Color	Main Counter Text Color
Transition Type	Transition Type
Transition Time	Transition Time in Mil Seconds
Link Counter	Link of Counter
Counter End Text	End Text
Counter End Path	URL Path when end
Target	URL Target
Clock Volume

Drop Down HTML Menu Parameters:

Image Holder Width	Overall Menu Width
Image Holder Height	Overall Menu height
Drop-down label width	Drop Down Height
Visible Pages	Pages Per Drop Down Menu
Drop-down slide down time	Slide Down Time
Drop-down slide up time	Slide Up Time
Hide Delay	Slide Hide Delay
Label vertical spacing	Menu Vertical Spacing
Label horizontal spacing	Menu Horizontal Spacing
Drop-down animation type	Drop Down Effect Type
Label slide time	Drop Down Effect Time
Transition Animation Type	Transition Time
Number of menu options

Entry Label	Link Title
Optional Entry Icon Image	Icon JPG, GIF, or PNG
Entry Link URL	URL
Link Window	Link Window

Horizontal Marqee Parameters:

Width	Marqee Width
Style	Text Style
textSize	Size of Text
textColor	Color of Text
Text Glow	Glow Effect
textAlpha	Text Transparency
textMouseOverColor	Hover Color
textMouseOverAlpha	Hover Transparency
backgroundDotsColor	Background Dot Color
backgroundDotsAlpha	Background Dot Transparency
Background Dots Glow	Background Dot Glow
itemSpacing	Word Spacing
letterSpacing	Letter Spacing
Pause text on mouse over	Pause
bgcolor	Bottom Color
bgalpha	Bottom Transparency
bgblurX	Bottom Horizontal Blur
bgblurY	Bottom Vertical Blur
bgstrength	Bottom Strength
bgquality	Bottom Quality
inner	Inner Color
knockout	Knock Out Color
tgcolor	Top Color
tgalpha	Top Transparency
tgblurX	Top Horizontal Blur
tgblurY	Top Vertical Blur
tgstrength	Top Strength
tgquality	Top Quality
ineer	Inner Color
knockout	Knock Out Color
mgcolor	Middle Color
mgalpha	Middle Transparency
mgblurX	Middle Horizontal Blur
mgblurY	Middle Vertical Blur
mgstrength	Middle Strength
mgquality	Middle Quality
inner	Inner Color
knockout	Knock Out Color
stepInPixels	Step Pixels
stepSpeed	Step Speed
Direction	Marqee Direction
Loop backwards	Loop Backward?
paddingPixels	Padding In Pixels
Number of Marquees	Number of Marquees

Marquee Text	Text for Marquee
Link URL

ToolTip Text Parameters:

Background Color	Background Color for Tip
Background Transparency	Background Transparency
Background Shadow Transparency	Background Shadow Transparency
Follow Mouse	Follow Mouse?
Number of Tooltips

Delay time	Delay Time
Tooltip Width	Overall Width
Text Direction	Text Direction
Text	Your Custom Text and HTML

Skin Mode	White or Black
Enable Hover Expansion?	Enable Controls Expansion
Start Expanded?	Start Expanded
Mouse hover color	Hover Color
Close Wait Time	Expansion Close Wait Time
Volume	Start Volume
Shuffle mode?	Shuffle Playlist
Buffer Seconds	Buffer Seconds
Start Paused?	Start Paused or Playing
Number of tracks

MP3 File

MP3 File

Scene Slideshow Parameters:

Loop	Loop On or Off
Number of Scenes	Number of Slides / Scenes

Media file	Background Slide or SWF File
Time for next word	Time for next word
Transition time	Text Transition Time
Message time	Message Time
Number of phrase entries	Number of Phases - Text Areas

Phrase font	Font Style
Phrase x position	Text Horizontal Position
Phrase y position	Text Vertical Position
Font size	Font Size
Font color	Font Color
Animation type	Animation Type
Easing type	Easing Style
Synchronized	Sync to Letters or Word
Mirror effect	Mirror Reflection on text
Initial rotation	Starting Rotation
X Initial blur	Starting Horizontal Blur
Y Initial Blur	Starting Vertical Blur
Initial Transparency	Starting Transparency
X Letter Movement	Horizontal Motion
Y Letter Movement	Vertical Motion
Initial X scale	Starting Horizontal Scale
Initial Y scale	Starting Vertical Scale
Text	Your Custom Text
Link URL

Video Player Parameters:

Controls Width	Width of Control Panel
Controls Placement	Control Panel Position
Controls Alignment	Control Panel Alignment
Controls distance from edge	Control Distance from Edge
Controls Auto-hide	Autohide?
Control hit zone size	Autohide hit zone - Where the mouse over effects the slide in for the controls
Control auto-hide wait time	Autohide pause time
Line color	Line Color
Button background	Button Background Color
Button Normal background	Button Normal Color
Button Mouse Over	Mouse Over Color
Volume bar color	Volume Bar Color
Volume bar transparency	Volume Bar Transparency
Volume bars color	Volume Bars Color
Volume bars transparency	Volume Bars Transparency
Spectrum sample time	Spectrum Sample Time
Scrolling time	Scrolling Time
Scrolling pause	Scrolling Pause
Scrolling animation type	Scrolling Animation Type
Play button text	Play Button Text
Pause button text	Pause Button Text
Previous video text	Previous Video Text
Next video text	Next Video Text
Volume text	Volume Text
Volume	Starting Volume Level
Shuffle	Shuffle Mode
Repeat play list	Repeat
Start Paused	Start Paused
Scan lines	Use Scan Lines
Scan lines transparency	Scan Line Transparency
Video transparency	Video Transparency
Number of videos

Video file	Video File
Video name	Name of Video

Horizontal Scroll Menu Parameters:

Menu Width	Overall Menu Width
Menu Height	Overall Menu Height
Font Size	Font Size
Font Padding	Font Padding
Item Background Color	Background Color
Item Line Color	Line Color
Top Gradient Color	Top Gradient Color Effect
Bottom Gradient Color	Bottom Gradient
Normal Text Color	Normal Text Color
Over Text Color	Hover Text Color
Transition type	Transition Type
Transition Time	Transition Time
Number of menu links to show

URL	Link URL
Text	Menu Link Name
Link Window	Link Window

Sphere Menu Parameters:

Style	Sphere Menu Style
Radius	Radius of Sphere Effect
Foreground Scaling	Scale of the Foreground
Background Scaling	Scale of the Background
Foreground Transparency	Foreground Transparency
Background Transparency	Background Transparency
Foreground Blur	Blur Effect for the Foreground
Background Blur	Blur Effect for the Background
Foreground Ray Scale	Ray Scale for Foreground
Background Ray Scale	Ray Scale for the Background
Foreground Ray Transparency	Foreground Ray Transparency
Background Ray Transparency	Background Ray Transparency
Foreground Ray Blur Transparency	Foreground Ray Blur Transparency
Background Ray Blur Transparency	Background Ray Blur Transparency
Under Distance	Distance Under
Multiply Effects	Multiply Effects
Area Effect Transparency	Area Effect Transparency
Enable Rays	Enable Rays
Ray Type	Ray Type
Enable Ray Color	Enable Ray Color
Ray Color	Ray Color
Hover Area Effect	Hover Area Effect
Zoom Size on Hover	Image Zoom Size
Zoom Speed on Hover	Zoom Speed on Hover
Blur Quality	Blur Quality
Enable Sphere Guide	Enable Circle Around Sphere
Auto Rotate	Auto Rotate
Rotation Speed	Rotation Speed
Auto Horizontal Rotation Speed	Auto Horizontal Rotation Speed
Auto Vertical Rotation Speed	Auto Vertical Rotation Speed
Stop Rotation on Hover	Stop Rotation on Hover
Background Hover Area	Background Hover Area
Image Width	Image Width
Image Height	Image Height
Enable Tooltips	Enable Tooltips
Tooltip Color	Tooltip Color
Tooltip Position	Tooltip Position
Tooltip ALways Visible	Tooltip ALways Visible
Tooltip Vertical Offset	Tooltip Vertical Offset
Tooltip Scaling	Tooltip Scaling
Normal Stroke Color	Normal Border Color
Normal Stroke Size	Normal Border Size
Hover Stroke Color	Hover Border Color
Hover Stroke Size	Hover Border Size
Mouseover Bright	Mouseover Bright
Mouseover Bright Speeds	Mouseover Bright Speeds
Mouseover Desaturate Level	Mouseover Desaturate Level
Mouseover Desaturate Speed	Mouseover Desaturate Speed
Item Transparency on Mouseover	Item Transparency on Mouseover
Item Transparency on Mouseover Speed	Item Transparency on Mouseover Speed
Sphere Points	Sphere Points
Number of pictures to show	Number of Links

Image file	Image or SWF file
Tooltip text	Tool Tip Text
Image Width	Image Width
Image Height	Image Height
Link Window	Link Window
Optional link URL	URL for Link

Media Gallery Parameters:

Thumbnail width	Thumbnail Width
Thumbnail height	Thumbnail height
Horizontal spacing	Horizontal spacing
Vertical spacing	Vertical spacing
Allow Zoom	Allow Zoom
Allow mazimize	Allow mazimize
Fullscreen button	Fullscreen button
Overlay color	Overlay color
Icon color	Icon color
Icon selected color	Icon selected color
Button background color	Button background color
select background color	select background color
Zoom icon color	Zoom icon color
Zoom background color	Zoom background color
Thumbnail outline color	Thumbnail outline color
Thumbnail outline selected color	Thumbnail outline selected color
Media icon color	Media icon color
Media icon background color	Media icon background color
Background color	Background color
Preloader color	Preloader color
Player width	Video Player Width
Player height	Video Player Height
Video autoplay	Video autoplay
Video looping	Video looping
Video volume	Video volume
Video smoothing	Video smoothing
Control bar delay	Control bar delay
Fullscreen button	Fullscreen button
Buffer color	Buffer color
Button color	Button color
Selected button color	Selected button color
Player width	Audio Player Width
Player height	Audio Player Height
Control bar delay	Control bar delay
Show spectrum	Show Spectrum Animation
Spectrum color	Spectrum color
Audio autoplay	Audio autoplay
Audio looping	Audio looping
Audio volume	Audio volume
Button color	Button color
Selected button color	Selected button color
Number of media files	Number of Media Files

Thumbnail file	Thumbnail image
Media file	Media File
Description	Description