All About Web & Mobile Application Development » Adobe Flex Builder http://www.londatiga.net All About Web & Mobile Application Development Sat, 14 Jan 2012 16:56:37 +0000 http://wordpress.org/?v=2.8.5 en hourly 1 How to Change Application Theme on Adobe Flex Builder 3 http://www.londatiga.net/it/how-to-change-application-theme-on-adobe-flex-builder-3/ http://www.londatiga.net/it/how-to-change-application-theme-on-adobe-flex-builder-3/#comments Mon, 21 Dec 2009 10:50:53 +0000 lorenz http://www.londatiga.net/?p=245 Themes are collections of styles, graphical assets such as images, and skins that define the Flex application’s appearance. There are two available theme formats, a single compiled SWC file and a CSS file. Adobe Flex Builder 3 comes with some predefined themes located on Flex SDK directory, the default location is on C:\Program Files\Adobe\Flex Builder 3\sdks\3.2.0\frameworks\themes directory.

A theme can be applied into an application using two ways:

1. By using <mx:Style> tag that points to theme’s CSS file.

The tag can be inserted into MXML application after the <mx:Application> tag. The CSS file must be located on project’s root directory, if other than project’s root directory, a full absolute path to CSS file must specified.

Example:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Style source="myStyle.css"/>
<mx:Label x="188" y="154" text="Hello World" width="154" height="39" fontSize="17" color="#CEEFF6"/>
</mx:Application>

or

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Style source="C:\Program Files\Adobe\Flex Builder 3\sdks\3.2.0\frameworks\themes\Ice\Ice.css"/>
<mx:Label x="188" y="154" text="Hello World" width="154" height="39" fontSize="17" color="#CEEFF6"/>
</mx:Application>

2. By adding additional compiler arguments that points to theme’s CSS file.

  • From an opened Flex application project , select Project -> Properties menu to open Properties window
  • Select Flex Compiler section from the tree on left side Properties window
  • At Additional compiler arguments field, add-theme parameter to specify path to desired theme’s CSS file

Example:

- theme “C:\Program Files\Adobe\Flex Builder 3\sdks\3.2.0\frameworks\themes\Ice\Ice.css”

Properties Window

Properties Window

  • Click OK to apply
  • Run the application to open it on Web browser, the appearance should be changed to the new specified theme.
]]> http://www.londatiga.net/it/how-to-change-application-theme-on-adobe-flex-builder-3/feed/ 1 How to Change Default Web Browser on Adobe Flex Builder 3 http://www.londatiga.net/it/how-to-change-default-web-browser-on-adobe-flex-builder-3/ http://www.londatiga.net/it/how-to-change-default-web-browser-on-adobe-flex-builder-3/#comments Mon, 21 Dec 2009 10:46:11 +0000 lorenz http://www.londatiga.net/?p=243 Adobe Flex Builder, an Integrated Development Environment (IDE) for Flex application uses system default Web browser to running and debugging applications. To change the default Web browser to another Web browser, you can change the workbench Web browser setting which effects how application are run and debugged.

To change default Web browser:

1. Go to Preferences -> Window menu to open Preferences window

Preferences WindowPreferences Window

2. Choose Use external Web browser option and select your desired Web browser on available External Web browsers

3. If the desired Web browser doesn’t exists, click New to open Add External Web Browser dialog

Add DialogAdd Dialog

4. Type the name of your external Web browser, eg: Chrome

5. Click Browse to point to your Web browser’s executable file location

6. Click OK to add

7. Select your newly added external Web browser (Chrome) and then click OK to apply

Open your Flex application project and run, your application should be run in the specified Web browser.

]]> http://www.londatiga.net/it/how-to-change-default-web-browser-on-adobe-flex-builder-3/feed/ 2