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.
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 want to add two icons on spark button.I am using button skin.But the icons are not coming properly.
<s:HGroup width="100%">
<s:HGroup id="iconContainer" top="1" bottom="1" left="0" right="0"
horizontalAlign="{iconPosition}" verticalAlign="middle">
<mx:Image id="iconImage" source="{icon}" />
[code]....
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 am trying to add tooltip in the skin of button bar button but not able to do that, what to do?
View 1 RepliesSkinParts 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 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]....
I am trying to create a slider that when changed either adds icons or subtracts icons.Here is what I got:
Code:
package
{
import flash.filters.*;
import flash.ui.*;
[code].....
I have a project using 2 groups of radio buttons. Each group needs its own icon. I can skin the RadioButton Asset, but that affects ALL radio buttons. I guess U need to be able to change the icon property on an instance-by-instance basis.
View 7 RepliesJust wondering how to make a desktop in flash with buttons that link to the corresponding desktop icon.
View 2 RepliesI am trying to place an image besides the label in y-axis. So I have created a custom label renderer(A HBox containing and ). The source for the image has to be set based on a property present in the data provider. The problem is, I am not able to access the BarSeriesItem in the fnSetSource() method.
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
width="1280" height="750">
[code].......
In a dropdown how to get icons along with text and once we select any of the index from the dropdown i want that icon also be selected and to be displayed on that dropdown header
View 1 RepliesI've been looking at the following example for populating a PupUpMenuButton [URL] and would like to add icons to each menu. Ideally, I would specify the icon in the xml and assign it in a similar way to using labelFunction for the text. The only information I've found via google is to create a menu as follows
(seems I can't include more than one url, but it is an example that creates a menu object using the following function):
private function initMenu():void {
menu = new Menu();
menu.dataProvider = xmlList;
menu.labelField = "@label";
menu.iconField = "@icon";
}
but I would really prefer to build it all from the XML file.
I can display the icon of a file that has been associated with that file in the native OS.
I have a tile list of a folder's contents. For images, I display the image, for everything else I display a generic image. However, it would be great if I could tap into the OS and just use the icon that the OS uses. For example, if I have installed Microsoft Word on my computer, then when I view a word document in the file system it will display the word icon that Microsoft created for word documents. For MP3's it might be an iTunes type sound icon, if I have iTunes installed and so on.
Basically, for all the files in my tile list I want to just show the same icon that Windows, or Mac OS would etc.
In addition to this, if the OS creates a thumbnail for the file (images, videos and PDFs for example) is it possible to tap into this OS generated thumb?
can i add system icons (.doc, .ppt icons etc) into my flex application without embedding them into the application directly.
View 2 RepliesI can't seem to work out how to enable icons in the AIR Debug Launcher. This seems to work on Linux, but when I run it on Windows or Mac only the Adobe AIR icon shows. I have specified the location of the icon in <icon></icon> in the application descriptor file.
View 1 RepliesIn the MX TabBar component, the iconField property allowed us to display different icons in each tab. In Spark, there does not seem to be an inherent way to add icons to the TabBar.Does anyone have an example of implementing icon support for Spark's TabBar?
View 4 RepliesI am trying to create a popupmenubutton, with images and label as its nodes. But I am unable to embed the icons. It gives me and error(given below). Thou the label alone are working fine.
<mx:PopUpMenuButton id="menu_file" labelField="@label" itemClick="{menuClickHandler(event);}" visible="false"
height="20" left="0" top="0" width="15" alpha="0.5" cornerRadius="5" useHandCursor="true"[code].....
This gives me an error: Initializer for 'Embed': unrecognized compile-time directive.
Anyone successfully added an icon to their tabs in <s:TabbedMobileApplication> ? I've tried just using something like:
<s:ViewNavigator firstView="views.appmobile_HOME" width="100%" height="100%" icon="@Embed(source='../assets/home_icon.png')"/>
I've also tried in <fx:Script> something like:
[Code]...
Neither of these methods worked, and to be safe i used the same code to embed an image on the screen and it works!. I just can't seem to get the icons to appear in the tabs also note - I was doing all of this in my main mxml file, just incase you're familiar with the Flex Burrito "Mobile application" file structure. And another thing is that I don't get any errors when trying these methods. It lets me compile and test it.
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.
I have to designed a datagrid, in first column i have to use closed lock icon. when i click a row in a datagrid the selected rows' icon should change as opened lock icon. how i can achive this task in flex 3.
View 2 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