I am implementing a scrollbar using a custom embedded image using my CSS stylesheet. This is a very simple, thin scrollbar. I would like to configure this scrollbar using CSS properties at runtime, but so far I have been unable to do so. I know it can be done because I've seen examples of it in the net, but no code to review.
View 1 RepliesI worked through Kirupa's "Simple Custom Scrollbar" tutorial and successfully adjusted it to fit some of my content. Then I put it in a movieclip. I was hoping I could just go into each new instance of that movie clip, put in new content and be good to go. Unfortunately, when I edit the content inside my movie clip it edits the content of all the scrollbars in my timeline.
I tried renaming the instance "contentMain" to "contentMain2" in a second movie clip, that I also gave a unique instance name to, and adjusting the actions to match, but that still ended up renaming it in the other the scrollbars in my timeline as well as adjusting it in the actions of all the scrollbars.
I want to parse a hex color value into a movie and use it to dynamically change the color of a movie within called "border"
I can do this if I hard code it in using:
Code:
var colorTransform:ColorTransform = border.transform.colorTransform;
colorTransform.color = 0xff0000;
border.transform.colorTransform = colorTransform;
[Code].....
I wrote a simple class called CustomTextField.as as follows:
package{
import flash.text.TextField;
public class CustomTextField extends TextField{
[code].....
I am using a tilelist I want to change the border color and the background color of the tile on selection.
View 1 RepliesI have a button with an icon. I want to have the button in gray so I change the chromeColor but when I do that, the icon became darker.On the left the button without changing the color, on the right, the gray button with and darker icon.How can I have a gray button without changing the icon color?
View 2 RepliesI have a css that defines de skin-class for a custom component, like this :
view|PlaceHolderView {
skin-class:ClassReference('view.skin.PlaceHolderSkin');
}
Is there a way to change that value at runtime, so that all instances of the component switch skin?
In my example below I have several objects. I want to change the label of all objects in one go, without calling each element by id. I know how to do this in HTML, but not in Flex.
CODE:
This is how I would usually set the color of 3 objects to grey in one line.
CODE:
Is there any way I can change the labels of all 3 buttons with a single line of code similar to the jQuery example?
I've written the following custom component, SubNavBar.mxml:
<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" height="100" width="300"
creationComplete="init()">
<mx:Script>
[Code]...
Whenever the trace function runs in init(), the property menuItems returns null. I don't seem to have this problem with other variable types, like Boolean or String. Is this due to the size of the XMLListCollection object? How can I set up this SubNavBar custom component with XMLListCollection property and bind it to a control in the component?
I'm trying to make a simple flash application providing interface for taking tests as a high school assignment. One of the requirements is to use an XML file as data source.Now, having a List component bound to the XML file with questions consisting of data such as question body, question type (ie. single choice, multiple choice, open, image etc.) and possible answers (where applicable), I was wondering if I could add some additional data (and what is the best possible way to do so) to each question upon its transfer to the List component.
I am trying to achieve two main goals with this: firstly, to mark the questions to which an answer has already been given, like with such code in ItemRenderer class:
<s:Label color="{data.color}" text="{data.label}"/>
Where data.color would be set whenever the user gives an answer to a question.
Secondly, while at it, I thought of such possibility as a great way to store answers given to particular questions. In this case, the Class of the answer object would have been Object, since there has to be many type of questions (where the answer could also be a Bitmap for example).
I'm trying to pass some properties to a component I've created in Flash Builder 4. In my example below I want to pass the "label" property to update the label property of the Button.
// MyApp.mxml
<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="[URL]"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
xmlns:local="*">
[Code] .....
I'm trying to set up a form that presents a combobox when an ArrayCollection it's bound to has several items, and doesn't present one when it's empty or only has one item. I've tried doing this by creating this class, but unfortunately, the data provider I've bound to is never not empty at the time the setter executes.
public class ComboboxOrFail extends ComboBox
{
public function ComboboxOrFail()
{
[code]....
I have a flex app, in which I need to change the color of the focus rectangle of a textinput if the input is empty. This used to work when I was writing inside a mx:script tag, but now I'm writing a new component (an AS3 class that inherits from VBox) myself. And now it isn't working anymore. I used to run the following statement to change color:
txtName.setStyle("themeColor", "#ff0000");
txtName.focusManager.getFocus().drawFocus(true);
Is it something related to the mxml? How can I fix that?
I have multiple items in my app that I would like the user to click on.Some items are completely different classes.The classes dispatch events and then when the events are captured, some modifications are done to the transform properties of a loosely coupled display object.I want two separate classes to dispatch the same type of event, since I already have an image class that draws images based on a given url... I want the classes to dispatch the events, but then I think I want the difference to be detected when the event comes along... i.e., I would like to recognize the 'origin' or 'sub-type' of the event. Some sort of if/then logic would suffice.
View 1 RepliesHow can i change the color, when the user mouse over an item on datagrid or tilelist. Basically once the user mouse overs and once the user selects a file. How to change the default color to something else. The default is blue and i dont like it :)
View 3 RepliesThe examples I've seen seem to show how to change the color that shows when the user actually hovers over the textinput field.
However when the validation fails, a generic textInput border qill have a red line over it. My CSS file uses a border skin for the textInput, so I can't see this line.
I was hoping there was a way to highlight the text box when it failed validation, or re-enable the red line feature. I don't want to get rid of my CSS cos it'll totally blow my color-scheme, but any tweak allowing the error line
This is the CSS:
TextInput, TextArea
{
border-skin: Embed(source='/../assets/images/input_bg.png', scaleGridLeft=8, scaleGridRight=20, scaleGridTop=8,scaleGridBottom=9);
[Code]....
I have made a custom ActionScript mxml component, which is a spark TitleWindow with a text area, which header (titlebar) should display a green background if it finds the word 'success' in its text, or red, if it doesn't.
My problem is that I don't know where to access and modify this property, and the only turnaround I've found is binding the 'chromeColor' of the TitleWindow to depend on a boolean that will change depending on whether I find or not the word 'success'. And this does change the TitleBar background to the color I desire, however, it also changes the scrollbar color, for example, which is a bit nasty. The code for my class is the following:
[code]...
How can I change border color of tab in tab navigator control at runtime? I am trying to access it with its id "mytab" and update it's style.
this.mytab.setStyle("bordercolor","red"); A TabNavigator has multiple tabs and I have to change style of few tabs based on some logic. StyleDeclaration is applicable for all the tabs under tab navigoter but how can use CSSStyleDeclaration based on componentid? The only shortfall with this approach is that Style can not be changed for individual tab.
Thing is, after applying a new color theme for my Flash Builder enviroment, the only thing I couldnt find was an option to change the color when you enter in debug mode. When you have a brakpoint there, the color of that line change to light green, and I got dark background and white characters.. so, I dont see anything, I have to manually highlight the line.. really annoying.
View 1 RepliesIs it possible to set custom color for rows in a flex list depending on the data in it.I know how to define a custom itemrenderer and do it but I would likr to know whether there is any simple method because I don't want more components in the list
View 2 RepliesI've made a custom list itemRenderer with 2 buttons and a label. One button deletes the list entry (and thats not the problem) the second button would change the actual view.how I can change actual view within the itemrenderer ?
View 1 RepliesI am attempting to dynamically change the color of a subset/portion of text in a Spark TextArea control. Using the MX-based TextArea, I could leverage the mx.controls.textClasses.TextRange type and change the color directly as follows:
TextRange tr = new TextRange(theTextAreaControl, false, beginIndex, endIndex);
tr.color = somePredefindColor;
Input Parameters to TextRange constructor:
1st argument: The TextArea control that will provide access to the underlying textField property
2nd argument: Indicates the TextRange will not modify the content of the TextArea
3rd argument: The beginning index position in the TextArea text string
4th argument: The ending index position in the TextArea text string
How would I go about doing this for a Spark-based TextArea control? I am looking to dynamically change the font color for a range of text, not just the entire TextArea AND I cannot statically specify the font color. The problem I run into when trying to re-use the TextRange type is that the 1st argument is expected to provide the textField property, which is currently not on the Spark-based TextArea control. I thought about extending the Spark-based TextArea control to provide this accessor property but that seems like overkill and is probably not the best approach.
i'm doing a school project of mine and i am having trouble doing the changing color objects. here is an axample of the script that i;m using:
on (rollOver) {
var colorful = new Color("_root.shapes");
colorful.setRGB(0x003366);
}
For this script it does change color, but how do i make it to stay the same color that user selected after going to another scene?
I am in the making of a isometric level editor, and I have about 15 movie clips with more to come. I want to let people change the color of tiles to what they want from a list of colors, so how can I let them change the color of a tile dinamicly with actionscript so that it changes a tile's color while preserving changes of "shadows"? I mean I have let's say a cube and to make it look 3D I need to change each face to make a feeling of 3D and not a flat one.
View 1 Repliesi have been doing this tutorial http:[url]..but i am stuck on PART 8, i have done everything the tutorial has said so far (although my image and the colors used are different) but the large blank box at the top of the color pallet isnt changing color when i click on any color from the pallet.
Also this tutorial doesnt say what version of flash and actionscript is best suited for this.Currently i am using CS4 & Action Script 2.0 but i don't know if this is correct. below there is a link to the fla. file that Coloring_Book.fla.
I have a few movie clips that change color when they are rolled over and rolled out of which is great and works correctly but now I have add glows to those buttons to serve as borders or a stroke and when you roll over the buttons the color and the filter color changes.
View 3 RepliesI have a movie clip where it contains an instance of text
I able to change the movie clip and text color individually
but when i try to change both at once the text color is same as movie clip color
ActionScript Code:
myColor = new Color(myMovieClip);
myTextColor= new Color(myMovieClip.myText);
[Code].....
So i'm working on this website and I want to be able to switch out the entire color scheme on the website everytime a button is pressed, I've stepped away from flash for awhile and actionscript 3 is new me. Plus I haven't quite found any truely useful stuff on forums yet.
What i can't figure out is when a button is pressed the HTML background color changes to one of 5 preselected colors (that alternate ever time the button is pressed). Then for each background change the text changes too as it is part of a entire new color scheme.
What I've managed so far is to change the color of the background thats within the Flash file. What i did was to make a movie clip that plays to a next frame and stop everytime the button is pressed. Now i just need to also get to change the HTML color and the font colors.
//"homeText" being the name of dynamic text field and "Button" the name of the button and "background" being the movie clip that is the background within the flash file.
Button.addEventListener(MouseEvent.CLICK, Button_CLICK);
function Button_CLICK(e:MouseEvent):void{
background.play(); homeText.TextFormat(color "0x000000");}
I'm not sure if my code is just sloppy or if i'm completely going the wrong route here.
I am working on a custom Flex 4 component which is an aggregation of two existing flex components. I would like to be able to specify my own custom properties for the component as well as access the existing public subcomponent properties via MXML. For instance I might want to adjust the font color or style for the label and text input. toy component which aggregates both a label and a text input:
<?xml version="1.0" encoding="utf-8"?>
<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
[code]....
Would anyone know how to customize the "tooltip" / mouseover popup window in a Candlestick Component?By default, It just displays open / high / low / close data, but I need to add additional details such as date, time, and a few others...I'm guessing this is simple one, using item renderers maybe, but I cannot seem to get my head around it, or find any decent documentation online..
View 0 Replies