I have the Spark scroll bar in my application skinned the way I want where I use s|VScrollBar and then set skinClass: ClassReference(my skin class) in my CSS file. For my Halo scroll bar I have the skins set for each element of the scroll bar (arrows, thumb, track, etc.) but I want to have one central class like with the Spark scroll bar.
View 1 RepliesHere's what works with ant build.xml:
[Code]...
I tried the following values in Project > Properties > Compiler Options > Additional Compiler Options but none of them worked:
Is there more work, or source code files required to customize your look and feel (skins)?
How maintainable and readable is Spark relative to Halo?
Is it more productive and easier to customize overall than Halo, about the same, less?
If you're an SDK user who was 99% happy with Halo's appearance (maybe just a few CSS tweaks), is switching to Spark creating more work for you? Do we now need to employ designers to get a reasonably complete look and feel?
I have a Flex form made up mostly of MX components. Due to limitations with the MX mx.controls.ComboBox, I'd like to use the Spark control, spark. components.ComboBox. This works, except the Spark ComboBox sticks out visually because it doesn't use the Halo theme.Is there a way to have the Spark ComboBox use the Halo theme?
View 1 RepliesAs you know, Adobe added a new theme called Spark in Flash Builder 4, but it looks really ugly to me. The problem is that I can't switch the current theme to Halo![code]When I switched button declaration from <s:Button> to <mx:Button> then my button began to look much better. But I can't switch all such declarations manually, and I don't imagine making the same change to the Application tag would apply the style at an application level.So, my big question: How can I make Flash Builder 4 use the same theme as in Flash Builder 3? How can I apply it to all new controls?
View 2 RepliesAnyone 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'm using mx:WindowedApplication, I'm wondering how I can skin the title bar and close/minimize button for the window. I can see application like Pandora One is using it and setting transparency. Any pointer to a doc?
View 1 RepliesLet's say you have a large number (N) of spark buttons in your app. Let's also say that your buttons all have very similar skins (size, various effects, etc) - the only difference being the specific png that they use as their BitmapImage. Do you end up with N skin files, all differing by 1 line? Or is there a smarter way to do this while not adding a lot of code when you create the buttons in MXML (in fact, ideally, none).
View 1 RepliesI am trying to programmatically skin a PopUpButton control in Flex Builder, but having no luck. As far as I know this requires writing a custom skin class or creating a modified version the control class itself (since the control is MX and not Spark). Again, just to clarify, I want to programmatically modify the appearance not simply set styling properties or display an image. I've been able to do this programmatically with other MX controls (e.g. tabs in a tab navigator), but not with the PopUpButton.I think part of the problem may be that the control is actually composed of two separate buttons, so you cannot draw just one rectangular area over the whole control.
View 1 RepliesI am going to use a HSlider to set a range of values. I would like the left thumb to look like ( and the right thumb to lok like ) so they appear to encompass the range like (range) instead of |range|. I only know how to set the skin for SliderThumb which will set the skin for both. Does anyone know of a way to set a different skin for each thumb?
[Code]...
I am having some issues when trying to skin the scrollbar on a horizontalList with Degrafa. The scrollbar doesn't show up at all. I checked to see if the scrollbar is supposed to show up without the skinning, and it does.Here is some code:This is where I define the HorizontalList where I want a skinned scrollbar.[code]I am populating the HorizontalList with more items than are viewable, and like I said before the scrollbar shows up when I remove the skinning.
View 1 RepliesHow to skin spark List component so that every adjacent itemRenderer has different color (something like mx DataGrid)?
View 1 Replieshow to skin the datatip of a hslider component.
I have created a 3 skins with degrafa. One for the track, one for thumb and one for the datatip. I had no problem attaching the skins for the track and thumb of the hslider component. But how can i skin the datatip?
Need Detailed explanation on the difference between skinning, coloring and themes.
View 1 RepliesI've just started playing about with skinning and am finding it harder than anything else I've come across in Flex 4 Mobile. It needs to be done in actionscript as I am trying to skin a flex mobile button. Here is what I have so far: (It does very little, only changes the background color)
package skins {
import flash.display.GradientType;
import flash.geom.Matrix;
import mx.utils.ColorUtil;
import spark.components.supportClasses.StyleableTextField;
import spark.skins.mobile.ButtonSkin;
[Code] .....
There doesn't seem to be much in the way of documentation for skinning Flex mobile components purely in actionscript. How do we add a border for example?
I came across this piece of code and it intrigued me. I haven't seen skinning like this before. I'd like to know if there are any downsides and alternatives to it. For example, is it cpu intensive like addChild calls are?
<s:Button id="loginoutBtn" right="10" top="10" label="Log out" label.loggedout="Log in" skinClass.loggedin="skins.FBLogoutButtonSkin" skinClass.loggedout="skins.FBLoginButtonSkin" click.loggedin="logout()" click.loggedout="login()"/>
[code]........
I'm just starting out with Flex, and I want to customize a component (a HSlider) to have a gradient colored background that I can dynamically change Same functionality as a normal HSlider, except for the background.How should I approach this?
View 1 RepliesIn my project i used Accordion . if i add skin to Accordion then so error ? but i tried like
<mx:Accordion borderStyle="solid" width="212" height="346" upSkin="@Embed(source='image/UPDATE.png')" >
But shows error like Cannot resolve attribute 'upSkin' for component type mx.containers.Accordion. how can i add overskin,downskin,upskin to Accordion in flex ?
I am trying to load an swf file which has button skins as images (In the library of the swf file i have given export properties which is 'TickMark') and set the skin of a flex button using StyleManager.setStyleDeclaration.I am getting errors like 'Argument count mismatch on TickMark(). Expected 2, got 0.'This is what i am trying to do:
private function init():void
{
loader = new Loader();[code].....
If I use the class GraphicClass in setStyleDeclaration, it works... but basically I want it dynamically.Or there are other easy methods to skin (image) a flex button dynamically?
Using SDK 4.1 I was able to access custom properties of a custom button component from a custom skin. The project I'm currently working requires SDK 4.5 and I'm unable to to access the properties. Here's an example:
[Code]...
how can i scroll two text boxes with single scroll bar?
View 3 RepliesI am using ActionScript 2 and I'm trying to animate a spinning halo for the logo below.Does anyone know how I could do this? I have made circles spin before, which was easy, but as this is an oval it isn't working out for me.
View 5 RepliesHow to give image to halo button in flex 4?i am also going to mousrover and mouseout the button that wil change image respectively.and when i click on it it will show alert button.
View 1 RepliesIn the AdvancedDataGrid component, when you are in Edit mode in a cell, you can hit the Escape key to cancel editing (i.e. return to the previous value in the cell).I had expected the same behaviour while in Edit mode in both the Halo and Spark TextInput and TextArea components, and was surprised to find out that this is not the case.I looked at the attributes of all four components to see if this is something that I need to configure, but couldn't find anything.
View 1 Repliessince I'm using custom skin classes in Flex I'm getting an error, when trying to open the design view in Flash Builder:
Description Resource Path Location Type
Unable to resolve resource bundle "components" for locale "en_US".
Unable to resolve resource bundle "core" for locale "en_US".
Unable to resolve resource bundle "effects" for locale "en_US".
Unable to resolve resource bundle "layout" for locale "en_US".
[Code]...
I am not able to use fillColor and corner radius in spark. I want to use the mx components(halo) properties both in halo and spark application. Can any one of you help me in using fillColor and Corner radius in both flex 3.0 and Flash 4.0
View 1 RepliesThis might seem a silly question but I am sitting here for a few hours wondering how I could change the text color for my components.
For example I have a DropDown Component and I change its skin (all the states) and put in a dark skin (I dragged the component on the stage and edited it). The text on the component, however is black and cannot be read. How could I change the component's text to white.
I am wanting to use the ComboBox Component in a Mobile App. Thing is the scrollbar is way to small.Is there any way to change the width of the scrollbar on the ComboBox either in code or by skinning it? I tried just adding some width to the scrollbar component by clicking into the component and changing the width,but it did not work correctly.
View 1 Replies(read the post title) I tried to the UIScrollbar tut here on Kirupa but it did not work.
View 2 RepliesSo, I'm pretty sure this is impossible, but is there any way to "re-skin" the box that pops up asking you if flash should be allowed access to your mic and webcam? I'd really love to make that box fit with the rest of the design of whatever I'm building.
Also, if I have several swfs that use the mic/webcam inside one larger shell swf, will the dialog box appear once for each of the sub-swfs, or just once for the large one, and those settings will be applied to all the sub-swfs?