Flex :: Itemrenderer Disable Rollover But Keep Alternating Colors?
Jun 1, 2011
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.
View 2 Replies
Similar Posts:
Feb 26, 2011
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]....
View 1 Replies
Jun 20, 2010
I am trying to figure out how to make the datagrid component have alternating row colors.I have poured over the manual but cannot seem to fine a property to support this
View 1 Replies
Feb 10, 2011
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] .....
View 3 Replies
Jun 18, 2010
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.
View 6 Replies
Aug 28, 2009
I want to make a box that changes color when the mouse rolls over it, and changes randomly between 10 different colors.
View 1 Replies
May 14, 2009
I 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 Replies
Mar 4, 2009
I have few custom buttons with movie clips, they active with rollover, but they become annoying if I rollout and rollover again in the same button.
I want to make them rollover just once.
This is the flash I�m working with: [URL]/
These are the buttons on the left.
Code:
on (release){
_root.modas.gotoAndPlay(10)
}
[Code]....
View 7 Replies
Jul 2, 2009
I've had this problem numerous times. I want to disable click events for a Button and have the Button appear disabled, but still respond to rollOver/rollOut events.
1. Consider a UI where users can vote for items they are viewing via a "vote" button when viewing an item -- they view one item at a time and there's one vote button on the UI.
2. User clicks "vote" and it sends the vote information to server etc, and stores in the session that the user voted for that item.
3. User can only vote for an item once. So to reflect this, I disable the vote button via Button.enabled = false. This makes the button visually disabled for the user and the user can't click it to vote again.
4. However, I want the user to know why the vote button is disabled, in case they forget they voted for the item and don't intuitively know why the button is disabled. In order to do this, I want rolling over the disabled button to give the user some feedback, like a tooltip that says "You already voted for this item."
5. Because the Button is disabled, I cannot respond to rollOver or mouseOver events.
There are alternative ways to letting the user know why something is disabled, but many times I think a roll over response with a visually disabled button fits the UI situation best. The only solutions I've come with are to check hitTestPoint with the mouse location on mouseMove (nasty) or create an invisible overlay button over the disabled button (also nasty.)
View 2 Replies
Aug 15, 2010
using this time delay
interval = setInterval(go_next,2000)
function go_next(){
clearInterval(interval)
gotoAndPlay(55)
}
stop()
Can any body make this timeline script,, like if there is a mouse rollover then the timer should fail or timer should not work or disable.. 4 frames i am looping with 4button scripts ,, during my mouse rollover on them should disable the timer delay..
View 3 Replies
Jan 24, 2010
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".
View 12 Replies
Mar 1, 2008
Basically I have several external swfs I am loading into one swf. For the navigation purposes, I need to load these swfs onto levels. There will be two at a time and I can't find script to load these swfs on two specified levels. I need to check if level 1 is occupied, and if it is, load on level 2. If level 2 is occupied, I need to load on level 1.
View 4 Replies
Nov 11, 2010
Im working on a video player, and I have a button for full screen, which function properly, however, the controls that surround it are stretched with the video when full screen is active. So I've been attempting to find ways to detect when fullscreen is active to change the controls, but nothing seems to work. I've used both FullScreenEvent and Event.RESIZE. Everytime, it can detect when it goes full screen (aka a black box is placed on the stage) but when i go back to normal screen, it doesnt detect that activity (and the black box remains).
Please see code below. I am trying to do this all inside a class which i will have an instance of on the main stage.
Code:
import flash.display.*
import flash.utils.Timer;
import flash.events.TimerEvent;
import flash.events.FullScreenEvent;
import flash.display.SimpleButton;
[Code] .....
View 4 Replies
Jan 6, 2009
When the movie loads, the music begins to play. I have a single Music On/Off button that can stop and restart the first track. However, whenever the user stops and then starts the music again, I'd like to alternate the track that plays.
As it stands now, only the the first track will play when the button is clicked (and when the movie loads, of course).
Code in action layer:
ActionScript Code:
var song = 1;
var my_sound:Sound = new Sound();
[Code].....
View 3 Replies
Apr 26, 2010
I wonder what kind of class(es) I should use to accomplish this task. I have two predefined colors, 0xFF0000 and 0x00FF00 (red and green), and I would like to set a number of gradiants of colors between these two colors. [code]This generates a random color, but I don't want to generate just any random one. Does anyone know what kind of color class I should use to accomplish my task objective?
View 5 Replies
Feb 4, 2011
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]....
View 1 Replies
Oct 17, 2010
Anyone 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 Replies
Feb 26, 2011
I 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.
View 2 Replies
Jul 22, 2010
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 Replies
Sep 25, 2010
I 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").
View 3 Replies
May 12, 2010
I am trying to style a DataGrid component so that the background is transparent (Flex 4). Rgba colors work fine if I make "alternatingItemColors" an attribute on the component, but if I try to declare it in my css stylesheet, I cannot declare the alpha value.
Works (mxml):
<mx:DataGrid id="songGrid" width="800" height="529" dataProvider="{songs}" itemClick="handleRowClick(event);" x="145" y="168" headerStyleName="dataGridHeader" alternatingItemColors="[0xFFFFFFFF, 0xFFFFFFFF]">
[Code]...
If I enter the values as "0xFFFFFFFF", I get a parse error, because it's not proper css (of course, most of flex's css isn't proper css, but I digress...). So, is there any way to declare the alpha value of these colors in the css?
View 2 Replies
May 11, 2011
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]...
View 2 Replies
Jun 21, 2011
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].....
View 1 Replies
Apr 2, 2010
Well the heading is basically what my question is:
How can I have different colors for different tabs in SuperTabNavigator.
Below is the code to my SuperTabNavigator with three tabs:
<containers:SuperTabNavigator x="0"
y="10"
width="100%"
[Code].....
I want to have different color for every different tab.
How should I do this.
I know there is a firstTabStyleName and lastTabStyleName: is there any way to have the secondTab or the middleTab
View 2 Replies
Jul 8, 2009
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 Replies
Jul 15, 2009
i 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]....
View 1 Replies
Aug 12, 2009
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].....
View 2 Replies
Nov 27, 2009
I have this DataGrid:
<mx:DataGrid id="myDataGrid">
<mx:columns>
<mx:DataGridColumn dataField="colA" headerText="Column A:" width="40"
[code].....
View 1 Replies
Dec 24, 2009
What is the Difference between ItemRenderer and ItemEditor?And When ItemRenderer is initializing and loading?
View 1 Replies
Feb 15, 2010
I've created a custom ItemRenderer extending UIComponent and implementing IListItemRenderer. This renderer contains a Text-Object to display the value.
For editing I'm using the standard ItemEditor (TextInput).
Now, when I want to edit a value, I click on a cell and the editor is created. But instead of displaying the value which was displayed in the renderer, "[object Object]" is displayed.
View 1 Replies
