spark

Can I set an effect's duration as a percentage of its parent's?

When I'm building an composite animation, I'd like to specify the components as fractions of the parent, like so: <s:Sequence id="example" duration="2000"> <s:Fade alphaFrom="0" alphaTo="1" duration="10%"/> <!-- not legal --> <s:Scale scaleXTo="2" scaleYTo="2"/> <s:Fade alphaFrom="1" alphaTo="0" duration="10%"/> </s:Sequenc...

Spark ComboBox - issue with displaying text for new item?

I've been playing with s:ComboBox and generally like them a lot. One detail is driving me nuts though - most likely due to my lack of knowledge in the subject - is that if I try to add a new item to my dataprovider in a changeHandler (registered to the change event) the text for the ComboBox textInput disappears - although the item addit...

How to customize accordion and panel look

I want to increase the (height) size and change the color of a spark accordion header, similarly I want to change the color of a spark panel header. Can I do this through mxml properties and css or will I need to use a custom skin? ...

Flex: How can I control the mouseover color for a TabBarButton using spark skins?

I'm trying to get a spark tab bar to have a selected tab that does not change color on mouseover. I'm trying to implement this by working with a skin based on the skin spark.skins.spark.TabBarButtonSkin, but despite turning off the shadows on the selected and overAndSelected states, it still shows a dark color on mouseover. Here's the r...

Spark: automatically set scroller to the end of a list not working properly

I'm using the following mxml code for displaying a list of some data. I built a custom renderer which can have variable height. Each time a new data arrives, the scroller should go to the end of the list. I registered to the events which triggers an array change. It's working fine if the height of items is the same. But if this is not h...

Flex skinnableDatacontainer not the owner of the itemrenderer?

I have a skinnableDataContainer that I extended with some properties that I would like to use in my itemRenderer. When I try to call (from the itemrenderer) extended_SkinnableDataContainer(owner).myProperty I get an error stating that owner is a List and cannot be converted to extended_skinnabledatacontainer Is the owner not the ho...

Nested scroller not working

A sample app where the scroller does not show up. Is there any sane way of using a scroller in a constrain based layout? <?xml version="1.0" encoding="utf-8"?> <s:HGroup left="0" right="0" top="0" bottom="0"> <s:Scroller left="0" right="0" top="0" bottom="0"> <s:VGroup> ...

Make Flex 4 modules inherit style from main application

Hi, I am developing a modular Flex 4 (or more precisely AIR1.5, if that makes difference) application and encountered rather ugly problem. In the main App I have a style.css, which defines all the styles for, let's say, spark Buttons. It looks more or less like this: s|Button, .moduleButton{ font-family: "Fonter"; skin-class: Clas...

Making scroller of spark list visible by default

I have a spark.components.List component on which I would like the vertival scroll to be visible by default. Any ideas? ...

Detect when Flex Spark List's data has changed

I need to detect when a Flex Spark List (spark.components.List) data has changed so that I can programmatically change its scrollbar. I know that List is a an EventDispatcher but it's unclear which event I'd register for. Edit: My List's dataProvider is an ArrayCollection that elements are added too. So the dataProvider is never replace...

How to get rid of a thin gray border of SkinnableContainer in design mode

I'm learning skinning techniques for flex 4 and spark. For an example I've created custom component derived from SkinnableContainer. It is simple container with surrounding frame and a title. Everything works just fine when I run test project with a component on it. But at design time my components border is not visible, so developer us...

How to disable toggling with flex buttonbar

How to disable the toggle nature of buttons in spark:Buttonbar so that it would behave similar to mx:ButtonBar? ...

NativeDragEvent for drag and drop from the desktop not called Flashbuilder debugger

If I build my mxml file to an .air application, NativeDragEvent works like a charm. However, I would like to be able to debug this feature from Flashbuilder. From Flashbuilder, the NativeDragEvents are not called. Any workaround? ...

Is it possible to create skinnable components in MXML using the Spark component architecture?

There are lots of examples of how to create skinnable components in AS3 using the new Spark component architecture, however I've yet to find any such examples using MXML. What I'm mainly referring to is defining the skin parts and skin states. It seems as though the SkinPart metadata is supposed to be associated with properties and as s...

Flex setFormatOfRange not working on actionscript-created TextAreas.

I have the following code: var vg:VGroup = new VGroup(); var summary:TextArea = new TextArea(); summary.text = "something" var tlf:TextLayoutFormat = new TextLayoutFormat(); tlf.fontSize = 18; tlf.fontWeight = "bold"; tlf.color = 0xFF0000; summary.setFormatOfRange(tlf, 0, 2); vg.addElement(summary); (the TextArea is a spark.component...

Adobe Flex: toolTip of a spark component with enabled=false

I have a Spark Component (a Group) which doesn't behave as wanted. The tooltip is only shown when the component is enabled=true which the following example shows: <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"...

Force Flex 4 Spark Hslider snap to certain values?!

I remember using values array on good old mx:HSlider, is there any workaround for s:HSlider?! Basically I need slider to choose values between 300 and 2500 in following steps 300,500,1000,2000,2500. <s:HSlider id="franchiser" value="1500" skinClass="components.HorizontalSlider" x="0" y="0" minimum="300" maximum="2500" /> ...

Flex Video Player fullscreenButton override

I'm using mxml to create a spark video player with controls. When I click on the "fullscreen" button in Chrome, it goes full screen on the browser but I am unable to go back to normal size. In Internet Explorer, the whole screen is filled up but the zoom on the video is too big and thus my controls are no longer visible. Is there any wa...

How can I get the Item Renderer that is at the top of the viewport in a Flex Spark List?

I have a Flex Spark List (well it's a Tree to be precise but it renders as a list) and as I'm scrolling through it I want to provide information about the item that is currently at the top of the list in context to the viewport. So this could be the 100th item in the list depending on how far you've scrolled down. ...

How can I get the ItemRenderer of a Flex Spark List from its DataProvider Object?

In Flex I can create an ItemRenderer to represent each item in the Lists DataProvider but how do I access the instance of the ItemRenderer via the DataProviders Object? Something like myList.getItemRenderer(dp.getItemAt(10)); ...