I have a list component
var theList:List = new List();
theList.dataProvider = new DataProvider(listArray);
theList.rowHeight = 93;
theList.rowCount = 4;
theList.setStyle('cellRenderer',ChoosePanelListCell);
how can i specify vertical gap between the cells of List?
I have a grid with 16 cells, and I want to give each cell a different instance name; like for example, boxy1, boxy2, ....boxy16; how do I achieve that ? Here is the code:
var rows:int = 4;var cols:int = 4;for (var py:int = 0; py <rows; py++){ for (var px:int = 0; px <cols; px++) { var box:Box = new Box(); box.x = 30 + box.width * px; box.y = 30 + box.height * py; addChild(box); }}
I'm having trouble vertical aligning text inside cells in a DataGrid in Flex. I tried this.setStyle("vertical-align", "middle) in an itemRenderer on the column but it doesn't seem to work. I tried verticalAlign as well.
View 5 RepliesSomething I've been struggling with and can't seem to figure out. What I want for a system is to create several components, BUT each with their own timeline. For instance for a quiz, I want a number of answerbuttons. But each one should have their own appearance, preferably on a timeline. However these should be components, seeing their 'answerbutton'-logic should be the same over all buttons (apart from their answerbutton-index, set in the Component Parameters).
View 5 RepliesI have a list item with buttons in it like so:
<mx:List contentBackgroundAlpha="0" baseColor="0x333333" leading="10" id="weekButtonList" width="260" borderVisible="false" dataProvider="{_data.mappoints.week.@number}" itemClick="onWeekClick(event);" >
[Code]....
No matter what I do, these buttons have a vertical gap inbetween them. I have tried everything from setting the "vertical-gap" property to negative and positive numbers as well as changing the padding-bottom and padding-top on them. I want the buttons to be right up against eachother vertically. I have also tried "button-height" and padding on the List component...still nothing. How do I control this?
In my air app I have a list(vertical) on the left side, like a sidebar. It`s working fine! The things is I want to put some animation in this list, which all the times when I select one item all the list moves, and this item goes to the center of the list!Someone have same example or URL, or something?
View 2 RepliesI'm using Adobe Flex Builder 4.5, and I'd like to create a vertical, scrollable list of panels for an AIR application. How do I do that?
View 1 RepliesIn Flash 9, with AS 3, I modified the width of an isolated list component using list_instance.setSize(width=x, height=y). When the list is included in an app with other components and movie clips, the setSize() method applies itself to the size of the app window and scales everything within. Using skins, I can edit the list background color. Though I can modify the width of the accompanying vertical scrollbar subcomponent in the editing window, the modification does not apply to the stage or when the app is run with Control/Test Movie. modifying the width of the vertical scroll bar in a list component that is included with other components and movie clips in an app, either dynamically with AS 3 or by editing skins?
View 0 RepliesI've to create a image gallery with following features :
1) Vertical thumbnail list
2) I should know which image i've selected
3) It should have loading for both thumbnails & the main images
Plz take a look on the following site [URL]. I want exactly the same except the horizontal images.
suppose i receive some data from php separated by commas. Like:a, b, new, data...these will be in a variable say "files". Now, i receive the var and i have to show the names of the files in a vertical list. Like:
a
b
new
data
And also they will be a link to some php file or any such thing. how to do this?
how to get this to work, but I've finally gotten Loadvars working dynamically. However, now I need to take the "avatar" variable and use it to populate a list component. I keep reading dozens of different ways to do it - turn your variable into an array in Flash, etc. What is the best method?
View 6 RepliesWhat i have is a list box populated from an XML file, in this XML file it will contain name and description What i would like is when a name is clicked/hovered over from the list menu... in a seperate text box component the description for that report will appear!!
Here is the XML :
Code:
<?xml version="1.0"?>
<_reportlist>
<reportdetails name="Product Installations and Removals">
[code]....
Just switched over to CS3, still adjusting to the many many changes. How on earth do you change the text color styles of a List component in AS3? I know it was easier to directly access the .color, .rollOverColor properties in AS2, but I can't find *ANY* comparable feature in AS3. I can see how everything else is skinned, by navigating the layers of symbols within the component.
View 8 RepliesI'm making a game and I an in-game editor that is able to create entities on the fly (rather than hard coding them). I'm using a component-aggregation model, so my entities are nothing but a list of components.
What would be the best way to obtain or generate a list of components? I really don't want to have to manually add entries for all possible components in some giant registerAllComponents() method or something.
I was thinking maybe somehow with reflection via either the knowledge that all components inherit from the base Component class, or possibly via custom metatags but I haven't been able to find ways to get a list of all classes that derive from a class or all classes that have custom metatags.
So you've created a list and hooked it up to your data. But wait! Someone decided to enter, street as their address. Or named their kid John Jacob Jingleheimer Schmidt, and all of a sudden, your list has a bizarre scrollbar running across it, right in the middle of the component, where no human being would possibly want a scrollbar.
As someone who considers himself clever, I've tried setting the width of the individual list components. This fixes the immediate problem of the scrollbar, but now the overrun from the list has hid itself invisibly underneath the next list element.
Is there a sane way to deal with this so that the elements of the list will adjust themselves vertically to hold the content?
I'm building a multiplayer game which when connecting to the server, the server sends back a list of available rooms (each room has MaxPlayers,MinRank,TableId,TableName,Password) so everytime I recieve these 5 strings, I create an instance of Mxml UI Component I have created and fill it with the relevant details. In the main.MXML i've added an AS3 script variable to hold the GameInstances object i've created when rcvd data back from the server: private var gameInstances:ArrayCollection = new ArrayCollection(); GameInstance.mxml is a component that has UI components in it and AS3 script to set some data. When rcving data from the server in main.mxml :
[Code].....
I am using a List component inside an itemRenderer. The main user interaction involves dragging an item from the List in one renderer and dropping it in another. My problem: When the data object is updated I want the Lists' height to be modified according to the number of objects in the dataprovider(dp), which is passed to the List from the data object. Now I have tried to invalidate the display of the List, refresh its dp and have tried putting this line assets.length > 0 ? assetList.percentHeight = 100 : assetList.height = 10; in other event handlers, such as dragdrop handlers, collection event handlers for the dp etc. I have also tried refreshing the dp for the List component that is using this renderer. The view does eventually get updated but only if I resize the list, or use the scroller or when I begin dragging a new List item but never after the drop.
[Code]...
I need to create a slideshow using data received from another view.I'm calling the slideshow's view like this:
<s:List id = "list" dataProvider = "{actions}"
change = "navigator.pushView (DetailsProduct, list.selectedItem) ">
<s:itemRenderer>
[code].....
I have a component that contains a list that implements a custom renderer. I use this component as a tooltip, keeping one in memory and just altering the databindings as necessary.
Something like this where TTComponent is a class that extends Canvas:
<s:TTComponent>
<s:BorderContainer>
<s:List id='lstItems' dataProvider="{data.Items}" width="50%" borderVisible="false" contentBackgroundColor="#222222">
[Code]....
Now, what happens is when data containing many items is set to tt.data, the list resizes itself larger and displays fine. However, after this, if data containing few items is set to tt.data, the component momentarily displays larger than it needs to be, then resizes itself smaller.
What I'd like to do is have the component resize itself before it displays, so I don't see the resize on screen.
I am using several instances of the same custom component on the same SWF. The component is essentially just a textfield with special sizing requirements. I also have another "wrapper" component that deals with the info from the textfield components. I was initially planning on using the stage index to associate the data with the textfield component it came from. This became more complicated than I anticipated. When I trace from the wrapper i can't get the index of the textfield components. So I got it in the component code and sent it with the info to the wrapper via a custom event. The problem there is that i can't tell which component is which because they are indexed identically. I can also see the component shim as well as the textfield.I'm just really confused about how programmatic components work on the display list.
My main Question. Is there a better way to associate the info with the proper component? I guess that's my only question. Please point me in the right direction.
EDIT2: I created a dummy place-holder component that just draws a rectangle then at runtime replaces it with programmatically generated textfield component.
how to create a List components for Nokia mobile. For your information, i have visited the Nokia website about that.[URL] That website also can download the source code and documentation. What the problem is, that documentation doesn't show the tutorial how to add item, scroll the list and so on. Below is the feature of my mobile phone for clarify.
Mobile Phone: Nokia 5800
Flash : Flash Lite 3.0
Feature: Mobile Phone Touch screen
how to use a List components from Nokia. Just to know how to use the code for add the item, delete the item and scroll list.
I am working on this project I am doing for my video player application. Everything works except the list component which is supposed to be filled dynamically by xml labels.
View 1 RepliesI want to get rid of the typical Flex roll-over color in list-based components, and to display my own style of roll-over rendering. Setting useRollOver to 'false' is not an option, since disabling that will also make the List.isItemHighlighted() function to always return false. My custom renderer relies on that function. Can it be so hard? Is there no way of setting that roll-over color to transparent? Is there some other way for my renderer to figure out if an item is highlighted?
View 3 RepliesI'm creating a swf, that has a parent class and a child class. The parent class has a button, that dispatches a custom event and I want the child class to list for this event, but when I dispatch the event the child class does not hear the event has been dispatched.[code]The register EventListeners() function is in the child class.I know events can bubble up the display list but how can then go down the list?
View 1 RepliesI have a spark List defined as:
<s:List id="symbolList" dataProvider="{symbolListCollection}" change="symbolNameChangeHandler(event)"></s:List>
With the change handler defined like this:
protected function symbolNameChangeHandler(event:IndexChangeEvent):void {
symbolList.validateProperties();
changeSymbolView(symbolList.selectedItem);
}
and symbolListCollection as an ArrayList filled with Strings.
At first, the change event works fine, and I get what I expect.
However, if I Ctrl-click on the selected item, to de-select it, i am unable to ever select an item again.
When I click on something to try to select it, the change event DOES fire, however, the ItemChangeEvent has both oldIndex and newIndex set to -1
I have a custom component, containing a List displaying items from an XMLListCollection:
[Code]....
Also if I click twice, only 1 mouse click will cause my custom event to be dispatched (because obviously there is no change between the items). how to make my List only react to mouse clicks? UPDATE: Yes, I've tried using "change" event for the List before, but then I have the problem that it is fired, even if the List scrollbar is clicked.
I have No problems inserting data from flash to PHP into MySQL,it's sendind them back properlly.All I'd like to see happen is for one row of data to be inserted into a dynamic text field. here's what i've got if i access this php file, it prints out a vertical list from
a single MySQL row,I was happy.
$query = "select row from table";
$result = mysql_query($query, $db);
while($row = mysql_fetch_row($result))[code]...
and Instead of the vertical list (which i would love to see)i get an unparsed data array.
Do you know any flex component with the functionality such as horizontally collapsible window or panel I found arc90, but it folds vertically.
View 1 RepliesI have datagrid in which some cells (not entire columns) are editable and others are not(all is predefined).what we want to achieve is that to differentiate editable and uneditable cells applying differnet colors.
View 1 RepliesI am created a dynamically adding a VBox, that contains two images. Into a Custom Component that is derived from UIComponent. The problem is the Vbox that contains the two image is only a really tiny size. I would like the VBox stretch to the size of the two images. This is how I am creating the Vbox....
[Code]...
