Tag Archive for 'flex-examples'

11
Jan

10 Top Flex File Upload Examples

If you want to allow users to upload multiple files at once, you would use the FileReferenceList class instead of FileReference.

Flex File Uploaded

The component can be configured to include the Accordion image preview display shown in the example below or to just display the upload button and File Uploader browser pop-up. The demo contents automatically resize to 90% of the width/height allocated to the Flash file so can be used as large, medium or small module screen spaces.

Here’s the demo: Purchase Flex File Uploaded here.

Flex File Upload with ASP.NET

If you’re an experienced .NET pro, go ahead and laugh (although suggestions on making the process better are quite welcome).  Beginners are welcome to download the files here (MXML and Uploader.ashx).

Continue reading ’10 Top Flex File Upload Examples’

10
Jun

Rich Internet applications (RIAs)

What is a rich Internet application?

In the late nineties, “browsing the web” meant going online to read text and view static images. But that model was limiting. As the number of Internet-connected businesses and individuals increased, so did the demand for richer, more responsive user experiences.

In 2002, Macromedia coined the term rich Internet application (RIA). RIAs combine the flexibility, responsiveness, and ease of use of desktop applications with the broad reach of the web. RIAs provide a dynamic web experience that is rich and engaging, as well as interactive.

Many web designers and developers use Adobe Flash or Adobe Flex, which are part of the Adobe Flash Platform, to build RIAs. Flash is an authoring environment for creating rich, interactive content for the web. Flex is a cross-platform development framework for creating RIAs. Content created with Flash and Flex is deployed using Adobe Flash Player. RIAs created in Flex, Flash, and even Ajax can also be taken to the desktop using the Adobe AIR desktop runtime. To learn more about RIAs, explore the resources below.


See RIAs in action

FotoFlexer

FotoFlexer

Edit your images online with the powerful RIA features in FotoFlexer, built with Adobe Flex. Continue reading ‘Rich Internet applications (RIAs)’

17
May

Introducing Flex

Flex is a programming language developed on adobe technology to enhance the users capability in building rich internet applications. This latest adobe technology possesses all flash features. Flex is embedded with two languages MXML and Action Script respectively. Among all known scripting languages Action Script is one of them that comes along with Flex SDK(software development kit). MXML is a tag based language while Action Script is a flash language and developers pro to oop’s (object oriented programming) will face no problem with this flash language.

Server the compilation of flex source file is adobe’s Application server which is a J2EE application.
Flex coding is done with an XML based language known as MXML and like Flash applications, Flex codes too are compiled into a file having SWF format called ShockWave Flash files. These SWF files are executed with stand-alone Adobe’s Flash Players, and can also be directly executed in browsers that have Adobe Flash Player Plug-in installed.

For developing Flex applications, Adobe has launched Flex builder that works in Eclipse environment. Flex 3 builder is the latest and can be freely downloaded from Adobe’s official website. But building Flex applications on Flex builder in eclipse environment is a cumbersome job to perform, one reason is that using eclipse with flex builder plugin will make it very slow, also lot of time is been taken in compilation. To get rid of this problem there is another way to compile Flex application which works on Apache Ant technology. Apache’s this technology is used to make a build.xml file that will be used later to call the flex compiler in deploying the flex application. You will get more to know after going through the tutorials presented below.
Flex languages

Flex coding involves two different languages MXML and ActionScript respectively.

MXML is an extended form of XMLand is a tag based language, and therefore it is called an XML-based markup language. Program files coded with mxml language possess ‘.mxml’ extensions. MXML used along with ActionScript provide tags to devise GUI (graphical user interface) component and is also used to get access to data on servers. MXML facilitates its users with its data binding services. HTML and MXML both provide tags but the difference is that MXML consists of several new tags like TabNavigators and Accordions and many more that also enable users to get any web service connection. A MXML file is converted into a SWF file that runs on a Flash Player or on a browser which has Adobe Flash Player Plug-in installed in it.

ActionScript a flash language is an implementation of ECMAScript and is similar to OOP based JavaScript. In Adobe Flash Player this is the main programming tool. It consists of built-in objects and functions, and allows its users to build their own objects and functions. With this strong tool one can extend its competency in creating RIAs. Its coding is done inside the tag . We create ActionScript files and call them inside the main MXML file with either ‘source’ attribute of tag or with ‘include’ statement inside tag by passing the relative path names of ActionScript files in these attributes. Each and every ActionScript file should be saved with ‘.as’ extension.

03
Dec

Flex Using Data Binding to Configure Validators

User input might also define the properties of the validator. In the following example, you let the user set the minimum and maximum values of a NumberValidator:

Code Samples:

<?xml version="1.0"?>

<!-- validators\ConfigWithBinding.mxml -->

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

<mx:NumberValidator source="{inputA}" property="text" minValue="{Number(inputMin.text)}"

maxValue="{Number(inputMax.text)}"/>

<mx:TextInput id="inputA"/>

<mx:TextInput id="inputMin" text="1"/>

<mx:TextInput id="inputMax" text="10"/>

</mx:Application>

In this example, you use data binding to configure the properties of the validators. 
03
Dec

Enabling and disabling a validator in Flex

The Validator.enabled property lets you enable and disable a validator. When the value of the enabled property is true, the validator is enabled; when the value is false, the validator is disabled. When a validator is disabled, it dispatches no events, and the validate() method returns null.
For example, you can set the enabled property using data binding, as the following code shows:
Code Samples:

<?xml version="1.0"?>

<!-- validators\EnableVal.mxml --> Continue reading 'Enabling and disabling a validator in Flex'


Get Adobe Flash playerPlugin by wpburn.com wordpress themes