Flex :: How To Change Component Styles In AS3

Nov 4, 2009

In MXML, there is a Button class which you can instantiate like so:
<mx:Button id="something />
But what if you wanted to dynamically build this in AS3 and add it to the Flex app dynamically, without the use of components (just AS3) and then modify Flex's styles, for example, here you access the Button's properties and set them:

var btn:Button = new Button();
btn.height = 50;
btn.width = 75;
btn.x = 100;
btn.y = 40;

But how would you go about changing the Style, for example:
btn.downSkin = "something";
btn.color = "0xfffff";

I'm sort of starting to lean towards making a flex component in MXMLand than just making it visible true/false, but I like the fact that i create an object in AS3 and then destroy it when I don't need it anymore, than create it again once needed.

View 2 Replies


Similar Posts:


Flex :: How Does A Component Know Whether One Of Its Styles Got Changed

Jun 26, 2009

I inherited a custom component from TextField. The component needs to know when any of its styles got changed at runtime via setStyle. How would I do that? It's probably obvious but I couldn't find an event or appropriate method to override.

View 2 Replies

ActionScript 1/2 :: Set Multiple Styles On A Tree Component?

Jun 7, 2009

i wanted to know hot do i set multiple styles on e tree component using actionscript2.0. i need to change color, font size and font weight.

View 1 Replies

Actionscript 3 :: Flash Cs4 Combobox Component Totally Ignore Styles And Events

Feb 10, 2010

I have simple combobox component in flash cs4, I try to add and event listener like this

mycombo.addEventListener(Event.ADDED_TO_STAGE, added);
function added(e:Event):void
{
trace("HI");
}

never get called even if I have the component in the stage manually or via AS, but if I add a listener to MouseOver it works, why the ADDED_TO_STAGE event don't work, also I have a problem with the textFormat style if I use

mycombo.setStyle("textFormat", tf);//suppose tf is a TextFormat object

doesn't work too, but if I put that line inside the MouseOver event it work's why??

View 1 Replies

Flex :: Change Component On State Change?

Mar 8, 2010

I've got a whole bunch of data being displayed in different Labels, now I'm adding an edit state. I'd like all the labels to "transform" into TextInputs. I was just wondering if it possible to uses states to change

View 1 Replies

ActionScript 3.0 :: Possible To Change Text Styles Of Single Words Or Lines Within A Textfield?

Jan 9, 2011

it is possible to change text styles of single words or lines within a textfield with actionscript. I use an empty textfield and add my text to that field in actionscript with the following code:

myTfield.text = "insert text here"

the text contains multiple lines and I want some of them to be bold, italic or a bigger font size. The reason why I am adding my text to my textfield this way is because I need the text in the textfield to change when some buttons are pressed. Text will be added or removed from the textfield if buttons are pressed by the user and the current way I'm changing the text is by simply re-using the code above with new text in it. (it makes the code quite long though, but I guess I'll have to deal with that)But because I'm adding text this way I am not sure how to change the style of different parts of the text.

On a related note, with CS5 there are now a number of options for textfields. There is TLF text and classic text. I've searched around for the differences but I don't find the awnsers very clear. What option should I use for my textfield if I want it to look sharp like the text I'm typing here (its just regular text, no headers or anything). Some options just give blurry text because of the anti-alias and some settings don't seem to change a thing. And at times embedding fonts looks nice but sometimes it makes it worse. There are so many options to choose from, but it is unclear what would work best for regular text. (my text won't animate, it does move with a scrollbar, but I only care about how it looks when the scrollbar is still)

View 3 Replies

Flex :: Change Another Component's State?

Oct 2, 2010

I currently use: Flexglobals.toplevelapplication.component1.compnent2.currentState = 'something';is there a better way of doing do? Can I bind the state of a components to variable in my model?

View 2 Replies

Flex :: Component Change To A Page With Different Content?

Aug 2, 2010

I want to create a flex web page. Basically I have some menubaritems at the top and when I click at one of the dropdowns from the menubar, the component would change to a page with different content.

View 1 Replies

Flex :: Change Value Within Component From Within Main Application?

Jul 19, 2011

So I'm using a custom auto suggest component that I found online at [url]... The background color for the item is set within the following folder[code]...

I use this component from within a component I created called "position.mxml" that is located in a folder named "modules". Is there any way that from the position module, I can change the background color of the autosuggest box?

View 1 Replies

Flex :: Component Not Listening To MainApp's State Change?

May 2, 2010

I don't know if this is too difficult or too easy. My custom component is trying to listen to the main application's state changes using StateChangeEvent.CURRENT_STATE_CHANGE, but it's reporting its own state changes.

View 2 Replies

Flex :: Respond To Change Of Data Inside A Component?

Feb 17, 2011

I've created a custom component based on Image component. I want to teach it to respond to change of binded variable. E.g. if main class has a variable balance, I want the component to change image in case balance = 100 one image, in case balance = 50 to another.[code]...

View 1 Replies

Flash :: Change Bar Color Of Flex DownloadProgressBar Component?

Oct 12, 2011

Is there a simple way to change the bar color of the default download progress bar by extending the DownloadProgressBar component besides implementing our own progress bar?

View 2 Replies

Flex :: How To Dynamically Change Component In Item Renderer

Jan 16, 2012

How can I dynamically change components text size in item renderer? Here is my CustomItemRenderer.mxml:

<?xml version="1.0" encoding="utf-8"?>
<s:ItemRenderer xmlns:fx="[URL]" xmlns:s="library://ns.adobe.com/flex/spark">
<fx:Declarations>
<!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>
[Code] .....

When a button is pressed I want to access textArea2 and change font size.

View 1 Replies

Actionscript 3 :: Date Time Format Change In Flex Custom Component?

Apr 11, 2012

im using a custom component for date time, it is 12 hours and am/pm format,Now i wat to show 24 hour format in numeric stepper and am/pm should be disabled.heres my code

<mx:Script>
<![CDATA[
[Bindable] private var _selectedDate:Date = new Date();

[code].....

View 2 Replies

Flex :: Change Font Color And Size Within Single Label Component?

May 18, 2010

i'm trying to create a unordered list in Flex. My issue is that within each line, i want the word NEW to be a different font color and different font size from the rest of the label text. I am unsure of how to do this INLINE within the label component.

<s:VGroup fontSize="15" color="#ffffff">
<s:Label text="u2022 NEW Invite your friends!" />
<s:Label text="u2022 NEW Features coming soon!" />
<s:Label text="u2022 NEW Invite your friends!" />
</s:VGroup>

View 1 Replies

Flash :: Flex - Change Bitmap And Label Of An Button Component [CS5 - ActionScript-s]

Jun 30, 2011

I have created one button component using one Bitmap and one Label in it. Thing is that when user Clicks on on the button I want to changes button's Icon/Image and Label Text. I want to do this using FlashCS5 and ActionScript-3. I have tried following but it gives me runtime Error

[Code]...

View 3 Replies

Flex :: Custom ItemRenderer Does Not Use Styles Specified

Mar 18, 2010

I have a custom item renderer which I use for my DataGrid. The DataGrid has specified selectionColor, rollOverColor and themeColor. The Problem is that the custom item renderer, does ignore those colors, and doesn't give any Feedback...

I tried to add the lines:
setStyle("selectionColor", 0xEDF1F7);
setStyle("rollOverColor", 0xE1F5DE);
setStyle("themeColor", 0x3569B0);
But with no effect...

View 1 Replies

Overridden Styles For Flex Module?

Jun 11, 2009

Can a flex module have styles different from the main application which loads the modules? Meaning... can I have a main set of styles for the application, and separate styles for each module.. with each of them rendering their own styles without disturbing the other at runtime?

My specific case:The main application is developed by me... and the modules are developed by different people who want to contribute to the main application. I want to provide some way for each of the module developers to have their own styles for their modules, without touching the main application or its styles.

View 2 Replies

Flex :: Change Text Color Of Component Label/selected Item In ComboBox?

Jun 2, 2010

When I set style color, it changes both the text color for the selected item/component label and the text in the dropdown menu.

color
Type: uint Format: Color CSS Inheritance: yes
Color of text in the component, including the component label. The default value is 0x0B333C.

I would really like the label to be white and the text to be black.

View 1 Replies

Actionscript 3 :: Flex Repeater - Toggle Sibling Component Visibility On Checkbox Change

Jun 2, 2010

I have a Flex repeater that has a complex item template. When a checkbox is clicked, I need to toggle the visibility of a sibling button contained in the same repeater template. Since I can't add binding expressions to event handlers, I can't pass in the repeater item's index.

How can I access sibling components inside a repeater item?

View 1 Replies

Flex :: Applying Dynamic Styles To Skins

Dec 24, 2009

I want to be able to style or set properties dynamically.[code]I want to be able to set these properties in the skin so the skin can be styled differently for each component that uses it.

View 1 Replies

Actionscript 3 :: Styles That Are Not Found In Flex Documentation?

Jan 9, 2010

today I wanted to change the border color of TextInput when user has a focus on it. I could not find any style that would allow me to change thatlittle bit of Google searching and I found answer to be themeColor.Why is it that there are some styles that work and which are not even mentioned in the Flex documentation? (and how can one find out about em, except doing some web searching?)

View 2 Replies

Flex :: Applying Styles For Custom TextArea?

Apr 5, 2010

I have the following code to create and apply a few styles for a custom TextArea in ActionScript 3.

public class MyCustomTextArea extends TextArea
{
override protected function createChildren():void
{

[code]....

I have two problems with this code.this.styleSheet is always null when I create an instance of the class. If this.styleSheet is initialized to new StyleSheet() to avoid this issue, then the TextArea instance does not seem to recognize any of the HTML tags that can be used with the htmlText property.

View 1 Replies

Flex :: Modules Does Not Inherit Css Styles When Built With Ant

Nov 26, 2010

I'm creating a Flex 4 application which contains different modules in it. The main application contains a style sheet and the modules inherit the styles defined in this file.Its working fine when the swf's are generated using Flash Builder. But when I'm generating it using Ant script, the modules does not inherit the styles and everything looks weird.I added isolate-styles="false" as an additional parameter to mxmlc, but still its not working.

View 2 Replies

Flex :: Customization - Use Different Skins For Different Components Or To Use Just One Big Css That Has All The Styles Together?

Aug 11, 2011

When you have a flex project, is it better to use different skins for different components or to use just one big css that has all the styles together?

View 1 Replies

Flex :: Why Change In ArrayCollection's Length Doesn't Invoke Setter On Component Using It As Data Source

Dec 15, 2010

I have a component where I expose the property 'questions' with the following code:

private var _questions:ArrayCollection;
private var questionsChanged:Boolean;
[Bindable("questionsChanged")]

[Code]....

In this component, I use commitProperties() to implement my logic.

I use Cairngorm and the 'questions' is in the model and hence it's defined as a source for data binding.

When the 'questions' ArrayCollection's size changes elsewhere in the application, it is not invoking the setter method in the component that is destination for the data binding.

View 1 Replies

Flex :: Handling TextInput Element Width And Styles In AS3

Nov 10, 2009

I made a Form container with few TextInput fields in Flex and I would like to change a style of clicked TextInput element. I managed to do it with MouseEvent.CLICK event listener but it is not what I expected. I would like to change style of TextInput when user try to edit that field. However, I want to change back to 'default' style when user clicks another TextInput field or outside any field. Is there some event listener made specific for such interactions? I have also a question, is it possible to make width of TextInput depending on amount of text? I mean to resize it to width of text inside of it? Text comes from some database and is always different widths...

View 2 Replies

Actionscript 3 :: Flex Datagrid.tooltip With Different Text Styles?

Apr 11, 2010

I have a tooltip for each datagrid row. Which is fine. I also can style it with with mx:Style which is great.However, I desire to have multiple styles ie a header and the rest of the text in the tooltip.

View 1 Replies

Flex :: Current Theme Spark Styles Not Working

May 2, 2011

I am trying to figure out why I am getting an error when using the chromeColor (or other spark style related items):
<s:Button x="10" y="208" label="CALL" width="185" fontWeight="bold" id="bCall" chromeColor="#F90000"/>

This is the error:
The style 'chromeColor' is only supported by type 'spark.components.Button' with the theme(s) 'spark'.

Yet in project - properties, the theme is set to Spark. I also tried setting it to Halo and then back to Spark. Here is my app definition:
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="[URL]"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="800" minHeight="600" width="100%" height="100%">

I have seen references that define the mx namespace as "xmlns:mx="library://ns.adobe.com/flex/halo", but then my mx components break (TabNavigator for example) - not sure if that would fix it anyway. I is using flex 4.1 library (I believe the project was originally created when flex builder was at 4.0 if that matters).

No other libraries included.
Project - properties is set to MX+Spark.

Also, if I remove that chromeColor, the project compiles, BUT there are warnings such as: The style 'borderAlpha' is only supported by type 'spark.components.TitleWindow' with the theme(s) 'spark'. Flex Problem (and others - borderColor, cornerRadius, dropShadowVisible).

View 2 Replies

Css :: Setting Different Chart DataTip Styles In Flex Components

Nov 1, 2011

I have a following issue:My task is to style a datatip for two charts in Flex 4.5.Both charts reside in two different <Group> based components which are added to the <Application>

So after a thorough research here is what I tried to do.First applying a css descending selectors:

#container#chart1 chartClasses|DataTip{
backgroundColor:white;
backgroundAlpha:0.01;

[Code]....


Then I would like to be able to get access to the instance of the CustomDataTip class.But I can't .So currently the only thing I can do is to create a distinct custom datatip renderer class for each chart.That could be fine if you have only a couple of charts you want to style but what can we do if we have many of them?

View 1 Replies







Copyrights 2005-15 www.BigResource.com, All rights reserved