Flex :: Add Tooltip In The Button Bar Skin?
Jan 20, 2011I am trying to add tooltip in the skin of button bar button but not able to do that, what to do?
View 1 RepliesI am trying to add tooltip in the skin of button bar button but not able to do that, what to do?
View 1 Replieshow to create dynamic button tooltip and get tooltip data from XML.
View 0 RepliesI 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 have a nice looking fxg button, to which I want to attach a tooltip- how do I achieve that without much hassle? (the spark button does this out-of-box, but is not very visually pleasing)The examples I have seen on search is reverse- using fxg effects in the tooltip.
View 1 RepliesI have tooltips in flex but when a component is clicked the tooltip disappears and the user has to move mouse out of the control and then back into the control to display the tooltip.
Is there a way to prevent the tooltip from getting destroyed on mouse click. I tried calling e.stopImmediatePropagation(); e.preventDefault(); on mouse click event of button. also tried handling and preventing tooltipEnd and tooltipHide events but they are not fire when the button is clicked.
How to set skin to null for button?
button = new Button();
button.useHandCursor=true;
button.buttonMode =true;
i want to set button.skin = null
I have the skin below for my buttons:
<?xml version="1.0" encoding="utf-8"?><s:SparkSkin
xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/halo"
[Code]...
I was wondering how I can add a different image for different buttons which have the same skin.
SkinParts are a great way to add event handlers and logic to an object that is instantiated in the skin, away from any business code. Often, though, I find myself wanting to do the opposite, and define parts that will be used in reusable, skinnable containers in the parent mxml files which will be inserted into the skinned containers.
What's the best practice for when you want to be able to define a control and a skin which can be reused with different controls inserted from outside the skin? Edit: A better way to put this might be that I want to use something that works a little bit like a SkinnableContainer, but that isn't limited to one area where content can be placed.
I have a CSS file containing the following definition :
[Code]....
Now, I want to use the disabled-skin defined in the CSS, as the upSkin of b1. So something like b1.setStyle("upSkin","Tab.disabled-skin"); But I am struggling with the exact syntax of the second argument for setStyle. What should I use for the second argument for setStyle method?
I am trying to add different icon on different buttons. I have my skin file ready but not sure if I have to create different skin class for different button. It sounds inefficient.
<s:Button id="pass"
width="110"
height="35"
[Code]....
I have spark skin a button with up, down, over, and disable states in a button component to create a modular. Is there a way when the user press and hold a key, the button will remain in 'down' state?
The button component include skinclass:
<?xml version="1.0" encoding="utf-8"?>
<s:Button xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
[Code].....
I extend Button to create ImageButton, and I extend ButtonSkin to create ImageButtonSkin. But, when I define hostComponent like this:
public var hostComponent:ImageButton
I get an error that there is a conflict with hostComponent:ButtonBase inside the ButttonSkinBase. How do I extend a skin AND provide a new hostComponent for it?
i have a sequence of buttons and each button has its own icon. I was wondering if I have to create a Spark skin file for each button in order to assign its icon.
View 1 RepliesI attempted to build a Flex 4 skin for a Spark button, typical practice. I adjusted the colors and other styles to my liking, including using dot selectors to specify alternate colors and such during different states. However, these are all ignored when the button is disabled. Regardless of what I do, in the disabled state, my button always has the wrong color and is alpha'd to 0.5 (even if I specifically state that alpha.disabled="1"). All the other skin states work as expected. This is my custom skin. If it were working correctly, it would appear to have no shadow or highlight, and would be a gradient grey color. Instead, it appears as a 50% alpha version of the up state (shiny green).
<?xml version="1.0" encoding="utf-8"?>
<s:SparkButtonSkin xmlns:fx="[URL]"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:fb="[URL]"
minWidth="21" minHeight="21" alpha.disabled="1">
[Code] .....
This is the code used to create and then disable the button:
_action1Button = new Action1Button();
view.actionGroup.addElement(_action1Button);
_action1Button.enabled = false;
The error was that _action1Button is not the actual button, rather, it's the container of the button. Doh! Switching it to _action1Button.actionButton.enabled = false; fixed the issue.
I'm trying to copy/modify the spark skin for the default button, but not sure how to find that skin. When I hover over <s:Button and Ctrl + Click it, it takes me to the Button class, but there isn't any skin information there.
View 1 RepliesHow can we embed the over,up,down etc skins defined as sybols in a .swf file... i mean in skin file how can i specify those symbols to be used as up,over,down skins.
View 1 RepliesI have a videoplayer with a custom skin class. I want to override the functionality of the fullscreen button. When I add an click event, the player still goes into fullscreen mode. How can I prevent the fullscreen event from firing?
View 2 RepliesI have tried to create an instance of Button class inside an itemRenderer element instance, but the button instance appears without its skin.
override protected function createChildren():void
{
super.createChildren();[code]....
how to make button 88x31 with tooltip? (big tooltip - more then button) ?
View 1 Repliessorting out an XML file, what I have is a tooltip that loads in via XML and exported from flash. the XML loads in 2 text fields, field and field2. what I am trying to do is add a button also to the tooltip so that you can click and go to a url.
[Code]....
I have a gallery that generates thumbs. I want to make a tooltip on each thumb. If i add this to one button in particular it works fine, but looping it screws it up, i know its a simple syntax issue but am just stupid.
[Code]....
I'm using the default CS4 FLVPlayback skin, mainly the SkinOverPlayMute.swf. I know there's a skinAutoHide option, but because I don't want it to auto play, I want people to see a play button when they first encounter the video (so they don't think it's just an image). But the skin needs to hide when the video is actually playing (so the video doesn't get blocked by the controls).
In other works - when video isn't playing: skin showing; when video is playing: skin hide.
My flex app has various Custom components. I want the tooltips for all of them to show at the top-right corner.Is there a Application setting that I can do this with? Or do I have to do this at the component level.
View 1 RepliesI need to create a tooltip for tabbar how to create it?
View 1 RepliesI am using Bitmapimage in my code.After a lot of seach on google i could not find How tooltip can be used with Bitmapimage.
View 1 RepliesI got struck with tooltip position as well as style. I used string validator to perform validation. Error tooltip is coming right hand side by default. I want to change it on top of the text field as well as its clolor also. but I just want it to perform with every tooltip not with any specific one.
View 1 RepliesI want to be able to target a button that is within the skin for a flvplayback component. This is my first real adventure with AS3 and..... (feel like I want to scream!)In the library for the skin I get "fl.video.skin.FullScreenButtonOnOver" and paste this into the main timeline with some code like this.
stop();
function edward(event:MouseEvent):void{ trace ("the button was pressed");}
fl.video.skin.FullScreenButtonOnOver.addEventListener(MouseEvent.CLICK , edward);
which comes back with the error "Access of undefined property fl" - which doesn't surprise me really.What do I do to target taht button
I am using a flvplayback component which I have attached to my own skin.
I want to be able to target the full screen toggle button since I can't get the fullscreen to work and others posts have led me to think that it might be better to code that bit myself.
For the skin fla the button that I want to get at has this written in the properties class box "fl.video.skin.FullScreenButtonOnOver"
I figured I might be able to get at this from my main timeline so I added the code below :
Code:
stop();
function edward(event:MouseEvent):void{
trace ("the button was pressed");
[Code].....
I'm having trouble changing the font size of my TextInput tooltip. The text input looks like this:
<s:TextInput id="first"
toolTip="Hello"/>
then I create a style like this:
<fx:Style>
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/halo";
[Code]....
P.S. I also get a yellow warning: "CSS type selectors are not supported in components: 'mx.controls.ToolTip'" but it still compiles since it's just a warning, but nothing happens.
I'm displaying a list of buttons, some of which might be disabled. I need to show a tooltip on the disabled buttons with an explanation of why it's disabled, but it seems I can't disable the button without disabling the tooltip. Is there a simple way around this?
View 3 Replies