Code Babble

In this tutorial, we will discuss adding an MX ColorPicker component to change a Spark BorderContainer’s border color. If you have not completed the Changing a Spark BorderContainer’s Border Width with a Spark NumericStepper Flash Builder 4 project, please complete that tutorial first or download that tutorial’s project Zip file, then come on back. Below [...]

This tutorial is a continuation of the Turning Spark BorderContainer’s Border On and Off with CheckBox  tutorial. So if you have not completed that tutorial, please go through it first or download the project Zip file for it at the end of that tutorial and come on back. Below is the example SWF for this tutorial: [...]

In this tutorial, we will discuss how to turn a Spark BorderContainer’s Border on and off using a Spark CheckBox component. Below is the example SWF for this tutorial: Below is the MXML code for this tutorial: <?xml version=”1.0″ encoding=”utf-8″?> <s:Application xmlns:fx=”http://ns.adobe.com/mxml/2009″       xmlns:s=”library://ns.adobe.com/flex/spark”       xmlns:mx=”library://ns.adobe.com/flex/mx”       width=”400″ height=”300″ viewSourceURL=”srcview/index.html”>  <fx:Script>   <![CDATA[    private function BorderOnOff():void{ [...]

DataGrids contain a set of related information which can be organized by columns with corresponding information aligned in rows. What does that mean? Well, it means you can create a list in grid format to display your related information. Since a lot of projects are concerned with products and associated pricing, we are going to create a [...]

One of the things that users like is to have a visual representation of something they interact with as they are using an application. By creating a dynamic Label, you can provide text indicating a selection made by user interaction. For this tutorial, we are going to discuss how to dynamically create and change a [...]

This posts shows four examples of how you can rotate a Spark RichText component. Below is a SWF containing the four ways which will be described in four separate tutorials due to the ways the RichText rotation has to be manipulated. These techniques can be applied to most of the Spark/mx components that are in the UIComponent or Display Object Class chains. [...]

Imagine you want to allow a user to specify the rotation value of the text that will be available in your application. This can be accomplished by allowing the user to input a numeric value into a TextInput control. After the user enters the value of say 53, they can initiate the rotation by clicking [...]

The Spark DropDownList component allows a developer to provide specific values for a user to select from in a list arrangement. When setting values for the rotation of a Spark RichText component, this can provide a great advantage by allowing specific rotation values to be used that do not necessarily have to be at set [...]

The NumerStepper control allows a developer to set number values to step through using the up/down increment arrows. This is an ideal way to hold and change values of a rotation property on a RichText component. In this tutorial, we will discuss how to directly control the rotation value ( a Number ) using a Spark [...]

One way to rotate a component (Spark RichText component in this example) is to use effects in conjunction with ActionScript code. This example will demonstrate how to accomplish this using Spark Button controls as the effect initiator. Below is an example of rotating a Spark RichText component using the above technique. Start your Flex 4 [...]