My itemrenderer has 2 custom states, no hovered state, and no normal state[code]...
When I initialize it, I force it to go to state2. The problem is that when the mouse rolls out away from the item, it relapses back to the first state state1. It's kind of weird since I don't really have a hovered/unhover state.
I've some flex structure:
<s:BorderContainer id="addFunctionBarContainer" width="100%" height="50"
mouseOver="addFunctionBar_hover(event)">
<s:Button id="addFunctionBarButton" width="20" height="20"[code]..
Explain: when I hover addFunctionBarContainer the addFunctionBarButton state should be hovered.
I've found a very annoying problem with the itemRenderers in a DataGroup in flex 4, when I mouseout of the itemRenderer is returns to its default state. Here's an example:
<s:Application
xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx">
[code]....
When the user clicks on the button the VGroup is collapsed as expected, but then if a user moves their mouse out of the item renderer it then collapses, i.e. returns to its default state.
I used play button image within datagrid iteam renderer, if I click image then move to another state (by using currentState ='play'). So I tried like
<mx:DataGridColumn textAlign="center" headerText="" dataField="col2">
<mx:itemRenderer><mx:Component>
<mx:HBox textAlign="center" paddingLeft="17">
<mx:Image source="@Embed(source='image/play_button.png')" click="currentState='Playsystem'"/>
</mx:HBox></mx:Component></mx:itemRenderer>
But it's shows error like undefined state 'Playsystem'. But Already I have state.
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.
For my custom components, when they go from enabled to disabled or disabled to enabled, I want to trigger a custom event. I can't find any related events in the livedocs.
View 2 RepliesI would like the native Flex checkBox to change state only, when the box is clicked. If user clicks the label the state shouldn't change.
The click event cannot be muted as it is utilized in parenting components.
how to obtain such functionality? How to detect, that user has clicked the label?
create a rollover button that once hovered over would create the snow and once 'un-hovered over' (<---:s) the snow would stop falling. I tried creating the button but kept getting errors etc.... Im a total noob (been using flash for about 1 month) if you could give us a hand that would be great....
View 5 RepliesI have created a module with 3 states as an itemrenderer. The states are called Movies, Songs and TvShows. The base state is empty. The itemRenderer consists of Hbox, Vboxes and labels.And I have created a List component.What I want to do is to populate data in my List component and make it visible using my ItemRenderer. Depending on the data that is pulled out from the database I want to show the itemRenderer's correct state. Hence if the record pulled out from the database is a song, I want to display the Song state, if it is a movie, I want to show the Movie state and so on.So depending on the data that's pulled out, I would like to change the current state of itemrenderer.
View 2 Replies[Code]...
I have six portfolio images that i need to animate using actionscript. I want the images to enlarge as they are hovered over and the other images that are not hovered over i want to get smaller. I found this code - but i can't get it working - i am doing something?
[Code]...
It's my understanding that view states can be useful when switching the layout of design elements. Such as, a loading page as one state and the main application design in another state. Is this the correct use of them? Additionally, I have a label in State1 and I cannot figure out how to access that label via actionscript. labelID.text = "New Text"; is not working.
View 2 RepliesI'm using Flex 4.5 and trying to take advantage of the new state groups feature. I have two States (call them readType1 and readType2) that both belong to the same stateGroup (call it readOnly). There are several places where I'd like to do something based on the current state, and it would be the same thing for the two read states. [code]...
View 1 RepliesIn my air project i used current state size is width="441" height="358" . i have link button like Singin then move to singin state (currentstate='singin')
<mx:State name="signin">
<mx:SetProperty name="height" value="616"/>
<mx:SetProperty name="width" value="919"/>
So application resize into 616,919 . After that function finished move to current state like(currentstate='') But size not be changed . How can i set the size for current state?
I want to fade all the elements of the next state when transitioning from any state.I tried different things but I can't get it to work. And I don't want to manually add transitions for every state.
Something like:
<s:Transition fromState="*" toState="*">
<s:Fade target="*" duration="500" />
</s:Transition>
In my view I have a welcome screen:
[Code]...
Which is a pretty small component and I have panelContainer:
[Code]...
Whilst the user is reading the warm and fuzzy welcome note in the welcome state I want to be creating the big expensive panels state so taht when we switch there is no delay. Before the panels state is set panelView is null but I presume there must be an IDefferredInstance floating around somewhere that I can use to kick off the creation of the view. How can I get hold of it?
I'm using the code bellow to change the color of button on rollover and rollout. Tried to disable the button using mouseEnabled = false, but when rollout, the button changes color, instead of keeping it's rollover state.
Code:
stop();
import com.greensock.*;
import com.greensock.easing.*;
//leave button1 as clicked when starting the movie.
[code]....
in short, when a button is rollover, it has to change its tint to "blue", when rollout, change to "null", when clicked should remain in "blue state", and restore the previous clicked button to "null state color".
i curious how to access state in flex "Current State" from flash movie clip??..so far i make movie clip in flash and it has button inside with name " button" and i put this flash file into flex in "state 1" flex application..i want to make event handler for "button" that trigger changing state from "state 1" to "state 2" in flex application..and in flex application i do not write anything because i have no idea how to deal with this stuff..
View 1 RepliesI am trying to create an item renderer for an AdvancedDataGrid, using a MXAdvancedDataGridItemRenderer.
When I attach a sample custom item renderer (MXAdvancedDataGridItemRenderer) to hierarchical data in an AdvancedDataGrid the item renderer does not render the cell correctly. The custom renderer will only render as a hovered (highlighted) state if it also not selected. When the row is selected and hovered then the custom item renderer will only render the cell as selected.
How can I get the custom renderer to recognize that is should render highlighted when the row is highlighted?
The image below shows an example of this. The first row is selected and the mouse is over the second cell. As you can see the cell is rendered as 'selected' and not as 'hovered'.
This is an example application:
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
[Code]....
i have a problem using the itemRenderer functionality. When using an ArrayCollection the visible Data in the DataGrid using the itemRenderer will be rendered just fine. But if i start scrolling the entries are repeating in the cells using the renderer. The cells are not filled with date according to the id. What mistake i'm doing here.
I read a lot of the explainations like:
[URL]
here is the code for the set data function (itemRenderer is extending HBox):
override public function set data(value:Object):void {
_data = value;
if(data!=null)
[code]....
I'm creating a product for my A2 course and am doing it for Photography.
For the 'what is needed' page I want it to be just text and then when each indivuaul text is hovered over I want the thumbnail images to appear.
I have a button that when hovered over scrolls out to reveal the page. I then want it so that when someone rolls out from the button, it then scrolls back in to how it started. This seems to work ok, with just one small problem, the page doesn't necessarily always stay scrolled out, even if you don't move the cursor away from the hit area of the button. I have a flash file which contains a simplified version of the button as I would to achieve it working, and then on a separate layer my faulty button. Its too big to attach, but if anyone can help i would gladly email the file
View 5 RepliesAnyone know how to change a single instance of an item renderer for a Flex tree item at runtime? To reiterate, I'm not trying to change the entire tree's item renderer like this:tree.itemRenderer = new ClassFactory(ItemRenderer2);I'm trying to change the item renderer of a single tree item like this (the following code does not work):tree.selectedItem.itemRenderer = new ClassFactory(ItemRenderer2);To put it more simply, does anyone know how to reference an instance of an item renderer and set it to a new item renderer class? I've tried using the Tree's itemToItemRenderer() method with no success.
View 1 RepliesI have implemented drag and drop between 2 AdvancedDataGrid, but the default behaviour from Flex displays the row data during the drag using the grid item renderer showing all 5 columns.
Instead, I would like to display an icon / image or my own custom item renderer during the drag and drop.
I have been working through a tutorial to make a side scrolling image gallery. This is working perfectly so far but I would like to know how to add a title to the pictures when hovered over within the overScrollerItem function. Within my XML I have a title attribute with each image which I want to access but I do not know how to access this within my overScrollerItem function.
View 2 RepliesI want to create a list of progress bars and update the list accordingly.I have group data in an Array as
<mx:Array id="arr">
<mx:Object label="Group One" min="0" max="200" currentValue="60" />
<mx:Object label="Group Two" min="0" max="300" currentValue="50" />[code]....
The values in the array object indicate name of group,minimum,maximum and current value for the group (to be used in progressbar).I used the list with "mx.controls.ProgressBar" as itemRenderer as
<mx:List width="100%" dataProvider="{arr}"
itemRenderer="mx.controls.ProgressBar"/>
Now what I need is whenever currentValue field of Array "arr" changes i want to update the progressbar "progress" value to currentValue (where min and maximum value of progressbar are stored in Array "arr").
How can we navigate within an itemRenderer? For example, in Views we use the View.navigator (ViewNavigator) to push and pop views, there is no such feature in ItemRenderer.
Navigation within a View (Easy)
<s:View>
<s:HGroup >
<s:Button label="Questionnaire" click="navigator.pushView(view.QuestionnaireCategory1View)"/>
</s:HGroup>
Navigation within a Item Renderer (Impossible?)
<?xml version="1.0" encoding="utf-8"?>
<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
[code]...
I have a List which has TextInput as itemRenderers for all its items. Upon application launch the items are rendered in the TextInputs correctly. The data is being populated from an Array of Objects.
What I want is, after the data has been populated in the ItemRenderers, I want to have an additional item renderer (TextInput of course)...so that if the user wants to enter another item, he can put it in the additional textInput.
And I also want to add the additional itemRenderer each time the user has added a new item and taps ENTER on the newly added item.
Below is my itemRenderer, there is the clearTxt_enterHandler handler..but I wonder how to add another itemRenderer upon "Enter".
<?xml version="1.0" encoding="utf-8"?>
<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
[Code].....
Is it possible to put an itemrenderer on the DataGrid itself rather than a datagridcolumn? I could only find examples for datagridcolumn. I want a generic itemrenderer on all the items in a datagrid...
View 1 Repliesi used iteamreander in datagrid . if i select checkbox in grid automatically select another checkbox why? plz explain My xml data is more then 50 records.
<mx:DataGrid change="calculate()" id="calamount" x="0" y="3" width="327"
height="337" variableRowHeight="true"
dataProvider="{xml_coupon.lastResult.Teamcoupon.match_details}" >
[code]....
I have an AC with several questions and assoicated answers. These must be shown in a DG, and the idea is that the rows and colums of the DG are bound to the AC. For example, if the answer to question1 is Yes, the Yes-button must be true, and both the others must be false (as in normal radiobuttongroup behaviour). But when I change a button by clicking it, the actions datafield of the AC should change accordingly. Am I clear enough here?
It is ment for dynamic questionnaires.
<?xml version = "1.0"?>
<mx:Application xmlns:mx = "http://www.adobe.com/2006/mxml">
<mx:Script>
[Code].....
