To allow you to tab through itemrenderers in spark you simply set hasFocusableChildren="true". However when you tab to a row/tile which is not visible, it doesn't automatically scroll the List.
What's the easiest way of making this happen?
I'm sure someone must have accomplished this before, but I couldn't find any article on this.
How can we scroll a List control (with uses an itemrenderer) to the next item, when the user tabs from the current item to the next?
I know that we can use scrollToIndex(i), but how do we notify the List that the itemrenderer has moved to the next index? I couldn't find any such event.
I have item renderers in an mx.controls.Tree that I need to refresh on demand.
I have code in the updateDisplayList that fires for only some of the visible nodes no matter what I do. I've tried triggering a change that they should all be listening for; I have tried clearing and resetting the dataProvider and the itemRenderer properties.
private function forceCategoryTreeRefresh(event : Event = null) : void
{
trace("forceCategoryTreeRefresh");
[Code]....
The nodes refresh properly when I scroll them into view (e.g. the .data gets set), but I cannot force the ones that already exist to refresh or reset themselves.
I'm creating a list of scores for a game. now most of the list i need to have the same ItemRenderer. but in one specific row of the list where the user who's playing is listed, it should show different information and with different background color. how can i achieve this ?
I already tried to resolve the issue with states, i created 2 states, one state called 'mine' and the 2nd state called 'others'.
the problems that i got is that when users click on one of the list rows that state changes to i donno clicked or something and that's why i assumed that states are not the right action for me.
I have a List class with an itemrenderer. How can I get the itemrenderers to divide the List width between them? Normally, I would think this would be a easy as giving the renderers a percent width but that no worky.
Application:
<?xml version="1.0" encoding="utf-8"?>
<s:Application
minHeight="600"[code]..............
I'm building fairly simple item renderers, in fact, here's the code for one of them...
Code:
<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml"
implements="mx.controls.listClasses.IListItemRenderer"
[Code].....
It's a really simple renderer that has an image and some text sitting next to it, or just the text if no image is in that item's data provider. There is also some basic rollover, rollout and click functionality...
So my question: Why is it that if my list needs to scroll it gets messed up? By "messed up" I mean that the text changes from being to the right of the image (when image is present) to moving over top of the image, as if it isn't realizing that the image is there. There's also sometimes an issue of the item renderer shrinking down so there is no longer anything even visible in the box (just some black with a grey border on the bottom about 5 - 10 pixels big...
I'm wondering if maybe my item renderer is too complex? I'm having the same issue with text working like that in another renderer, but no images, just text placed in certain positions (as well as some strage blue tints showing up at the top or bottom depending on how I am scrolling)
By the way... here is the MXML where I am initializing my list...
Code:
<mx:Canvas width="100%" height="100%" id="list">
<mx:List
width="100%"
[Code].....
I have following itemrenderer
[Code]...
My question is Should above logic go in updtaeDisplayList or remain in set data() itself. The output is smae from both. Whats the performance impact difference if we consider it from lifecycle perspective.(The heavy computations should be pushed towards the end of the frame rendering)
I've got a spark ListForm with a custom mxml itemRenderer,all the itemRenderer has is[code]...
View 1 RepliesIn flex 4.5, I have an application that has a BorderContainer that loads a spark list (mxml style - _myList and the borderContainer is stored in a library outside of the parent application) that loads an arrayCollection with an itemRenderer (I should note said itemRenderer is not an inline renderer - on selection of an item in the list, the itemRenderer expands, loads a particular control within the item renderer based on data passed from the selected item in the list) and allows the user to perform a search. This works all well and good on startup/load, until I try to change the dataProvider for the list (my app allows users to switch data sources which then creates a new dataProvider with new variables). I have tried:
[Code]...
Basically I want to override some function in the flex/actionscript list class which creates a new ItemRenderer and passes it the required data ready to be displayed. I need to do this because I wish to show a different renderer based on the type of data being displayed. Is there such a function?
I don't really want to pass the list a single itemRenderer which calls its addChild function depending on the type of data it has - It just doesn't seem right.
A question about ItemRenderers: let's say I have an ArrayCollection that is my application data sitting inside a global object. I them populate a sparks list with this data, setting the ArrayCollection as the dataProvider.
So each ItemRenderer gets a copy of an item sitting in the array. You can override the "set data" method to set the data something more domain-specific. The problem is that the data is a copy of the original item.
Now let's say we want to add some data to the item while inside the ItemRender. For example, it could call a method on the item telling it to load some details about itself, or maybe we allow the user to modify something on the item.
Obviously, we can't do any of this if we are operating on a copy because it will be thrown away as soon as the ItemRenderer is destroyed and the original object doesn't know anything about what happened.
So what's the best practice? Should I just use the itemIndex of the renderer to pull out the original item from my global array like this:
{globalArrayCollection}.getItemAt(this.itemIndex) But it seems kind of clunky to me. Is there a best practice for dealing with this?
I'm developing on Flex 4. I have a datagrid container and custom itemrenderer with a text field, a button and a few boxes. Every time some data is displayed, the app stalls for a second or two before rendering completely. Is there any way to make it render more fluidly or render one after another...?
View 1 RepliesI've got a Gridcolumn in a Datagrid (Spark). The Column's dataprovider is a Number value that gets updated via Binding.Now, without an item renderer the cell displays the correct values.If I set an item renderer, I can't access the values in this renderer.My renderer looks like this, so nothing really do here (for now) but to trace the value, but the value is always NaN.
<?xml version="1.0" encoding="utf-8"?>
<s:GridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark" width="100%" height="100%" >[code].......
without the renderer, the column displays the correct values, so apparently the DefaultGridItemRenderer works fine.As requested, here is my Datagrid;
<s:DataGrid id="dataGrid" dataProvider="{_listItems}">
<s:columns>
<s:ArrayList>[code]..........
_listItems is an ArrayList with instances of a model class, which has (amongst others) a property called change of type Number.
how can i scroll two text boxes with single scroll bar?
View 3 RepliesI'm quite new to flex and ActionScript and I'd like to create a custom component acting as a calendar (using a Sprite), in which the calendar events are represented as rectangles the user can interact with (click to get information about the event, drag and drop for setting start and end dates...). It seems that using a subclass of DataGroup is a good way to do it, but some things are obscure to me.For example, how should I use the Sprite? as a child of the DataGroup? Also, the calendar events will be drawn using a custom ItemRenderer, and I will have to use a BasicLayout in my DataGroup, but where should I tell that an ItemRenderer should draw its rectangle in the Sprite at the corresponding (x,y) coordinates?
View 1 RepliesI have a list that has alternating item colors.
<s:List id="myList" change="selectionChanged(event)" alternatingItemColors="[0x000000, 0xFFFFFF]" dataProvider="{alResults}" itemRenderer="itemRenders.Results" width="100%"></s:List>
[code].....
So I've 2 buttons and I can tab between them like this:
Code:
butt1.tabIndex = 1
butt2.tabIndex = 2
Simple. So now I drag a combo box onto the stage and nothing tabs anymore!
I can then set the combobox to be tabbable but the mc's don't tab anymore
Code:
combo1.tabIndex = 3
The only way around this I have found is to remove the focus manager but then only the mc's are tabable again!
Code:
_root.focusManager.removeMovieClip()
butt1.tabIndex = 1
butt2.tabIndex = 2
combo1.tabIndex = 3
the only way I can see to get all of them tabable is to use "tabChildren":
Code:
_root.focusManager.removeMovieClip()
butt1.tabIndex = 1
butt2.tabIndex = 2
combo1.tabChildren = true
combo1.tabIndex = 3
but this then makes the combox editable for some reason and if I turn it off it stops being tabable again
When using the tab key, how do you prevent the value of a combobox from being cleared when you tab thru it?I have a number of fields, when you click the tab ket, it goes from one field to the next. When you get to a combobox field, it clears it
View 2 RepliesIs it not possible to tab to links in a TextField?
View 1 RepliesHow to make tabbing work on my mail form? When user wants to go from text field to text field, what he/she need to do is just simplytab, but it doesn't work automatically on my form - do I need a special code for this?
<?php
$emailku="user@yahoo.com"; // your email address to send to
$validResponse="Thank you for your interest in our company."; // your response message appeared in flash after sending
[Code]....
I have a form in Flash. I have the tab order set up thusly:
Code:
fname.tabIndex = 1;
mi.tabIndex = 2;
lname.tabIndex = 3;
[Code]....
Everything is fine, except the "state" field is actually a combo box component. It will tab from "city" to "state", but when you hit "Tab", it does not move the focus to the next field.
Is there some trick to this or some other code or a paramater I'm overlooking? Do I have to make a customer key listener to make it tab off a combo box?
I'm building a complex movie using MX2004 and ActionScript 2. Problem: I can't get text tabbing to work, no matter how closely I control the situation using tabIndex, tabEnabled and tabChildren.
While working to simplify a reproduction case, I've ended up with a movie that works, just having four Input Text TextFields hand-added to the timeline, no code involved. But, when I drag a Button from the Components window to the library, tabbing breaks. This is without even placing the Button on the timeline. Remove the Button from the library and it works again. Needless to say my project uses Buttons, and I'd rather not have to re-implement them.
Let me say it again. In a generic, timeline-based movie with no ActionScript included, tabbing works between Input Text fields. But the mere act of adding a Button instance to the library, without the Button ever appearing in the timeline, breaks tabbing. I'm flummoxed: why would something being present in the library, without any appearance in the time line (nor any Actionscript to add it), have anything to do with the movie's functionality? True, adding the Button increases the size of the published .swf from 177 bytes to 27kB, but why would it break things when I'm not even using it?
I've attached the broken movie. Open it and test it: tabbing won't work. Delete the Button from the library, test again: tabbing will work.
Attachments:
HardwiredTabbing.fla.zip (45.4 K)
I'm having difficulty setting up the tabbing of some textfields after I disable and then re-enable the tabChildren property. Has anyone found a solution for this? I'll use a very simple example. I set the tabIndex of all the textfields. I test it out and the textfields tab properly. Then I set the following pseudo code to a button which will disable all the textfield tabbing in a particular MovieClip ("mcForm") and then one line later, it re-enables the tabbing:
mcForm.tabChildren = false;
mcForm.tabChildren = true;
However, the expected behavior does not happen. I expect that when I click the button, there would be no change in the tabbing, but in actuality the tabbing of the textfields are now disabled. It's almost as if the 2nd line of code that re-enables the tabbing has no effect.
I have a quiz that randomly sorts then dynamically places a question and its answer choices. An answer is a text field laid over a movie clip with a resizable, invisible rectangle and a radio-type button (not actually the radio button component) that handles the rollover and feedback. When clicked, it looks like a selected radio button if correct and has a big red X if incorrect. At this point, I remove all its eventListeners and leave it in the feedback state because the user gets to try again. It also places a feedback box on the screen with the standard, "Try again."
This all works perfectly with the mouse, but the quiz is for .gov sites, so it has to be 508 compliant. When tabbing to and clicking on an answer, the feedback button works fine, and the feedback dialogue does, too. When tabbing to another answer, however, the incorrect try resets to its up state, minus the eventListeners. I am disabling buttonMode when the eventListeners are removed, and I've tried doing all this before the feedback box is placed, as it's placed, and after the user clicks to continue. It doesn't make a difference, and neither does including tabEnabled = false; I tried not even adding the FOCUS_IN and FOCUS_OUT, and that didn't make a difference.
I could removeChild and then add it back as a new, never-been-a-button object, but if there is a simple setting, I'd like to know about it.
I have a set of 5 TextFields that a user enters info into. Each has the same TextFormat applied. If the focus is set by clicking with the mouse, the TextFormat is applied and all is well. If the focus is set by tabbing, the TextFormat is not applied and a default style for the font is seen. Here's my code:
Code:
var input1:TextField = new TextField();
addChild(input1)[code]...................
Has anyone seen this before, and if so, why does it happen? [URL] Click the Contact Us form and tab from one field to another. Or fill in the "Go Black" form at the bottom of the page and tab between fields. What's the deal with that white box? Where does it come from? Why is it there? How do I kill it forever?
View 2 RepliesI am having some trouble figuring out how to work auto-tabbing between input text fields when a user inputs a character. I have a series of text boxes with maxChar set to 1, and when the user inputs a character, I would like it to auto-tab to the next one. I'm putting together a crossword-style banner ad so the auto-tabbing willtremendously. All the input text fields are instanced on the stage as input1, input2, etc; not called in from a custom class.
View 5 RepliesI have a simple form I created in flash and I set it up so you can tab from one field to the next. The problem is when I tab to one of the fields, a multiline textbox, it starts on the second line of that field. If I click on the textfield it goes to the 1st line.
The code is pretty simple:
_styleLibForm.tabChildren = true;
_styleLibForm.first_name.tabIndex = 1;
_styleLibForm.first_name.tabEnabled = true;
[Code].....
I'm compiling a SWF using FlexSDK 4.1. I am not disabling any tab functionality. Swf is being embedded with the following via swf object:
swfobject.embedSWF("Main.swf", "flashcontent", "984", "550", "10.0.0", params,flashvars, attributes, "expressInstall.swf");
Expected outcome when tabbing is to see "yellow boxes" on all items with click events. I don't see anything all browsers. WMODE is 'window'
I have a few textAreas (input fields) in a form.When I click on the Tab key, the focus shifts to the textArea. And along with this, a green outline comes around the textArea... How can I avoid the textArea outline color? I guess there must be a piece of AS out there which would help, it's just I did not find it and Official Docs won't say much about it.it does not happen so if compiled the movie under AS 1.0. It only has this behaviour when published with AS 2.0 (and perhaps AS 3.0 donno).
View 8 Replies