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]....
Flex 4: mx|tree - How can I disable items selection? I want to disable the hover and selection colors so when a user selects an item it's background won't change color. how is that possible. I do not want to choose the selection and hover colors. the background contains an image so it won't be useful. I need to completely disable the colors.
I tried to override the Tree class but with no luck. This is the class that overrides the tree Class:
package components.popups.WelcomeBack {
import mx.controls.listClasses.IListItemRenderer;
import mx.controls.Tree;
[Code] .....
Is there a way to customize the rollover and selected colors of an item renderer without losing the alternating background colors?
When i set the autoDrawBackground flag to false the roll over effects stops but for some reason the alternating background is also not drawn.
I would like to create a renderer which draws a white border on state hovered and a yellow border on selected instead of the default rollover color. I would also like to keep my alternating background colors i set on the list.
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]......
how could i remove these two colors for the header.... i could override rollover for the columns and leave the selection, but i want to remove these two effects from the header and i couldn't find a way to do that....
View 2 RepliesWhen 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].....
I want to disable (and look disabled) some rows in a spark datagrid. I found this answer to stop selection which is greatIn flex, is there a way to capture and optionally cancel a row selection event in a DataGrid?
But I want in addition to show that the particular row is not selectable. Ideally I want to have some sort of overlay but I am not sure if that is possible. My alternative solution is to change the text color to grey for the unselectable row. Looking at the datagrid renders they all seem to be column based. I looked at skinning potentially (overriding the alternating color property) but this just sets the background property and not the text color.
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].....
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.
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]...
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?
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
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
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 RepliesI'm developing a Calendar application, and I'm using a Spark List inside a Panel for each individual day, in a 5x7 grid. I'd like to make sure that the individual lists stay the same size and simply add scrollbars when needed, but I'd also like to avoid setting an explicit width or height to maintain compatibility with multiple screen resolutions.
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 trying to make my own component that behaves like a list and supports infinite scrolling (in 1-dimension : vertical or horizontal) - both directions. For eg, a vertically laid out list which the user can scroll up or down forever - without ever hitting the 'last' or 'first' item. A good use for this: a calendar that displays each month as a list item.
Anyway, there are a bunch of things to overcome. The first of which, I think, is to disable the scrollbar's bounce effects (introduced in the latest Flex 4.5 (mobile) SDK). If I can disable the bounce effects, I'm guessing I can then add/remove items as needed to the list and it would scroll infinitely.
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]...
I want to make a box that changes color when the mouse rolls over it, and changes randomly between 10 different colors.
View 1 RepliesI followed the Changing Colors Using ActionScript and understand how it works, but I want to have the color stay changed until I click on another button. I also want to have one set of buttons for one shape and another set for a 2nd shape and a 3rd set for a 3rd shape. Do I just recopy the script substituting different shape names?
View 1 Repliesis 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 RepliesHow can i disable the text selection abilities and such of flash TextFields (so they act like labels)?
View 1 RepliesHow, through actionscript3, and not crashing (flash stucks while getting), can I get a list of all hexadecimal colors of a bitmap.
This bitmap it´s not extense (340x230)
I have a doubt about the List component.Back in 2.0 to change some colors of a List Component in this case named my_list i could do the following:
Code:
my_list.backgroundColor = 0x469EE6;
my_list.color = 0xFFFFFF;
my_list.selectionColor = 0x000000;
my_list.textSelectedColor = 0xFFFFFF;
my_list.rollOverColor = 0x97A3B3;
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.
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 RepliesI'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.
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...
I need that when the list appears is shows a selected cell, I tried this but didn´t worked: list.isItemSelected(0)=true;
View 1 Replies#1 How do I format the data in my listbox and combo box so it only show the "string" data and not the tags and random commas as well? (The combo box has unnecessary commas and the listbox shows tag data from XML) I'm not sure if it's in my XML or the way I'm using the XML connector.
#2 I got the XML data to the combo box and the selection from the combo to the list box. How would I get the users selection from the listbox to load a .swf into the loader component? Again, I'm not 100% of how well I did my XML and I have no idea how to use the XML connector in that way.
[Code]...