I am navigating the items of tile list using next and previous button. I need to highlight the first item in the tilelist by default ( like the first item is being selected by default)
View 1 Replies<mx:itemRenderer>
<mx:Component>
<mx:Canvas>
[code]......
In my TileList, I want to select the TileList items on rollover, as opposed to the click event. I already have the TileList setup to allowMultipleSelection = "true".
View 3 RepliesI've got a tileList in a Flex 3 website. I want to programmtically turn off the visibility of a tile. So for example[code]...
View 2 RepliesMy TileList Contain some text Boxes. i want to change the text color if it's selected.
View 1 RepliesI have two spark lists and want to drag items from one list to the other. When im dragging an item and over the other list item, i want the target item to change the background coloer.Basically instead of showing the black line indicating that I will drop between elements, I want to see the target item highlight.
View 1 RepliesI'm trying to prevent a default chart item roll over highlight in a Spark column chart.If you look at any of the chart examples on this page , when you roll over any of the chart series items, they turn a darkened shade of their original colour. This is what I want to prevent.
So far I have had no luck with using the itemRollOverColor property, as this only allows you to set it to one specific colour for the whole chart (my app has several different coloured series on the chart at once). Also, trying to leverage the itemRollOver event (with preventDefault() etc) hasn't worked either.
I want to know when the same item in a tileList has been clicked so I can remove that item. All the tutorials I've found use a Change event on the tileList which doesn't fire when the same item has been clicked again.
View 1 RepliesI have Flash AS3 Project with tile list. I have buttons on stage. each of them when clicked adds tile with a picture on it to the tileList using the addTile() function. I'm using 2 columns in the tile list and I want the new tiles will appear from right to left (1st item - right column, 2nd item - left column..). additionally, is it possible that each new item will be added to the top of the tileList instead of the bottom of it?
View 1 RepliesI'm working on involving the Flash component TileList.
Essentially, I want Flash to assign a variable to each item in the TileList, so that when a user clicks on the item, the relevant product page is displayed.
Here is the code on my buttons, which work fine.[code]...
How do I setup these buttons so that when button1 is clicked, and the button1 page is loaded, that the button stays in 'Over' state?
And just to elaborate, when button2 is clicked and loaded, I want button2 to be in 'Over' state while button1 goes back to normal.
So basically, how do I highlight the active menu item with my 'Over' state?
I found this script but it doesn't work. My buttons are not in a movieclip, and the instance names are but1-6.[code]The script is on a new layer called actions. Can anyone tell me why this script has NO effect whatsoever?
View 1 RepliesHere is the code on my buttons, which work fine.[code]....
How do I setup these buttons so that when button1 is clicked, and the button1 page is loaded, that the button stays in 'Over' state?
And just to elaborate, when button2 is clicked and loaded, I want button2 to be in 'Over' state while button1 goes back to normal.
So basically, how do I highlight the active menu item with my 'Over' state?
I have a menu with about 5 items, they all work great with this code on each one:
Code:
on (release) {
if (_root.link<>1) {
_parent["b"+_root.link].play();
_root.link = 1;
_root.play();
}}
(The number 1 changes 2-5 depending on button)
Works great, now.. When I hover over a menu item is turns green, I click it, it takes me to the right page, but I want it to stay green. And when I click another page I want the other menu item to turn green and all other revert back to regular. How do I do this?
So, I've always struggled with the best way to do this. I have a method, but it seems like there's gotta be a better way.
Say you have an array of menu items
Code:
var menuArray:Arrary = [item1,item2,item3];
, and onRollOver they receive a certain color:
[Code]....
I realize that there's some additional code that would need to be written here, but you get the point. Basically what I'm doing is disabling the button so nothing happens onRollOut. Then I'm setting all the buttons colors to null, but changing whichever button was flagged as active to red.
It seems like a really ghetto way of doing this, and you notice a visible flicker in color of the active menu item if there are a lot of items in your array. Does anybody know a better way to handle this?
has anyone made a Custom Skin for a TileList component in Flash CS5. I want to change the scrollbar of the TileList, i want the track bar as just a thin white line and the thumb a orange circle, this for a Touch Interface.
View 1 RepliesI have this datagrid:
<mx:DataGrid id="dgCompetenteN" includeIn="Test" left="10" right="472" top="69" bottom="149"
dataProvider="{colCompetente}" editable="false">
<mx:columns>
[Code]....
What I want to do is, when I select an item in the datagrid, the selected item of the dropdown should be the correct one (the one which has the field idCompSuperioara equal to the third element in the selected datagrid row).
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 have used states in my application.The thing is I have made the first item in my list to be selected. so I gave like this,
if(itemIndex == 0)
this.currentState="selected";
this works fine.The problem is when other item is selected the first item does not change its state,it remains in the selected state until its clicked.My code looks like this,
<s:BorderContainer id="outerCont" width="275" height="100" borderVisible="false"
backgroundColor.normal="#3D3C3C" backgroundAlpha.selected="0.1"
backgroundColor.selected="{data.color}">
My states are like this,
<s:states>
<s:State name="normal" />
<s:State name="hovered" />[code]........
Is it possible to trigger Flex Piechart Item click event when a Datagrid Item is clicked.If so can anyone give some example.
View 3 RepliesIn the code below, the presentedAlbumIndex is used to control the selectedIndex of the TileList. Item "five" is initially selected. Whenever the button is pressed the first item in the array is deleted, and the presentedAlbumIndex is decremented.
In theory, the selected index should stay with "five" every time the button is clicked (until "five" is itself deleted). It works this way for the first button press. However, on the 2nd button press the highlighting changes to "six" for some reason. Also, the TileList selectedIndex is always one behind.
I tried looking into ListBase and monitoring selectedIndex. It looks like the selectedIndex is updated initially to the correct index, but then it reverts back at some point to the correct index+1. I do not know why it's setting back.
It seems it's due to the fact that I am doing a data provider delete and index change in the same operation.
Is there some function in TileList I could override to keep selectedIndex up to date?
Steve
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="absolute"
[Code]....
I have 2 TileList component in my Flex application. 1 tilelist is filled with data much like following xml sample:
<person name="Test">
<likes>Flex</likes>
<likes>PHP</likes>
</person>
<person name="test2">
[Code] .....
data shown is the preference.
The user can click the first tilelist and then the items that person "likes" should be selected in the second tilelist (in other words they lit up). Click event on my first tilelist
private function highlightPreferences(e:ListEvent):void{
trace(e.currentTarget);
//and now I'm stuck
}
I have an associative array that I want to display using TileList. However, it doesn't understand what is being fed to it. All I got is [object] in the TileList.
[bindable]
public var people as array = new array();
private function loadArray():void{
[code].....
Is there a way to have the TileList component to auto-size to its contents? I have tried setting it 100%, but it seems that won't help. I don't want to hard-code the height because the content will be vary, and I don't want scrollbars to show up.
View 2 RepliesI'm working for the first time with a TileList and an itemRenderer and I'm having a bit of trouble getting the information from my array collection to display Here's what I've got
private function loadData():void{
var stmt:SQLStatement = new SQLStatement();
stmt.sqlConnection = sqlConn;[code].....
how I go about pulling the information from the array and putting it into labels like username, userjob, userbio ect, Inside the TitleList and itemRenderer.
I have made a tile list is Adobe Flex as follows
[Code]...
the problem is the creationComplete event is not fired for each PageImageRenderer, and it is fired only for the tiles visible at start so the rectangles drawn in initComponents() is only drawn for those tiles with valid values, and when I scroll to next row using scrollToIndex() function the rectangles are shown with previous values. and no initComponents() is called for these tiles? however the data.name, data.class are correctly displayed but not the rectangles, why it is so? What is the proper event against which I should call initComponents()?
I have prepared a simple test case for a PopUpButton opening a TileList with black and red entries and it mostly works, but has 2 annoyances. I've searched a lot, tried several variants (added [Bindable] members in my renderer; added color member to the bids array; created my public override set data() method; ...) and has been getting some answers too, but they are way too general.
1) Scrolling "tl2" right-left doesn't work well: the entries are displayed in a mix of red and black. I know the TileList reuses itemRenderer, but how do I fix the problem?
2) In debug-mode I get numerous warnings: warning: unable to bind to property 'label' on class 'Object' (class is not an IEventDispatcher)
[Code]...
I'm using the TileList in a Flex 3 website. I need to set the rowCount and columnCount to factors of the total number of items in my array. For example, let's say that there are 15 items in my array. Then, I'd like to set the rowCount to 3 and the columnCount to 5 (3x5=15). Or if I had 16 items in the array, then I'd like to set the rowCount to 4 and the columnCount to 4 (4x4=16). The problem is that the length of the array varies. It's pulled from a database.
View 1 RepliesI want to create a tilelist in which there would be different canvas or vbox etc, and i want to make them drag able.I wrote a code to do this, but the output does not shows anything in a list.
<mx:TileList width="1500" height="1000" dragMoveEnabled="true"
selectable="true" selectionColor="#FFFFFF"
dragEnabled="true" dropEnabled="true"
[code].....
I have tilelist, which is dynamically loaded XML file with pictures,How do I do that would be when you click on a picture in the Label gave her name?
<mx:TileList id="tileList"
alternatingItemColors="[#FFFFFF,#EEEEEE]"
dataProvider="{xmlListColl}"
[code]......