Flex :: Border Appearing When I Mouse-over In Datagrid Containing Skinnable Container?
May 12, 2011
I have a project where I display content from an array. I also need to display ratings- which is between 1- 5 stars, works fine with correct alternate shading for each line- however, when I mouse-over, the skinnable countainer in the itemrenderer(named cont) still retains the original color it had for that row. As we are using fxg graphics, we have a a skinnable container box containing the ratings with one shade, that lies just within the larger table - with row color having changed on mouse-over. Screenshot attached- you can see the thin patch of blue between the ratings box(dark grey) and the highlighed row on mouseover...
I was told to shift from Datagrid to List to resolve this and for better performance- seems like a biggish task which I messed up.As an easier alternative, was looking to I would like to either
a) get the skinnable container color to disappear, so I see single color in a row on mouseover
b) disable the color change on mouseover for the grid rows, so this issue is avoided .The datagrid is very straighforward as below
<mx:DataGrid id="experimentgrid" fontSize="{12}" fontWeight="bold" color="#006837" styleName="dataGridStyle" rowHeight="{15}" borderVisible="false" showHeaders="false" x="[code]...
View 2 Replies
Similar Posts:
May 24, 2011
I have a BorderContainer with some instances of spark Line. I need to select this lines by clicking on this. But adding event mouse click listener fails. ASdoc [URL] says that line have only activate and deactivate events. Any best way to detect whether line clicked (use another line class?). I think that catching of clicks in the bordercontainer is bad solution.
View 2 Replies
Dec 12, 2011
I wanna use Alert dialog box instead of skinnable container in my mobile application. I imported Alert class like:
import mx.controls.Alert;
and then I wrote the code below in my button click handler:
Alert.show("example","Error!",Alert.OK);
but when I wrote this code I got lots of errors whose codes are 1120 and 1172, e.g.,
"Access of undefined property ButtonSkin".
If I do not write this code, there is no problem. My application works fully.
View 1 Replies
Jul 22, 2011
Using Flex 4 AIR, what is the maximum widtha and height I can set for line and the bordercontainer?
bc:borderContainer = new borderContainer();
bc.width = 80000;
bc.height = 80000;
View 1 Replies
Apr 5, 2011
My basic requirement is to draw a circle inside a BorderContainer with the layout set to BasicLayout.I run this method in the CREATION_COMPLETE event of the BorderContainer object.[code]I know I must be missing something VERY basic here. Can I just draw like this OR should I draw in some other event? I know that I can create a Ellipse object and easily add it to the border container but I would like to know how I can do this using the graphics object.
View 3 Replies
Apr 27, 2010
I can successfully add a validator on an item in my datagrid, by passing in the particular element in the dataProvider to the validator, but I can't get the red border to show up around the cell if the validation fails. I have stepped through the validator, and confirmed that it is passing back a failure, but I can't figure out why the red error border doesn't show up. I have a feeling its because I am passing the item in my dataProvider as the validator source, rather than the 'cell' item, but I can't find a way to access the cell.
View 1 Replies
Jun 29, 2011
I have a custom skin applied to a Flex 4 spark datagrid. One really annoying issue I am having is finding the ability to override or change the selected row border color. I was able to set the selectionColor just fine but the border is still the default light blue color. I need it to be yellow.
Anyone know where I can find this style or override this border that is being set when selection happens within the skin itself.
View 2 Replies
Oct 14, 2010
There are lots of examples of how to create skinnable components in AS3 using the new Spark component architecture, however I've yet to find any such examples using MXML.What I'm mainly referring to is defining the skin parts and skin states. It seems as though the SkinPart metadata is supposed to be associated with properties and as such can't be used in MXML, is this correct?
View 1 Replies
Oct 28, 2010
q) One problem I still have. How do I remove this awful yellow border around the sprite container in AS3
private function checkNumber(e:Event=null):void{
trace("Globalvars.vars.noLoaded" + Globalvars.vars.noLoaded);
if(Globalvars.vars.noLoaded>=15){
[code].....
View 1 Replies
Dec 15, 2011
I try to create a function to change border property of border container.To do that I create a function for each border container on my MXML.But I'd to code better and to do a generic function.Today my function is:
protected function bcContact_mouseOverHandler(event:MouseEvent):void
{
// TODO Auto-generated method stub
bcContact.setStyle("borderVisible",true);
[code]....
bcContact is one border container Id.I try to replace bcContact by this but it doesn't work.
View 2 Replies
Jan 10, 2012
I am working on a project where I want to add a click listener to the root DisplayObjectContainer, which, if the user clicks on a UIComponent, will add a red border to whatever the user clicked on. Currently, my code to do so looks something like this:[code]Unfortunately, nothing actually happens. The UI component the user clicks on remains distinctly un-bordered. I've tested event.target and am reasonably sure that it does actually point to the UI Component the user clicked on; I also used Alerts to make sure that the if statement was actually executing fully.
View 1 Replies
Dec 21, 2011
When you drag the edge of container with mouse ,how to implement changing the size of container?
View 1 Replies
Jun 25, 2011
Im working with a flex application that pulls data from a java class file using message handler event. The received message string is added to ArrayCollection. The string consists of codeID and other values related to codeID. Had displayed the detail in a datagrid. The codeID is randomly generated and is pushed to flex for every second. Now, the problem is, I needa update the datagrid cell values, for instance, if i have pushed codeID's of (0001,0007,0005,0003) to the front end, that displays the corresponding values of each codeID in the datagrid, second instance of (0001) should update records in the existing row of (0001). I tried to check the existence of codeID in ArrayCollection using search algorithm, but dont know how to proceed further.
View 1 Replies
Jul 14, 2010
It's a small hidden menu showing on mouse over. Here is the problem: the transparent button (that enables mouse over and mouse out menu) covers my small menu so i can't click on buttons i put on it (i put buttons on frame 5 of mouse over function ).. Is there a way to click on those button while mouse over is active? Or make the button that covers my menu a kind of transparent so my menu can be clickable?
View 3 Replies
Apr 7, 2010
I generate a button at the location of the mouse cursor.It is not clickable at that moment, I need to go off and on again to be able to click.
View 4 Replies
Jan 18, 2005
I've just stumbled upon a tiny but annoying problem concerning the mouse hand symbol that appears to indicate if a movie is clickable or not. I have a movie with a onRelease handler attached to it. Now I dynamically want to remove this handler (eg.mc.onRelease=null)However, when hovering over the movie, flash keeps on changing the mouse pointer into a hand symbol. Thus wrongly telling the user something will happen when clicking. example code to trigger the problem:
mc1.onRelease = function() {trace('mc1');}
mc2.onRelease = function() {mc1.onRelease=null;}
Note: The same thing happens when removing an onRollover handler.
View 2 Replies
Jan 18, 2005
I have a movie with a onRelease handler attached to it. Now I dynamically want to remove this handler (eg. mc.onRelease=null). However, when hovering over the movie, flash keeps on changing the mouse pointer into a hand symbol. Thus wrongly telling the user something will happen when clicking. example code to trigger the problem:
mc1.onRelease = function() {trace('mc1');}
mc2.onRelease = function() {mc1.onRelease=null;}
Note: The same thing happens when removing an onRollover handler.
View 2 Replies
Jul 2, 2011
In a Flex Mobile project I have a simple itemRenderer where I'm trying to create an "bubble" texting effect, similar to ichat or iphone (just so you get what im going for). But if the text is longer than the screen it runs off, rather than just going down a line.
If I set Group thats holding the rectangle(to create the bubble effect) and the label to 100% it works and keeps it from exceeding the list containers bounds, BUT the group is always at 100% and looks bad, I'm trying to keep the "bubble" JUST AROUND the text.
Anyway so, at the top of my itemRenderer I tried specifying:
<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark" width="100%" height="100%">
And here's my layout I figured since msg_container has a width of 100% I was hoping bubble_lable_group would just not exceed that but...it doesnt...it just runs off. I tried setting a max width but that does not allow you to input percents. And just to say it 1 more time. I know if i set bubble_lable_group width to 100% it works, and keeps it from going off the edge, but then the rectangle "bubble" stretches all the way across and just looks bad.
<s:VGroup id="main_container" horizontalAlign="left" paddingBottom="10" paddingTop="10"
verticalAlign="top" width="100%">
[Code]....
View 1 Replies
Apr 27, 2011
I have a datagrid with more than 70 columns (with few fixed). I dont want the scrollbar to appear in datagrid (both horizontal and vertical) but in the parent container which is a VBox (or canvas) instead. This will help to scroll the screen vertically without having to scroll all the way right in datagird to scroll vertically.
View 2 Replies
Sep 21, 2011
I have a loop that goes through data from a book and displays it. The book is not consistent in it's layout so I am trying to display it in two different ways. First way(works fine) is to load the text from that section in to a panel and display it. The second way is to create a new panel (panel creates fine) and then add collapsable panels(nested) to that panel. Here is the code from the else loop.
else if (newPanel == false){
// simpleData is just for the title bar of the new panel
// otherwise the panel has no content
[Code]....
The error I get is: ReferenceError: Error #1069: Property panel4.4 not found on components.readTest and there is no default value.
I have tried setting the "name" property instead of the "id" property.
View 1 Replies
Dec 23, 2010
I have a viewstack container w/ 3 views: red, black, and blue. How can I completely hide the black & not include it?
[Code]...
View 2 Replies
Jan 13, 2012
I am creating an flex Air project,so mxml file will run. I have circles in one Big circle at one side and will be same on other side.
Now how to drag any circle from any Big circle to other side. Or it could be like any two container having circles, then how to drag and drop circle?
For one circle i am able to do drag and drop.But I want one Big circle on left hand side and one big circle on right hand side .And small circles with class names will be in these big circles.Now i want to drag and drop those small circles in big circles.Big cicles should not move. Even i have tried this code in actionscript
package
{
import flash.display.Sprite;
import flash.events.MouseEvent;
[Code].....
But in this i want big circles should not move and small circles should only be dragged.
View 1 Replies
May 1, 2002
Way to stop the pointing hand cursor from appearing when the mouse rolls over a Flash button?
View 13 Replies
Dec 4, 2010
I'm building a flash app that will go full screen. I need to ensure it's usable at a variety of resolutions.I can overlay them fine, but the problem is I now can't interact with the app, because when I click on some part of the UI, it thinks I'm clicking on the image, since it's technically in front. I want the image to be in the front at a visual level, but without it having any bearing on the keyboard/mouse interaction with the app.My fall back is to create a series of 1pixel wide lines, which will still be in the foreground mouse/keyboard wise, but I can cope with losing that much interaction ability.
View 1 Replies
Jan 27, 2010
I'm currently working on a custom component which extends Canvas (let's call it SuperCanvas) ; it's basically a container that let you zoom & pan its contents. It would be too long to explain why, but I can't use scrollRect, so I was forced to declare a Canvas object (called innerCanvas)... inside my SuperCanvas (I know, not very nice =/) I would like to know if there's a proper way to "redirect" the creation of my component's children in this canvas.
[Code]...
View 1 Replies
Feb 14, 2010
I've added an eventListener to the COLLECTION_CHANGE event that is fired when the grid is finished resorting the items in its dataProvider, after the user clicks on a column header:MyType (myDataGrid.dataProvider).addEventListener(CollectionEvent.COLLECTION_CHANGE,onDataGridResort);
View 1 Replies
Mar 15, 2010
I am working on a problem since a week soon, but I still couldn't make it work as expected. I have a DataGrid which has HBox with a CheckBox an a Label as itemRenderer (see Code below). When I tap in to the Cell the standard itemEditor pops up and lets you enter the content of the label. Thats the standard behavior. I works fine except for 2 problems:
If I enter to much text, the horizontal srollbar pops up, and the cell is filled with that scrollbar. As you see I tried to set the horizontalScrollPolicy to off, but that doesnt work at all... I tried to do that for all the different elements, but the failure is still existent. When I have filled more than one row, there is an other mistake happening. If I tap on a row, the datagrid selects the one below that row. That's only if one line is already selected. If I tap outside the datagrid and then, tap at any row the itemEditor of the right row will show up... Is there anything now wright in the setup of my set data method?
package components
{
import mx.containers.HBox;
import mx.controls.CheckBox;
[Code]......
View 2 Replies
Mar 24, 2010
From this (normal dataGrid)
into this (horisontal data grid)
How to turn Flex MXML DataGrid into something like Horisontal DataGrid? (may be some how with Flash builder 4?)
Keeping all stuff DataGrid has like eating data from data provider sortind dragging - droping items etc
View 1 Replies
Oct 15, 2011
I have two datagrids:
- Division
- Members
Both have single columns. Selecting one item from Divsions datagrid should display members of that Division in the Members datagrid. But following code has some problem and Members of a particular division do not show up when respective Divsion is clicked.
Following are some snippets of the related code. Hope someone can spot an error in it.
[Code]..
View 2 Replies
Jul 16, 2009
I've been using this code to disable the mouse events on some movie clips when my swf first loads. Is there a way of doing these all in one hit as I have about 15 to do in each of seven movie clips.
walesPins_mc.pin12_mc.hitArea_mc.mouseEnabled = false;
walesPins_mc.pin13_mc.hitArea_mc.mouseEnabled = false;
walesPins_mc.pin14_mc.hitArea_mc.mouseEnabled = false;
Is there a way to say all children inside walesPins_mc mouseenabled = false?
View 2 Replies