Set Up

JiFile for Joomla!

JIFile
 JiFile is a component for Joomla! that allows you to index file contents (PDF, DOC, etc..) to perform searches in them.

Learn more...  Demo

JoomPhoto Mobile

JPhotoMobile
 JoomPhoto Mobile is a component for Joomla! that allows you to share the photos from your Android device to your site Joomla.

Learn more...  Demo

iFile Framework

IFile
 IFile is an open source framework written entirely in PHP, allows the indexing of textual content of a document (DOC, PDF, EXCEL, etc.) and a quick search within them.

Learn more...  Demo

Easy Language

EasyLanguage
 Easy Language is a plugin for easy and immediate management of multilingual texts in every possible area of joomla, articles, components, modules, metadata, template, other components(example K2) etc.

Learn more...

Article Book Effect

Article Book Effect
 View Joomla articles with the effect turns the page of a book. This plugin will display the contents of an article in Joomla as a real book or magazine, using all the benefits of HTML5

Learn more...  Demo

 

Passport photo

Passport photo
 The most popular Android app that allows you to print photos cards for your documents with your Android smartphone, in a simple and intuitive way.

Learn more...

 

Crazy Shadow

Crazy Shadow
 Crazy Shadow is the 3D fast-paced and fun puzzle Android game! Try to rotate and drag shapes in the position of their shadows without fail! Solve in succession all combinations of levels of the game.

Learn more...

 

Admin Countdown

Admin Countdown
 Module for Joomla! 2.5 and 3.x displays in the administration part of the site, a timer with countdown of the time remaining in your session.

Learn more...  Demo

 
Previous Next
You are here: Documentation // Set Up

Set Up

  • Print
The integration of the swc html2flex Frontal library involves very few steps.

First of all you must include, into your flex project, the swc file (if you are using an ide such as Flex Builder or Flash Builder, you have to access to the Library Path panel of your application), then you have to include few code rows into the application file, as shown in the code below.

<mx:Application xmlns:mxundefined" 
         layout="absolute" width="100%" height="100%" 
         horizontalScrollPolicy="off" creationComplete="init()" 
         xmlns:components="it.ang.frontal.renderer.components.*">

     <!-- your css files -->
     <mx:Style source="project/css/main.css"/>

     <mx:Script>

            import it.ang.frontal.util.CommonUtils;

            import it.ang.frontal.modules.util.ApplicationContext;


            public function init() : void {

                ApplicationContext.arrayConstantsClasses = [];

                ApplicationContext.getInstance().rootComponent = rootComponent;

                ApplicationContext.getInstance().invokeService("project/index.html", 
                        CommonUtils.getUrlParamaters());

            }

    </mx:Script>

    <components:RootHtmlContainer id="rootComponent" width="100%" height="100%" />

</mx:Application>

The visual Frontal component to be introduced is the RootHtmlContainer which represents the main container used by Frontal to inject the content; in order to start up the Frontal framework it's necessary to configure the Frontal instance object ApplicationContext; in the init function (invoked by the creationComplete event of the application), it's set the rootComponent property of ApplicationContext and then invoked the invokeService method.

The parameters to pass to the ApplicationContext invokeService method are the url of the service which gives back the html content, and eventually the request parameters in the url of the flex application; to retrieve these parameters there is the getUrlParameters method of the Frontal CommonUtils class which gives back a Dictionary object.

In the init method there is also an other property of the ApplicationContext class to be set, that is the arrayConstantsClasses property, an array of custom classes by which it is possible to extend the Frontal framework with custom tags; however it is discussed in the Customizing section.

Particulary attention must be paid to the widht and height properties of the Application object and of the RootHtmlContainer object, and to the declaration of the css files to include into the project.
 
PHP Classes
IFile
by isApp.it
nominee
November 2013