TileList textRollOverColor property

Hi,
I am using TileList component. In another MXML file(Which i
am using as an Itemrenderer) i m using 2-3 Label components to
display dynamic text which i m fetching from XML . Now when Mouse
Roll Over Event takes place i want to change color of it and also
want to remove background color .
please i need urgent help in this.
regards

Have you looked at the options in the Flex Style Explorer?
http://examples.adobe.com/flex2/consulting/styleexplorer/Flex2StyleExplorer.html
Tracy

Similar Messages

Setting TileList height to Change Based on How Many Items Are Within It

In my app I have a tilelist populated by an array collection and I need it's height to change based on how many items are within it i.e. as new items are added to the array collection which populates it the tilelist will grow in height so that a scrollbar isn't necessary. Is there some sort of formula I can apply to the tilelist height property so that it expands in height as more items are added to it similar to the way a vbox would?

Hi,
OK - you don't actually need to know how many items there are as javascript can create a collection for you and you can loop through that. In your example, each item will have a NAME attribute of "f02" - using document.getElementsByName("f02") will create a collection of all items that have this name and using a "for" loop, will allow you to examine every one.
One thing to note is that any INPUT item that is disabled or made read-only will not be included in the data when the page is submitted (this is a browser thing not an Apex one), so these items need to be re-enabled immediately prior to the submit action.
For an example of all of this, see my first post in: Re: A better method of handling tabular forms with variable column type?
Andy

Get images into tilelist

Hey,
I am trying to make something that will have a list on the
left, and a tileList on the right. When a user clicks on a list
item, it changes the imageset lets call it, in the tileList. (eg.
list item 1 loads imageset1 into the tile list and so forth)
Now i have been having a few issues with this. First issue, I
am using arrays (i think) to hold the sets of images, then when the
list item passes the .data, the corosponding set is loaded. Well
for one...is that how i should be doing this?
Second issue, it seems that the images are being loaded in as
thumbnails or something...they are about 50% the size i would say
of the original, and thats just not on! i cant figure out why!,
eventually - i want 2 columns of images at full size (going to be
small banners)
I have just been trying to piece together bits from the help
file and such to make some hodge podge app, Im just learning!
so...it sort of works, the first two anyway - except as i said,
there somming through 50% the size
*sidenote* if any of you can tell from lookig at my code
(attached at the bottom) if i click on either the first or second
item it loads 4 images virtically, left aligned into the tileList
at about 50% size. and i can click back and forth between them and
it changed the images but keeps the size and the layout. if i click
the first or second one, then any of the others (with no code
attatched to them) then click back on the same one again (first or
second) 2 out of the 4 images go full sized, and they arrange
themselved 2x2...go figure? i think it may have soething to do with
the initCatalog being called twice? i dont know...help?
Cheers!
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="
http://www.adobe.com/2006/mxml"
layout="absolute">
<mx:Model id="myCategories">
<categories>
<categories label="Zen" data="zen"/>
<categories label="Music" data="music"/>
<categories label="Black And White" data="black and
white"/>
<categories label="Flowers/Nature"
data="flowers/nature"/>
<categories label="Grunge" data="grunge"/>
<categories label="Animals" data="animals"/>
<categories label="Multicolored" data="multicolored"/>
<categories label="Water" data="water"/>
<categories label="Glitter/Sparkly"
data="glitter/sparkly"/>
<categories label="Fantasy" data="fantasy"/>
<categories label="Textured" data="textured"/>
<categories label="Fashion" data="fashion"/>
<categories label="Patterns" data="patterns"/>
<categories label="Animated" data="animated"/>
</categories>
</mx:Model>
<mx:Script>
<![CDATA[
[Bindable]
public var selectedItem:Object;
import mx.collections.*;
import mx.controls.Image;
private var zencatalog:ArrayCollection;
private static var zengroup:Array = [
"assets/group1/1.gif", "assets/group1/2.gif",
"assets/group1/3.gif", "assets/group1/4.gif"
private var musiccatalog:ArrayCollection;
private static var musicgroup:Array = [
"assets/group2/3.gif", "assets/group2/4.gif",
"assets/group2/2.gif", "assets/group2/1.gif"
// Initialize the HorizontalList control by setting its
dataProvider
// property to an ArrayCollection containing the items
parameter.
private function initCatalog(items:Array):void
zencatalog = new ArrayCollection(items);
musiccatalog = new ArrayCollection(items);
private function load(event:Event):void{
this.selectedItem=List(event.target).selectedItem
switch(selectedItem.data){
case 'zen':
initCatalog(zengroup)
group_List.dataProvider = zencatalog
break;
case 'music':
initCatalog(musicgroup)
group_List.dataProvider = musiccatalog
break;
]]>
</mx:Script>
<mx:Canvas left="10" top="10" right="10" bottom="10">
<mx:Panel y="0" width="31%" height="100%"
layout="absolute" left="0" id="categoryview">
<mx:List id="source" height="100%" width="100%"
dataProvider="{myCategories.categories}" change="load(event)"/>
</mx:Panel>
<mx:Panel y="0" width="68%" height="100%"
layout="absolute" right="0" title="{group_List.selectedItem.data}"
id="catalogview">
<mx:TileList right="0" left="0" top="0" bottom="0"
itemRenderer="mx.controls.Image" id="group_List"
direction="vertical" columnCount="2"/>
</mx:Panel>
</mx:Canvas>
</mx:Application>

With PSE off can you select and move the images, say to another folder or print them? If you can't , it may be some other program is interferring, such as your anti-virus. But, still why would some images select and others not? The images could be corrupt in some way. If you could move the folder to a memory card or CD and load them into another computer, running XP or something, and see if you could select them then.
I don't know how they would behave in PSE. I'm still trying to make sense out of the thing. I had to read the PDF manual before I could figure out how to move images from the Organizer to the Editor. Seems like there is too much emphasis on organization and not enough on editing.
I have found Win 7 to behave strangely, anyway.
Have you done a Google search for the problem? There seems to be a lot of people having trouble with PSE8
Scroll down and read the comments at JohnB1941 at Files not saved in organizer or version set. They are talking about PSE9, but the comments may apply to your problem. It seems as re-naming is creating some problems with working with the images.

How to get the number of elements in a tilelist

I'm writing test cases for a flex application using FlexSelenium and I need to get the number of elements displayed in the tilelist.
I know that that the tilelist is fed by an array. but i can't access that array from my test case.
Can anyone tell me how I can get the number of elements in a tilelist on the application? which property of the tilelist can provide that number?

try tileList.dataProvider.length;

How to enable a button only when a tilelist item is selected

Simple question but it seems quite awkward to me. How do I enable a button only when an item within a tilelist is currently selected?
For example lets say if I have a button called button1 that is disabled by default and a tilelist called tilelist1 what would I have to add into the brackets of the following code (enabled property of the button) to ensure that the button is only enabled when an item in the tilelist is currently selected but disabled when no items are selected:-
enabled="{}"

enabled="{tilelist1.selectedItem}"
that should do it, it's making an implicit comparision with null (tilelist1.selectedItem == null) which will result in a boolean.
SelectedItem is null when nothing is selected , not null when something is.

SetItemAt Not Updating Tilelist Icons Correctly

My app allows users to enter in a url a title and an image filename and then when they click a button a snapshot of this url is created and sent to the server as the filename they have entered and an item containing all this data is added to an array collection which displays all this within a tilelist, the item renderer is linked to the server which contains the images (via the i) so they are displayed within the tilelist. The thing is this I'm trying to allow my users to update these things using the setitemat method i.e. they click on an item and all it's data is displayed and they can edit it and then save it which will use the setitemat function to update this item in the array collection.
My problem is this, if the user changes the url it takes a snapshot of this new url to overwrite the previous image on the server but if they keep the image filename the same it doesn't seem to refresh within the tilelist itself. I know the image on the server has been overwritten as the image on the server in question has been changed when I check it but for some reason the image in the tilelist isn't updating to the new image. It's as if flex has the old image stored in memory or something and won't switch to the new one. Is this common and is there anyway around this besides refreshing the whole array collection each time the user updates an item. Is there any way of refreshing only the item that has just been updated perhaps? The strange thing is if the user enters a different image filename.
Here's the line of code which updates the selected item (with 'a' being the chosen item in the tilelist):-
ArrayCollection(linkChoice.dataProvider).setItemAt({linkid:linkChoice.selectedItem.linkid, categoryid:updatedcategoryid, label:updatedlabelentry.text, icon:updatediconentry.text, url:updatedurlentry.text}, a);

Yes but that's the thing. People can't enter a fake url because the process all takes place right in front of them and shows the site they are about to take a snapshot of. Plus I've tested it myself and looked on the server and the images are there and can be linked to elsewhere but it just seems that the tilelist images aren't updating to that new image when the user enters a filename which is the same as the current one. It's almost like having the same filename is confusing flex and making the tilelist still display an image that is now different and has been overwritten.
All my data is dynamic and is loaded at startup into the tilelist array collection data provider and then the user can edit it. My tilelist has an item renderer containing an image the code for which is this:-
<mx:Image source="{'http://www.mysitename.com/images/'+data.icon+'.jpg'}" height="100" width="100"/>
And obviously the user can rename the icon property as the place on my site where the new image gets uploaded to but if they keep the name the same the image doesn't refresh. If they edit the name then it does change correctly once it's been added I've been racking my brains trying to figure it out.
The strange thing is this. I have a filter function applied to my tilelist which changes the contenrt based on what category a user selects at the top of the app. If a user selects a category and selects a link and edits the image to a different one but saves it as the same filename that it already was it doesn't show the new image in the tilelist BUT if they then click to another category that has other images in it and then go back to the category they edited the link in all of a sudden it has changed. I'm totally confused about this.

Tilelist RowHeight and Height not working correctly

Environment: Flash CS4, AS3, Windows XP (client), Windows Server 2003/IIS6 (server)
NOTE: using the tilelist because the clickable item is pushed to an image editor class.
I'm using the standard tilelist setup from the library and creating the tilelist from Actionscript. By default, the column width is 50, though I have set the height to 110 and the width to 640. When I set rowHeight to 85 to compensate for the scrollbar, my entire tilelist becomes 85 high (though tracing the height property says that it is still 110). This causes the text labels to be hidden (unless I use a textpadding of 15, which then obscures the tiles themselves.
I have a similar problem with the width, columnWidth, and columnCount properties, as I set width to 640, columnWidth to 100 and columnCount to 6. What I get is a control that is 300 wide (as presented by the trace(loadBackground_mc.width) command).
Is the only alternative to solve this problem a custom cell renderer?
Any suggestions would be appreciated.

I found what appears to be the answer. Unlike many other controls, Tilelist settings must occur in a very particular order. You must set RowHeight and ColumnWidth, RowCount, and ColumnCount before setting the size of the control. I converted all my tilelists to load, then used a "setSize" method instead of individually setting the height and width properties of the control. These were done after defining the row/column counts and the rowheight/columnwidth.
Now, the Tilelist appears to work just as I need it. I wish there was better documentation on this requirement. I would expect that the size of the outer container would be set first and the inner containers (like the cells) would follow, but that is not the case here.

Problem with TileList

I have written code where the user selects a directory and
all the contents of the directory are displayed in a TileList. At
least that is what I supposed it would do. The contents are
displayed but in this fashion "[object File]". Changing the
itemRenderer to mx.controls.Image of the list just gives me a blank
image.What I am doing wrong? Any suggestions please? Also, I want
the tilelist to display only the *.jpg files will I do the
filtering in the Array?
[Bindable]
public var d:File;
public function dir():void
d = new File(null);
d.browseForDirectory("Select Directory");
d.addEventListener(Event.SELECT, dirSelect);
public function dirSelect(event:Event):void
d = event.target as File;
var dirs:Array = d.getDirectoryListing();
list.dataProvider = dirs;
}

Hi,
try creating a custom component, which extends Image
component. Your custom component should be something similar to the
one below. Use this custom component as an itemRendered for your
TileList.
You have to get the object of the type File and then retrieve
the url from the url property and then set it as a source to the
Image.
Hope this helps.
<mx:Image>
<mx:Script>
<![CDATA[
public override function set data(value:Object):void
var fileObj:File = value as File;
if(fileObj.extension == ".jpg")
this.source = fileObj.url;
]]>
</mx:Script>
</mx:Image>

Weird behaviour in dragging from tilelist to list

Hi All,
I am trying to drag an item from a tilelist into a list but I am encountering this error:
TypeError: Error #1009: Cannot access a property or method of a null object reference.
    at components::TileListItem/set data()[C:\Documents and Settings\puneet\Adobe Flash Builder 4 Plug-in\LatestSeatBeltProject\src\components\TileListItem.mxml:35]
    at mx.controls.listClasses::ListItemDragProxy/createChildren()[C:\autobuild\3.5.0\frameworks \projects\framework\src\mx\controls\listClasses\ListItemDragProxy.as:90]
    at mx.core::UIComponent/initialize()[C:\autobuild\3.5.0\frameworks\projects\framework\src\mx \core\UIComponent.as:5381]
    at mx.core::UIComponent/http://www.adobe.com/2006/flex/mx/internal::childAdded()[C:\autobuild\3.5.0\frameworks\pro jects\framework\src\mx\core\UIComponent.as:5278]
    at mx.core::UIComponent/addChild()[C:\autobuild\3.5.0\frameworks\projects\framework\src\mx\c ore\UIComponent.as:4980]
    at mx.managers::DragManagerImpl/doDrag()[C:\autobuild\3.5.0\frameworks\projects\framework\sr c\mx\managers\DragManagerImpl.as:281]
    at mx.managers::DragManager$/doDrag()[C:\autobuild\3.5.0\frameworks\projects\framework\src\m x\managers\DragManager.as:243]
    at mx.controls.listClasses::ListBase/dragStartHandler()[C:\autobuild\3.5.0\frameworks\projec ts\framework\src\mx\controls\listClasses\ListBase.as:9190]
    at flash.events::EventDispatcher/dispatchEventFunction()
    at flash.events::EventDispatcher/dispatchEvent()
    at mx.core::UIComponent/dispatchEvent()[C:\autobuild\3.5.0\frameworks\projects\framework\src \mx\core\UIComponent.as:9440]
    at mx.controls.listClasses::ListBase/mouseMoveHandler()[C:\autobuild\3.5.0\frameworks\projec ts\framework\src\mx\controls\listClasses\ListBase.as:8927]
BACKGROUND INFORMATION:
Source: (Tilelist) has a custom itemrenderer where I have overriden the set data function as:
override public function set data(value:Object):void{
                super.data = value;
Destination: (List) on which I have defined a custom item renderer displaying an image and a label in each item.
I have set dragenabled property of source and dropenabled property of destination to be true. It seems as if the set function is causing problems when the object chosen is null.
Now, as soon as i drag an item from the tilelist into the list, the aforementioned error pops up but after dismissing all or clicking on the continue button, I am still able to copy the dragged content from source to the destination. Can anyone please explain what's happening ?
Thanks,
Puneet.

Hmmm. Interesting.
In SQLJ code we have been seeing similat behavior - the iterator (=result set) is still in scope, but when we try to close it, it has become null. It turned out that in this case we were using JDK 1.2.1. Switching to 1.2.2 solved the problem.
Below is the corresponding section from the SQLJ README file.
RUNTIME
Under JDK 1.2.1 a NullPointerException may be experienced when close()ing an iterator instance. This might occur in code of the following form:
NamedOrPositionalIterator iter;
#sql iter = { SELECT .. };
... while loop to process iter ..
iter.close(); // <== NullPointerException on iter!
This problem is due to faulty garbage collection under JDK 1.2.1. You will have to run your SQLJ program under a different JDK version [Bug 1130431].

Need Help With An Application That Produces Live Images Within Tilelists

At the moment I have an application which is meant to produce live thumbnail images of websites. Currently how it does this is a html component (myhtml) loads websites via it's location property changing from website to website and upon fully loading of each site a "snapshot" is taken of the html component and saved as a bitmap and applied as the source of an image corresponding to that particular site (abcnewsimage and bbcnewsimage). However I now need to insert these snapshots within the 'icon' properties of 2 array collections (myTilelistAArrayCollection and myTilelistBArrayCollection) which act as dataproviders to populate 2 tilelists (mtTilelistA and myTilelistB).
Basically I need the same images to appear automatically within the tilelists the way they do in the 2 images as the snapshots are taken by applying the same bitmaps into the currently empty 'icon' properties of the 2 tilelists i.e. the icon of the ABC News Item of both array collections must be the same as the abcnewsimage and appear as it appears and the same for the BBC News Item icon being the same as the bbcnewsimage picture as that appears.
It should look like the images are appearing in the tilelist at the same time as they are appearing in the regular images. What will I need to put into the icon properties to do this?
I hope this makes sense and if anyone can help me out it would be much appreciated. :-)
<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication
xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" verticalAlign="middle" backgroundColor="white" width="1024" height="768">
<mx:Script>
<![CDATA[
import mx.graphics.ImageSnapshot;
import mx.collections.*;
private function takeSnapshot(event:Event) :void{
var imageBitmapData:BitmapData = ImageSnapshot.captureBitmapData(myhtml) ;
switch(myhtml.location){
case "http://abcnews.go.com/":abcnewsimage.source =
new Bitmap(imageBitmapData);myhtml.location =
"http://news.bbc.co.uk/";
break;
case "http://news.bbc.co.uk/":bbcnewsimage.source =
new Bitmap(imageBitmapData);
break;}
private var myTilelistAArrayCollection:ArrayCollection = new ArrayCollection([{id:
"ABC New Item", label:"ABCNews", icon:""},{id:
"BBC News Item", label:"BBC News", icon:""}]);
private var myTilelistBArrayCollection:ArrayCollection = new ArrayCollection([{id:
"ABC News Item", label:"ABCNews", icon:""},{id:
"BBC News Item", label:"BBC News", icon:""}]);
]]>
</mx:Script>
<mx:HBox x="10" y="10">
<mx:Image id="abcnewsimage" width="100" height="100" scaleContent="true"/>
<mx:Image id="bbcnewsimage" width="100" height="100" scaleContent="true"/>
</mx:HBox>
<mx:HTML id="myhtml" location="http://abcnews.com/" complete="takeSnapshot(event)" width="250" height="250" horizontalScrollPolicy="off" verticalScrollPolicy="off" x="10" y="118"/>
<mx:TileList x="268" y="118" width="294" height="250" id="myTilelistA" dataProvider="{myTilelistAArrayCollection}" rowHeight="100" columnWidth="100"/>
<mx:TileList x="570" y="118" width="294" height="250" id="myTilelistB" dataProvider="{myTilelistBArrayCollection}" rowHeight="100" columnWidth="100"/>
</mx:WindowedApplication>

Cheers Flex harUI. From what I can see superimage is mainly used to keep images at better quality. What I'm concerned with is having the images set within the 'icon' properties of the 2 tilelists AS they are set within their specific images. I've tried databinding by doing this for example:-
{id:
"ABC New Item", label:"ABCNews", icon:"{abcnewsimage.source}"},
I hoped that would cause the icon field of the array collection to be populated by the source of the abcnewsimage so that as the abcnewsimage is populated by the snapshot that is taken of the abcnews website the icon field of the abc news item in the array collection would be too so that furthermore the tilelists would then be populated by these images. Basically as each snapshot appears in it's specfic image it needs to be loaded into the icon property of the array collection too. In the end the icons should look as if they are appearing within both the tilelists the same way as they are appearing within the images if that makes sense. The images should be loading within the tilelist one at a time as they are in the regular image components.

Need Help With An Application Which Produces Live Images Within Tilelists

At the moment I have an application which is meant to produce live thumbnail images of websites. Currently how it does this is a html component (myhtml) loads websites via it's location property changing from website to website and upon fully loading of each site a "snapshot" is taken of the html component and saved as a bitmap and applied as the source of an image corresponding to that particular site (abcnewsimage and bbcnewsimage). However I now need to insert these snapshots within the 'icon' properties of 2 array collections (myTilelistAArrayCollection and myTilelistBArrayCollection) which act as dataproviders to populate 2 tilelists (mtTilelistA and myTilelistB).
Basically I need the same images to appear automatically within the tilelists the way they do in the 2 images as the snapshots are taken by applying the same bitmaps into the currently empty 'icon' properties of the 2 tilelists i.e. the icon of the ABC News Item of both array collections must be the same as the abcnewsimage and appear as it appears and the same for the BBC News Item icon being the same as the bbcnewsimage picture as that appears.
It should look like the images are appearing in the tilelist at the same time as they are appearing in the regular images. What will I need to put into the icon properties to do this?
I hope this makes sense and if anyone can help me out it would be much appreciated.
<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication
xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" verticalAlign="middle" backgroundColor="white" width="1024" height="768">
<mx:Script>
<![CDATA[
import mx.graphics.ImageSnapshot;
import mx.collections.*;
private function takeSnapshot(event:Event) :void{
var imageBitmapData:BitmapData = ImageSnapshot.captureBitmapData(myhtml) ;
switch(myhtml.location){
case "http://abcnews.go.com/":abcnewsimage.source =
new Bitmap(imageBitmapData);myhtml.location =
"http://news.bbc.co.uk/";
break;
case "http://news.bbc.co.uk/":bbcnewsimage.source =
new Bitmap(imageBitmapData);
break;}
private var myTilelistAArrayCollection:ArrayCollection = new ArrayCollection([{id:
"ABC New Item", label:"ABCNews", icon:""},{id:
"BBC News Item", label:"BBC News", icon:""}]);
private var myTilelistBArrayCollection:ArrayCollection = new ArrayCollection([{id:
"ABC News Item", label:"ABCNews", icon:""},{id:
"BBC News Item", label:"BBC News", icon:""}]);
]]>
</mx:Script>
<mx:HBox x="10" y="10">
<mx:Image id="abcnewsimage" width="100" height="100" scaleContent="true"/>
<mx:Image id="bbcnewsimage" width="100" height="100" scaleContent="true"/>
</mx:HBox>
<mx:HTML id="myhtml" location="http://abcnews.com/" complete="takeSnapshot(event)" width="250" height="250" horizontalScrollPolicy="off" verticalScrollPolicy="off" x="10" y="118"/>
<mx:TileList x="268" y="118" width="294" height="250" id="myTilelistA" dataProvider="{myTilelistAArrayCollection}" rowHeight="100" columnWidth="100"/>
<mx:TileList x="570" y="118" width="294" height="250" id="myTilelistB" dataProvider="{myTilelistBArrayCollection}" rowHeight="100" columnWidth="100"/>
</mx:WindowedApplication>

Cheers Flex harUI. From what I can see superimage is mainly used to keep images at better quality. What I'm concerned with is having the images set within the 'icon' properties of the 2 tilelists AS they are set within their specific images. I've tried databinding by doing this for example:-
{id:
"ABC New Item", label:"ABCNews", icon:"{abcnewsimage.source}"},
I hoped that would cause the icon field of the array collection to be populated by the source of the abcnewsimage so that as the abcnewsimage is populated by the snapshot that is taken of the abcnews website the icon field of the abc news item in the array collection would be too so that furthermore the tilelists would then be populated by these images. Basically as each snapshot appears in it's specfic image it needs to be loaded into the icon property of the array collection too. In the end the icons should look as if they are appearing within both the tilelists the same way as they are appearing within the images if that makes sense. The images should be loading within the tilelist one at a time as they are in the regular image components.

Using checkboxes as datasource of TileList - how do I then receive selected checkboxes?

I've been googling and searching for this and it should be simple I'd imagine... (I'm new to Flex so that probably doesn't help:)...
I have an array that I create using CheckBox components. I then use this array as the dataprovider for a TileList and then also create a CheckBox itemrenderer.
The issue I'm having is that, I thought if I went over the underlying checkbox array at a later point (say a button click) - that I'd be able to see some selected items yet none of them show up selected as I iterate over them (even though I've checked some of the checkboxes.)
I have an event on the checkbox rendererer itself and when it fires I do see the selected property set - It's just going over the whole array that I'm not seeing them set. It's as if the underlying dataset is not being modified. What do I need to do so that I can capture the selected checkbox items? (Is the issue something to do with the renderer being reused?) I'm thinking getting a handle to checkbox items from from a TileList would be somewhat common so any help/examples appreciated.
Below is the pertinent code:
[CODE]
dataArray is an array of type [B]CheckBox[/B]
<mx:TileList id="reportMetricsBox"
        borderStyle="solid" height="100%" width="100%" maxColumns="3"
        columnWidth="110" paddingLeft="0" textAlign="left" borderThickness="0"
        dataProvider="{dataArray}">
   <mx:itemRenderer>
       <mx:Component>
           <mx:CheckBox click="handleClick(event)">
               <mx:Script>
                   <![CDATA[
                       import com.foo.event.CheckBoxEvent;
                       private function handleClick(event:Event):void {
                           dispatchEvent(new CheckBoxEvent(CheckBoxEvent.CLICKED, CheckBox(this)));
                   ]]>
               </mx:Script>
           </mx:CheckBox>
       </mx:Component>
   </mx:itemRenderer>
</mx:TileList>
[/CODE]

Here's what I did to fix it...
in my item renderer click handler I set the data selected item:
private function onChange(event:Event):void {
     dispatchEvent(new CheckBoxEvent(CheckBoxEvent.CLICKED, CheckBox(this)));
    data.selected = !data.selected;
I'm assuming that's what I should be doing?

How to fit videos/imges in tilelist without scrollbars

Hi
How to fit and resize even or uneven no.of videos or images in tilelist without scrollbars.Any help is appreciated.
Thanks
Srinivas

Hi Srinivas38,
You cannot set the VariableRow height for each and every item in the tilelist control. You will have the same height and same width for all the items.
You do have the variableRowHeight property for TileList as like in a List control ..but it doesn't work...The tilelist control just ignores the property.
So if you want to fit your images/videos in a TileList without scroll bars then you need to set the maximum height and width for each item which will remian the same for all the items in TileList.
Set the verticalScrollPolicy and horizontalScrollPolicy to off for the item(which may be an itemRenderer file you may be using).
Thanks,
Bhasker Chari

How to adjust gap between tilelist items?

Hi,
I have a tilelist which uses a custom item renderer component
to render its items. I am seeing a gap between the rows of items
(no gap between columns). I cannot seem to find a property of
tileList which lets you adjust this gap.
Can anyone help?
Thanks

Easy tracy. I didnt make as big of a fuss as you are making
comenting about my response. Perhapse you could've used that time
to answer someones question?
Also, the solution I mentioned actually only solved part of
the problem:
By setting the paddingtop and paddingbottom, I can adjust the
gap between the row, but paddingleft and padding right on the
tileList control has no affect on the gap between the columns
(horizontal gap between items)?
Thanks to anyone taking their time to help :)

URGENT : Dynamic rowHeight in TileList

I am dynamically populating a TileList with data from a database. There are multiple rows in the TileList, but each row needs to be a different height depending on the data that is populated, and the row height needs to adjust dynamically to that data. Is it possible to do this? I tried setting the "variableRowHeight" property on the TileList, but apparently that does not apply to the TileList control (or at least it does not seem to work).
I need to display the rows with the exact height without any scrollbars. Am getting to see all the different rowHeight when I alert it but am not able to see it in the display. Is it possible to forcefully set the rowHeight and redraw the Tilelist with the individual/different row heights?

VariableRowHeight is not supported in TileList. If you don't have too much
data you can use Grid/GridRow/GridItem

TileList textRollOverColor property

Similar Messages

Maybe you are looking for