Xml :: Getting A Flex RTE To Group LI Items Properly (wrapped In UL Tag)?
Feb 5, 2010
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
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'm using flex 4.1 to write an application. i read in the documents that has the rowCount property to set how many items to display. the does not have that property. how can I limit the list to display 3 items ?
I have a container which is a sprite. In that container I have added several movie clips. Now I am trying to drag that container over the other containers and have them move out of the way for the one being dragged.
so here is how I create the containers:
ActionScript Code: for ( var x:int; x < _GroupsArray.length; x++) { //create a container var tmpGroup:DAILYGroup = _GroupsArray[x];
[Code]....
1. Is there a way that I can get my group object from the target?
2. The container seems to come apart when I drag and drop certain areas. Is there a way to keep the different objects together?
I've got an area that, when you rollOver, tweens out a group of menu items. These menu items change colour when you mouseover. When you rollOut of the whole area, the menu tweens back. It seemed like the most simple thing to do, but it keeps giving me trouble! What I've got at the moment is an invisible symbol over the top of the rollOver area, including where the menu sits. The menu items are individual buttons for the mouseOver effect. I've got a full page invisible area (my standard technique - I call it "blockout") sitting right at the back, so when you rollover that (and off of the invisible area) the menu tweens off.
I can't just use rollOut invisible area because hovering over the buttons triggers that response and causes the menu to tween off. I've had to do plenty of similar things for work (apparently 'basic flash' to them meant I can do complex AS-based apps), and just tend to use my blockout method, but now that it's my own site, I'd like to do it right! If anyone knows a better way to do it,
Is there a way to group context menu items into a tree like structure?Like the Quality in built in menu.You can test it on any flash that has the built in items enabled.Right Click -> Quality -> Low.Can you do the same with custom items?For example:Right Click -> Custom Options -> Option 1
I have Class1 with a read-only bindable property called age:
public class Class1 { private var _age:int; [Bindable(event="ageChanged"]
[Code]....
Of course the [Bindable] tag there doesn't make sense. But how can I achieve the same effect?
I believe I can dispatch some sort of ageChanged event from Class2 up to Class1 and then have an event handler in Class1 dispatch another local ageChanged event to which I bind Class2's age property.
In actionscript 2 if you wanted items on the stage to not appear to the user you would just use the onclipevent(load) and then move them, alpha them and so on. In as 3 I cannot figure out how to get the items off of the stage before the stage renders them. There's always a flash of the stage items and then they disappear. What should I use? I don't like the addChild method because it's impossible to design a site that way. I like all my items on the stage and then go from there...
How can the text in a Label control (or a similar control) be wrapped in Flex 4 beta? In Flex 3 I could use the Text control but this is no longer available in Flex 4.
I've spend hours searching for a way to put one paragraph of text in one tree node in Adobe flex. How can I do it? I created a simple tree view but the text is cut after the right border.
So I tried to create a tree renderer. In the renderer I specified width=100 and the text wrapped. But the height of the nodes was not being calculated properly, so the text over consecutive nodes overlapped and got messed.
I have a component where a Button is wrapped in BorderContainer. I'm passing a custom property to the component at run-time to change the label of the button but Flex is reporting the following error:
Cannot access a property or method of a null object reference
When the error occurs, Flex highlights the following code:
I'm creating a facebook application in flex. I'm actually working on the friends component that shows your friends who are using the application. now, each friend has a profile image.
I created the component using a s:List element.
In the Skin Class of the element i configured the requestedColumnCount to 3, which means it shows 3 friends. i added buttons to scroll left and right in the list.
Whenever I scroll to see a different friend, for a half of a second i see no image because the List component is loading the image in order to view it.
is there a way to make the list preload all the elements so i won't have this kind of problem ?
I am developing an application with Flex for the GUI and Restlet for the webservices. I have a strange problem. I put my XML as a property on a generic object, and send it as part of a POST request. But in the Restlet webservice, this XML is irretrievable. How do I retrieve it? I tried initialising the received Representation object to a DomRepresentation, but thats not working. If I put the received Representation object into a Form object, then getFirstValue is returning that XML as a string! I noticed that the contentType of the HTTPService was application/www-form-encoded so I set it to application/xml and its not helping either. I use restlet 2.0m6 and here is the code snippet that I use -
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?
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?
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:
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.
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:
I use a s:Group to place my component in my form.I'd like all form item have the same horizontal align inside the group.I try to use horizontalcenter with value 0 but it doesn't work.ve that.