I have a SkinnableContainer class called: 'GroupNavCustomContainer' that uses a skinClass called 'GroupNavCustomSkin'. The GroupNavCustomSkin is the default one Flex creates for you: (The default skin class for a Spark SkinnableContainer container). Now, I have to add buttons to the GroupNavCustomContainer dynamically from outside the class which is not a problem. However, I can't seem to figure out out to make my skin behave as a HGroup so the buttons are spaced evenly. I tried: modifying the Group container to no avail:
I have a custom component extends from skinnableContainer and only has two NumericSteppers.I explicitly set focus to my component like myComponent.setFocus(). It sets focus to first stepper which is correct, but when I press TAB to move focus to next stepper it moves focus to the next Component.
I set tabEnabled = true and tabChildren=true of the component, still no luck. How could I set focus to next stepper on pressing TAB?
I am trying to drag and drop an object across the SkinnableContainer- am coming across a very strange issue
The drop occurs only at a few places- elsewhere it just shows the "X" sign and on dropping there, reverts to original position. I have used very standard commands... from function 2 to function 3, the call occurs very rarely as seen in trace statements- any guidance on why this happens?
I added the following code to SkinnableContainer: dragEnter="dragEnterHandler(event);" dragDrop="dragDropHandler(event);
(1):
private function mouseMoveHandler(event:MouseEvent):void { var dragInitiator:Image = Image(event.currentTarget); var ds:DragSource = new DragSource();
I have a SkinnableContainer that I would like to add a border to. I have already created a skin class that creates a 1 pixel border around all four sides of the container successfully, however, I would like the border to only be for the top and bottom of the container, not the sides (left, right). How can I achieve such a thing? I have attached my current skin class.
I created a SkinnableContainer runtime because I want to set some style properties to it, then based on some external data I need to create a new SkinnableContainer and add it as children of the first one. This children height can be greater than the parent container.How can I create a SkinnableContainer runtime with some scrollbars?I read in the documentation that I need] to create a new Skin. [code
When I use a descendant of the SkinnableContainer (eg BorderContainer) which itself is included or excluded in a state, the child elements in the default state appears in incorrect order. This problem disappears when using a Group instead of BorderContainer, or when the container itself is not included or excluded in a state, or when states changes forth and back. What is going on here? Am I missing something or is this a bug in Flex?
i have my hGroups as like [code]and i m trying to hide the hgroups on a condition when this bean tagInfoData have a value "notworking" otherwise it will shown..should i need to write code in the creation complete as all this is in a pop up window of the button click event.[code]
I have a few Skinnable Containers that have children components, such as an image component or a button bar etc. It seems that when I add the skin, the Skinnable container looks great, but all my children components of that container seem to disappear.
I am trying to change the visible index of a Scroller container on an event. The Scroller contains an HGroup with Images, so on an event I want to change which of the Images is visible in the Scroller by specifying an HGroup index. Is this possible?
I have setup a Scroller container around an HGroup of labels. The Scroller is setup to only display a single label at a time. What I am trying to do is determine which label is in view of the Scroller when a button is clicked. I have scoured the reference material on Scrollers and HGroups, but cannot formulate a programmatic strategy to determine what element of the group is in view.
I'm developing an app for ANDROID devices using Flash Builder Burrito and am having trouble figuring out how to accomplish one aspect of my app.I have an HGroup inside of a Scroller. The HGroup has images that are 400px in width and I have the width of each HGroup column set to 400px. Although the number of items is dynamic, assume I have 10 images in the HGroup. The width of the Scroller and Viewport is set to 400px.
So far so good -- the user can see a single image within the scroller. The user can then scroll left or right using touch or mouse and see each image. But here's where I'm stuck. I want to make it so that when the user STOPS scrolling the scroller then "snaps" an image into view. In other words, I don't want half of one image and half of another image in the viewport.
Seems pretty straightforward but I can't figure it out. Part of the issue is that there doesn't seem to be an event to use for this purpose. I know I can hook in to PropertyChangeEvent.PROPERTY_CHANGE or MouseEvent.MOUSE_UP/TouchEvent.TOUCH_END (which is what I'm doing now) but that event doesn't really give me what I need.
I really need an event that fires when the user releases the mouse as part of the scroll or lifts their finger off the device as part of the scroll. And then I need to wait for the scroll to stop. For example, if I do a really fast swipe I need to wait for the scroller to stop or almost stop before I perform the snap. The event fires as soon as I let go of the mouse or take my finger off the tablet, so if I alter the horizontal scroll pos then it gets overwritten by the "slowing down of the scroller".
By the way, I know I can use modulus logic to show each image "whole". That's not where I'm stuck -- I'm stuck at which event to use to know WHEN to perform this mod logic.
Note that what I've already developed works just fine if I slowly scroll and then let off the mouse. It's only when you slide more rapidly that it ceases to work.
Here's my partially working code:
private function onVehicleScrollerMouseUp(event:Event):void { snapScroller(); }
I am working on a grid example in flex using advanced grid control. I know we can easily group data by specifying the field name. At the group node level, other than the gorup name I want to be able to show data in the rest of the cells ( calculated data ) and I am looking for some dataRowBound event or similar to be able to hook some data in it.
Example: Grid displaying list of towns grouped by state. At the group level ( for each state) I want to show the total number of towns in each state. Here how can i show the total number in the town column.
I am in a situation where user gets the cars data from the database based on the selection and displays it in datagrid like below ( for example)
Company Model Year No GM Chevy 2010 10 GM Chevy 2009 5 GM Pontiac 2010 12 Honda Civic 2009 12
and there will be a link next to datagrid to get Pie chart based on the data displays in the data grid . The pie graph should display grouping by company and the count . I mean for the above example that should give with two pie items , one for GM showing the number of vehicles ( in this case 3 ) and Honda showing the number of vehicles ( in this case 1 ).
I thought of getting it from the database by querying and grouping it .But here the problem is after getting the data above in the datagrid user can able to filter at client end ( By year or model ) and can say get graph . This time that should only display the graph for the data visible in Datagrid .Grouping on database for every operation is becoming expensive. Since we have already data available at client end , is there any way to group it at client ..?
I would expect the mask to be applied when the checkbox is selected, and removed when it issin't. But it doesn't seem to work.However, when you change to , it works like a charm. Can anyone explain to me why?
Note: In my actual application, i'm applying this in a skin to a component that is extending SkinnableComponent which can't use BorderContainer so a solution to this would be great.
I've got some MC's in my library that have radiobuttons in them -- all of this created at design time -- and pull them onto the stage dynamically. My question is how do I get the selectedData from the group? The setup is like this: In a MC called pageOne, I have a group of buttons with a group name of Q1, Q2, etc. I pull the MC onto the stage like this:
[Code]...
Do I need instance names on each of the buttons and add listeners to all of them?
Associate AmountTimeCustomer John Doe 29amSam Smith John Doe 210amBerry Cooper Bill Ace 19amSandy James
Repeating the name and amount gets redundant so I would like it to look something like this:
Associate Amount John Doe 2 Bill Ace 1
Then when you select one, it expands to show the times and customers for the selected associate. I hope this makes sense...I am currently just using a DataGrid but I can use an AdvancedDataGrid if thats needed...I am pretty sure something like this can be done, I just don't know how.My data is in xml and looks like this:
I have a Group that I want to do a wipe effect when it shows and hides.
<fx:Declarations> <!-- Place non-visual elements (e.g., services, value objects) here --> <s:Wipe id="wipeUp" direction="up" duration="2000"/> <s:Wipe id="wipeDown" direction="down" duration="2000" startDelay="2000"/> </fx:Declarations>
[Code]....
The group is being hidden and shown on change of the group's visibility, but the effect doesn't do anything. When I set the visibility to false, it takes 4 secs for it to hide (delay+duration), but again, no effect.
I need to recalculate the max value of lineChart according to the visible lineseries. In the application I have the ability to make visible or not the lineseries of the graph and if I make not visible the lineseries with the actual top value I want to zoom in and change the top value of the graph.
I am trying to automatically resize the children within an s:Group. The children are another s:Group and a H:Group. Each have a percentage width of 10% and 90% each. The problem is that when one of the groups is resized (using a transition and rotation combination in the Skin), the other group does not automatically resize to fill the space?
Shouldn't Flex do this automatically? or do I have to code this?
In Flex, sometimes when you need to clear a form you run into the problem that radio button groups seem to defy clearing: try as you might, setting selected=false on all buttons, setting selection=null on the group, doing both, doing them twice, etc., you always seem to end up with one pesky little radio button that's still selected. How do you solve this and restore the radio button group to its initial no-selection state?
I'm trying to build a simple component extending spark.components.Group to have a background color, more specifically a spark.primitives.Rect component stretched to fill the background.
I'm trying to use XML to convert the code that a Flex RTE creates to valid HTML. No problems on other HTML elements, but difficulty with unordered lists. I created a solution for moving consecutive LIs into a UL node. After trial and error, I came up with the following solution. My question is - surely there's a better way to do this?
for each (listXML:XML in xml..li) { if (listXML.children().length() == 0) { // list item is empty - make it an empty paragraph instead
iam new to flex, can any one say ,how to validate the radio button is selected or not in flex 3 if my question is wrong, regarding the validation of radio group
In a component 'Group' I drag multiple pictures at one time I need to clean this component, but contains a component BitmapImage and I will not be erased: