I've been looking around on how to get the focusedIndex property of a ButtonBar when there's a mouseOver/Out event, but haven't found nothing useful.EDIT 1Assuming we have this button bar:I'd like to know, when rolling over, the target button.Putting a break point in a function that listens to the mouseover event, this is what I see in the debug view:
View 1 Replies
I have a buttonbar that has 3 buttons. I'm trying to set a tooltip for each of the buttons, but not sure where. The ButtonBar itself has a skin, which in turn includes a skin for each of the buttons.
<s:ButtonBar id="bb" selectedIndex="0" skinClass="skins.bbSkin">
<s:dataProvider>
<s:ArrayList>
[code].....
I am trying to add a navigation component with a button bar in it that controls the view stack of the main application. Here is what I have so far for the main application's code:
<?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]......
How to disable the toggle nature of buttons in spark:Buttonbar so that it would behave similar to mx:ButtonBar?
View 2 RepliesHow can I disable a single button in a buttonbar in Flex?
View 2 RepliesI am creating a vertical button bar with 3 buttons.How do I force the same width for all three buttons so it doesn't look like crap?
<s:ButtonBar x="10" y="10" dataProvider="{viewstack1}" >
<s:layout>
<s:VerticalLayout gap="-1"/>
[code]....
How do I set the individual button sizes in a Spark ButtonBar? It used to be something like[code]...
View 2 RepliesIs it possible to modify a Spark button-bar (or to use the design/skin(?)) to have a dynamic flash-generated image in between?
(button | dynamic image | button)
The dynamic image is a double-ended progress bar generated by beginFills and such.
i have the following code:
<s:ButtonBar id="tabs" y="15" left="0" height="31"
change="VideosMenuBar_changeHandler(event)" requireSelection="true">
<s:layout>[code].........
how can i change the height of the buttons in this buttonbar?? is it possible without extra skin class?
I am using a custom component at the top of my application that includes an image and a buttonBar. I have the namespace declared in main.mxml as comps and the package is components. When I assign the dataProvider to the buttonBar and run the application, all I get is a blank page. If I remove the dataProvider everything loads fine. the dataProvider is supposed to be the ViewStack component I have in the main.mxml. The buttonBar and image custom component is TopNav.mxml
The problem is that my TopNav component does not know the dataProvider I am asking it to change; MyViewStack. Do I need to create a public viewstack variable and pass it to the component?
I've got a spark buttonbar w/ a dataprovider as follows:[code]By default, the button's labels will be "Dave" and "Brenda", respectively. How can I dynamically change the label to the "addr" field when a user rolls over the button?
View 1 RepliesI have created a spark ButtonBar which is dynamically populated with XML and skinned to look like a standard TabBar. When I used the TabBar in Flex 3, the width of each Tab would shrink or grow to the size of the Label, plus a little padding either side. When using the spark ButtonBar in Flex 4, I find that no matter how short the label (even an empty string), the Buttons will be at least 70 pixels wide, and will expand for longer labels. I have tried setting the minWidth to 20 in various places, including on my ButtonBarButton skin, but this has no effect.
View 1 RepliesI have drop on a strange occurance - inserting a ButtonBar inside ListItemRenderer freeze the application. The bug is highly reproductive.ere is a bit of the code :
<s:VGroup id="buttonHolder" visible="false" gap="0" width="100%">
<s:ButtonBar id="buttonMenu" width="100%" height="18" minWidth="100" change="buttonMenuChangeHandler(event)">
[code].....
[Code]...
when i have this line active(the red one) it gives me automatic focus, so no clicking to be able to detect key input so i got that going for me which is nice BUT when i have it active(not commented out) i get this big yellow line which goes away when i click it(seeBelow)
Does anyone know how to do this in AS3?
View 3 Repliescan I set the keyboard focus for a TLFTextField? I tried stage.focus = myTLF but there is no cursor...
View 2 RepliesThe entire box at the top is a Flex application. The box on the left with the list of pinball machines is a VBox. As you can see, if you try to scroll with your mousewheel, it doesnt respond. The reason this is shut off is because I found that if it's turned on, when you scroll up/down, the whole page goes with it. So if you scroll down four or five times, the application goes out of sight.I tried finding a solution to this when I programmed this last year but wasnt able to find any answers.if there's a way to make Flex grab the focus of the mousewheel and not let the browser move as well?
View 4 RepliesIn my app, I have a button bar with data provider as an arraycollection and a text field. I want to validate user input in the text field based on the item selected in button bar. my sample code is like this....
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
[Code]....
I have a Spark ButtonBar that has a custom skin, which defines a custom skin for the "middleButton" requirement. My CustomButtonBarSkin has a custom state, minimized, which I want to pass into my middleButton skin so it can modify its design.
Is it possible to do this? I can see that my button skin could use parentDocument.currentState to get the minimized state, but that's really ugly. Any way to pass a skin from the bar to the child button(s)?
I have a Spark ButtonBar and I got it hooked up correctly with a ViewStack. Currently, when I run the application (AIR), the first button in the ButtonBar is selected by default. How can I make the second button selected by default?
<mx:ViewStack id="viewStack">
<s:NavigatorContent id="Page 1">
<!-- Other stuff in here -->[code]............
I try to figure out how does focus mechanism work in Flex. Here comes the example of what I mean:Let's assume that we have a simple web application, which contains custom component that extends Canvas and implements mx.managers.IFocusManagerComponent. This component overrides focusInHandler and focusOutHandler methods and shows some feedback on how they are called (thinner or thicker border). This custom component also contains some Text.[code]
If you click once on a violet canvas it receives focus (focusInHandler is called), then if you click again the focus is lost (focusOutHandler called) - why?Of you click on a Text the Canvas receives focus (focusInHandler called) and keeps it when being clicked wherever on the area (focusOutHandler nevet called) - why?
I am trying to make an editable DataGrid to insert a new row when user presses TAB in the last column of last row.y Grid:
<mx:DataGrid id="myGrid"
dataProvider="{initDG}" editable="true"
itemFocusOut="onItemFocusOut(event)">
[code]....
I want to generate a button sequence on ButtonBar with some disabled buttons:[code]
View 1 RepliesI am creating a canvas in actionscript like :
private var cvs_preview:Canvas = null;
[Code]....
So on the focus change i want to run the "end_preview_on_focus_change()" but this is not working. As per my understanding, i think the canvas not getting any focus in the first place. I was trying to use focusManager.setFocus to do that after the canvas's creation complete. but even that is giving me an error.
[Code]...
I am trying to programmatically pass focus to a newly created TextField, but for some reason setSelection and setFocus do not work. For example, see my test code below:
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" creationComplete="_init()">
<mx:Button click="{tf.setSelection(1,2)}" />[code]....
The only setSelection that does anything is the 0,3 one on MOUSE_DOWN. I assume this all has something to do with the text field receiving focus with the mouse click,
I'm trying to set focus on a specific button when the app launches (or later based on certain events), so that the user can simply hit return to press the button. None of the following approaches work however.
protected function group1_creationCompleteHandler(event:FlexEvent):void
{
//btnBrowse.setFocus();
focusManager.setFocus(btnBrowse);
}
Is there a way to Set a a focus border on a datefield when it is selected and change the border to some other colour when we lose focus from the datefield.
View 1 RepliesI have a custom component extends from skinnableContainer and only has two NumericSteppers.I explicitly set focus to my component like myComponent.setFocus(). It sets focus to first stepper which is correct, but when I press TAB to move focus to next stepper it moves focus to the next Component.
I set tabEnabled = true and tabChildren=true of the component, still no luck. How could I set focus to next stepper on pressing TAB?
I have a TextField called textField on the first frame of the main timeline, and this simple code.
Code:
import flash.events.KeyboardEvent;
import flash.events.FocusEvent;
[code]......
On my application I have a login form. On application start, I want the focus/selected one is set on the user id textinput. I tried normal setFocus method and didnt worked. How can i make it work?
View 1 Replies
