I 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]....
In 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 RepliesAnyone 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.
How to align the Spark Buttons Icon to the left? / like the icons to be all 3 pixels from the left // I have checked the sking class of the Spark buttons, but they doesnt expose the Icon property for further extending the skin/
View 1 RepliesI 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 7 icons on the left side (vertically) with two stationary phones on the right side of the movie clip and all of the icons has its own different URLs like differentiator.aspx?point=1 (2, 3, 4, 5, 6, and 7). If I click one of them, the animated phone appears on the right side, but the problem is how do I display the content of page from each icons on the left side? Its like two onClick events at the same time; one to play the "scene" and one to change the content of the page.
View 9 Repliesi 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 RepliesTo start - its best to say im new to Flex / OOP in general. I have been trying to add a custom class based on StrokedElement in order to implement a simple grid (not like the existing Flex Grids - this would just be for display - not holding elements etc...)
My current class looks like this:
package ui.helpers {
import flash.display.Graphics;
import spark.primitives.supportClasses.StrokedElement;
public class SGrid extends StrokedElement {
public function SGrid() {
[Code] .....
Is there a way so that I can add icons to my swf files? Or can I convert them to .exe and then add icons to them?
View 8 RepliesI need to add a rollover effect to the disabled state of a Spark button. This way, users can rollover the button and know why the button is disabled.I think I would have to override ButtonBase's getCurrentSkinState. Is there anyway to test if a mouse cursor is over a disabled button?
View 1 RepliesI have created a style in which i am defining a font family.When i apply this style to label it reflects the font were as there is no change when it is applied to a spark button.I Tried various way to Apply font style but it doesn't work.Other properties work fine except font family. Even i tried creating skin class and set the font family style of label in it. While previewing the skin i can see the changes but when i apply it to buttonApproach 1
@font-face{
src:url("HARNGTON.TTF");
fontFamily: MyF;
[code].......
Anyone missed the old simple method for skinning a simple button?
CODE:
The problem im having is that, this method of creating a simple button with skin is being phased out : Infact it is no longer supported in flex 4.5 mobile projects.
So the question: Is there a simple way to perform this, with spark buttons (which is suppose to be the new way to go). As simple as possible.
Basically i only need a button with 2 images : down/over & up. And i want to keep the code as simple as possible : The new skinning methods, seems to really adds way too much lines for something that used to be as simple as the example above.
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]....
How do I set the individual button sizes in a Spark ButtonBar? It used to be something like[code]...
View 2 RepliesI 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].....
Is it possible? Or do I need to use Skin architecture? I can't found the property border color, so I think I need to create a entire skin customized? Or are there the property accessible by css?
View 2 RepliesI have a skin class whose host component is a Toggle Button. I need to be able to add a border around it but only on the top, left, and right sides, As I understand it you have to the: <s:Line> component. So I added:
<s:Line left="0" top="0" right="0">
<s:stroke>
<s:LinearGradientStroke rotation="180" weight="2" caps="square">[code].....
This worked for the top line , But I can't seem to get the left and right lines. I tried: this for the left side line, but it did not work (no line showed up):
<s:Line left="0" top="0">
<s:stroke>
<s:LinearGradientStroke rotation="90" weight="2" caps="square">[code]....
How can I achieve the 3 Lines around the button?
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 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].....
There is event in spark Button - buttonDown. But how to determine the button up event?
View 2 Repliesi hav a left right moving thumbnail gallery from xml, i need that on the last image image come on focus from the left side so automatically the left button will be disable or opacity goes 0 anything and same thing from right side also.
View 14 RepliesSo what I want is the ToggleSwitch on the left and a Button on the right. When the Screen is too small, I want the Button to get smaller and show some "...". So I used:
<s:Group width="100%">
<s:layout>
<s:HorizontalLayout verticalAlign="middle"/>
</s:layout>
[Code].....
Doens't work either. When screen is too small the button is floating over the toggleswitch. So how can I get this to work?
looking to create an image/mc slider that moves form right to left via user clicks of a left and right button.I would assume I would create an array to hold a series of mc's in (my images) and then tell the left and right buttons CLICK events to move linearly through the array (displaying next in line and previous etc.
View 1 RepliesI'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 I display an animated SWF in my custom Flex button (I am using the Spark library).
View 1 RepliesThe class 'Button' in package mx.controls has the style 'paddingLeft' and 'paddingRight'. But now I don't want to use this old Halo theme anymore, I'm moving everything to Spark.
However, I can't find these padding styles in spark.components.Button, and the documentation [URL] doesn't show that spark Button has those styles.
I have a renderer that looks like this:
[Code]...
Loading thumbnails using this method works perfectly. The issue happens when you scroll the List.
I have a Flex button. I need one color on the left and another on the right. I don't need it to be a gradient. Just solid colors. Like green on left & red on right. I really don't want to use an image -- just because it'll probably take me a long time to do it.The gradients via Flex Properties in Flex Builder seems to apply only vertically, not horizontally.I also tried to make 2 button, each half width (of original), and putting it into a HBox & really packing them close so they'll look like a single button with 2 colors. It works OK, but I was thinking if there was a better way.
View 3 RepliesI'm looking to add a couple of buttons to the title bar of a Spark Panel or Spark TitleWindow. Is this possible to do without making the panel from scratch?
View 1 RepliesHow do I detect the enter key being pressed on my button and fire the click event handler? (For example on a TextInput field there is an 'enter' event).
View 2 Replies