Flex :: Flash - Custom List Selection Not Highlighting?
Mar 18, 2010
I want to create a custom list in Flex for an interface prototype. The list is supposed to have an image and 3 text fields. This is what I have done so far, the control displayed is what I want. But, when I click on one of the items, the item does not appear (visually) to be selected. I was not sure how I would implement this.
Here is my code so far:
<s:List width="400" height="220"
dataProvider="{arrColl}"
alternatingItemColors="[#EEEEEE, white]">
<s:itemRenderer>
[Code].....
View 2 Replies
Similar Posts:
Jan 10, 2011
By default, whenever you rollOver/mouseOver (not sure of the difference) an item in a Datagrid or a List, that item is highlighted with the component's rollOverColor.I'm just wondering if there's any way to do that programmatically. I haven't been able to find much help on the issue. For example,suppose I have two DataGrids.When I rollOver an item in the first DataGrid, I want to highlight the corresponding index in the second one as well.Basically, as if two separate cursors were rollOver'ing two separate DataGrids.
View 2 Replies
Jul 6, 2011
When a user selects a category from the first drop down box then i want the 2nd drop down to be updated based on the selection of the first drop down. I have created multiple ArrayCollections whose names are set to the "data" values of the first drop down, for instance:
[Bindable]
public var countries:ArrayCollection = new ArrayCollection([
{label:"USA",data:"USA"},
[code].....
View 2 Replies
Feb 25, 2010
is there anyways I can disable people from highlighting/selection the text inside an Input Box? I have tried the 3 buttons next to the "Single Line" dropdown but none of them work.Is there a as3 code I need to put so people cannot highlight/select the text inside a input box for example in a form?
View 1 Replies
Feb 26, 2011
How do I disable the rollover, selection & focus colors in a list? I tried setting them to "{null}" but that just makes them black:
<s:Application
xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
width="100%" height="100%"
[Code]....
View 1 Replies
Nov 22, 2009
I created a list control at runtime as following:
[Code]....
//Where myDataArray is an ArrayCollection consisting of my Custom ValueObjects. When i execute the code it displays my list with custom item renderer, which is fine. But when bring my mouse over it, it doesn't give any colour highlight which means it is not selecting. Secondly, when i click on any of the list item, it doesn't dispatch any change event. I tried a lot but couldn't understand it.
View 1 Replies
Aug 3, 2011
I have an issue with Spark Lists whereby I am trying to ensure that an item is always selected and ensure that the GUI displays this to the user.
The application (full code below) creates a List, a Label and a Button. The Label states what is selected in the List. The button removes the selected item. Changing the selection, updates the text in the Label. Important: The List has "requireSelection" set to true to ensure that an item is always selected.
If I select the first item in the List, the selection is correctly reflected in the label. Clicking "Remove" removes the item and the next item is selected. This is all working correctly.[code]...
View 1 Replies
Aug 3, 2010
In a spark list I could use the change event to find out which item has been selected or deselected. The dispatched IndexChangeEvent object has the properties newIndex and oldIndex holding this information.
But with multiple selection allowed this doesn't work anymore because newIndex and oldIndex could refer to indices of still selected elements.
A solution would be to copy the selectedIndices vector to another variable and compare this variable with selectedIndices after a change in selection, but this seems to be somewhat complex.
Does anyone know if there is an easy way two get the index/item a user is deselecting while other elements are still selected?
View 2 Replies
Dec 21, 2010
I 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
View 1 Replies
Aug 1, 2011
This is my XML data in a file named nodesAndStuff.xml.
<?xml version="1.0" encoding="utf-8"?>
<root>
<node label="One" />[code].........
Now I have added my tree just below the list and I have saved counting from 10 to 19 in one.xml, 20 to 29 in two.xml and so on in different XML file. I have no clue how to connect the XML containing counting from 10 to 19 as the single node in tree at the selection of label one in list
View 1 Replies
Dec 2, 2011
This is my first time working with a class attached to a movieclip that is nested inside a class attached to a movie clip.I've tested all the properties and methods of PTListItem.as and they work properly but when I try to call them on the list item through PTListTop.as it returns undefined.The end goal is to dynamically load a checklist via a txt file.
View 1 Replies
May 10, 2007
I have a combobox and list component on the stage. The combobox has 3 selections. How do I get it so that each selection triggers the specific xml file to load into the list component? I can't get them to communicate to each other.
View 1 Replies
Aug 9, 2010
I have been working on a Flash touchscreen project for a year, and I'm currently trying to make it easier for users to add text half way into a message. The normal way to solve this, is to click with the "caret" and then keep typing.
I'm looking for a similiar iPhone caret. I'm currently using to find the location, but would like advice about how I could best replicate the iPhone caret hover.
Code:
testText.addEventListener(MouseEvent.CLICK, printCursorPosition);
function printCursorPosition(event:MouseEvent):void {
var tf:TextField = TextField(event.target);
[code]....
View 0 Replies
Apr 30, 2011
i got a s:List with a dataprovider and a custom itemrenderer. now my itemrenderer has a button within. Every time i choose a item from the list, i get focus on the item, but clicking the button within the item only causes the s:List to select the hole item and wont let me press the button within the item.
is there any solution to disable the "list" selection functionallity but keeping the items within the list enabled / clickable?
as requested, here the code (relevant parts)
CategoryTree.mxml
<s:List id="data1" name="D1" x="-2000" height="100%" minWidth="600"
width="{this.width}" dataProvider="{this.childrenResult1.lastResult}"
itemRenderer="gui.components.Category">
[Code]......
View 2 Replies
Oct 5, 2011
I'm trying to implement solr hit highlighting using a flex client. There are lots of examples out there to do high lighting in client side writing logic to do this, but couldn't find proper solution to tag them from back end (eg. some words<pretexttag>keyword<posttexttag>some words) so that it automatically highlight with results.
View 1 Replies
Jun 10, 2011
I'm creating a mobile app in which I need to show a calendar with months at the top. The months are part of a component that extends from SkinnableDataContainer (and has some custom scrolling/behaviour - which is why I did'nt use a spark list). I need the months to be shown as a 'trapezium' shaped tab and so I'm using a png image as a mask in the item renderer for the component.
When the mask is not applied, it all works well - the months render, the list/data container selection works when I click on a month and so on.When the mask is applied, it renders well, scrolling and everything else seems to work well - but when I click on a month, nothing happens visually. And from the trace statements in my code, it appears list item selection is not changing. Looks like mouse clicks are not working.
Code:
public class TopCalendarMonthRenderer extends LabelItemRenderer {
[Embed(source="/assets/trapezium_alpha.png")]
private static var TrapeziumMask:Class;
private static var trapeziumMaskInstance:BitmapAsset;
[code]...
View 1 Replies
Jan 10, 2011
I'm trying to extend the mx:Box container so that two buttons sit on the outside of the container to cycle through it's contents (similar to a scrollbar).
I've made a custom component that looks basically
like "mx:HBox->mx:Button mx:Box mx:Button" where the buttons and box are children of the hbox.
How do I offer the user access to the box (say its dataProvider and itemRenderer) through my custom component?
So they just need to write 'local:MyCustomComponent dataProvider="rar" itemRenderer="rar"/>' and my box inside that component can use it?
View 1 Replies
Apr 12, 2012
Is 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 Replies
Jul 23, 2009
I'm using a custom itemrenderer to display a list of photos and need to know how to control the width. At the moment it does this: Which, as I'm sure you'll agree, is eye-bleedingly ugly. The list is created like this:
[Code]...
View 3 Replies
Jan 3, 2011
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).
View 2 Replies
Jul 12, 2011
I've created a component which is basically a meter (extends skinnable container). The skin to the component contains two rectangles (background and the actual meter). This component receives an arraycollection with the following fields value, max and min(the arraycollection I am passing is Bindable). When I initialize and pass the data to be used to draw It works great (keep in mind - only works the first time). I've created a button that changes the data array and shows the current meter value. Apparently the meter's value is changing everytime I modify the ArrayCollection I've set to be used for rendering.(dont want to say "dataProvider" because it is not a Flex dataprovider, just a variable )... here is the code...
public class meter extends SkinnableContainer {
[SkinPart( required = "true" )]
public var meter:spark.primitives.Rect;
[Code]....
View 1 Replies
Jun 7, 2011
I have a Spark list with a customItemRenderer that is taking a good 3 seconds to initialize with just 50 items.
I'm using Flex 4.5, my ItemRenderer is already very optimized, using as little nesting as possible, fxg and so on.
Is anyone having similar issues? I've tried almost everything in the book bar going back to mx.
View 3 Replies
Sep 15, 2011
I created a custom layout for a list, to be used on a mobile (android). I used this as example : [URL], using virtualization. Now the problem I have is with scrolling : when scrolling to the bottom of the list, there seems to be always a "bounce back", as if the list would have reached and as if the bounce/pull effect is taking place. But in fact the list has not reached the end at all, in fact I can not even scroll to the last element in the list. When going back from bottom to top, there's no problem at all.
I trace the top and bottom of the Scrolling Rectangle (Rectangle.getScrollRect) and there I can see that when scrolling down, the top and bottom parameters increase, but when releasing the touchscreen, all of a sudden the parameters decrease again with a certain amount, and so never reaching the end of the list. All my code is available on google project hosting : [URL]
View 1 Replies
Nov 16, 2010
I'm looking to send a list of variables (say 6 in total) from php to flash and for flash to pick a random one and send it back to php when clicking a button.
I would like it to appear in a dynamic text box. That randomly selected variable needs to be sent back to php on pressing a button.
View 2 Replies
Nov 16, 2010
I'm looking to send a list of variables (say 6 in total) from php to flash and for flash to pick a random one and send it back to php when clicking a button. I would like it to appear in a dynamic text box. That randomly selected variable needs to be sent back to php on pressing a button.
View 6 Replies
Mar 24, 2010
I have a populated list component with multiple selection enabled, on pressing a button i want to know all of the selections that have been selected. Instead i can only find the .getSelectedItem() thing, which only tells me the last selected thing. How would i do what i want to do?
Also, another thing. If i want to select a specific index of the list, how do i do that? I have tried
'_root.roomsAvailableList.index(i).label'
'_root.roomsAvailableList(i).label'
etc. non seem to work.
View 1 Replies
Sep 14, 2011
I'm coding an auto-complete feature to use in flash forms.When you are typing (in a TextInput component) suggestions start popping in a List.If the user than press arrow Down, the focus is set to the list, so far so good.But how can I make the list first item selected as I set the focus?I tried using scrollToIndex(0); but didn't work.The way it is now, you have to press the Down key two times to select the 1st item in the list, one sets the focus, the second works..
View 1 Replies
Mar 28, 2011
I'm trying to create a list with icons. There're a lot of examples but seems all of them are using embedded images.My problem is how can I create the list with icon from base64 png string at runtime?
View 1 Replies
Aug 17, 2007
I've added checkboxes to a list component using the cellrenderer however the behavior is different from what i expected. I'm only able to check one box in the list at a time. I need to be able to check mutiple boxes in the list.
I'm aware you could hold down the control key and select individual the checkboxes, but the application i'm developing is a touch screen aplication hence no keyboard, no control key. I've tried programmaticaly setting the selectedindicies but the checkboxes don't appear checked after the selectedindices have been set.
View 1 Replies
Aug 4, 2010
i am working on a project. i've got stuck somewhere and i believe it is too much easy.
i've a "LIST COMPONENT" on the stage. there are many items there in that list. whenever i make that list's visibility = true; i want it to select item no.1 by default. i know it is very simple but i can't remember...
View 1 Replies
