Flex :: Current Theme Spark Styles Not Working
May 2, 2011
I am trying to figure out why I am getting an error when using the chromeColor (or other spark style related items):
<s:Button x="10" y="208" label="CALL" width="185" fontWeight="bold" id="bCall" chromeColor="#F90000"/>
This is the error:
The style 'chromeColor' is only supported by type 'spark.components.Button' with the theme(s) 'spark'.
Yet in project - properties, the theme is set to Spark. I also tried setting it to Halo and then back to Spark. Here is my app definition:
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="[URL]"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="800" minHeight="600" width="100%" height="100%">
I have seen references that define the mx namespace as "xmlns:mx="library://ns.adobe.com/flex/halo", but then my mx components break (TabNavigator for example) - not sure if that would fix it anyway. I is using flex 4.1 library (I believe the project was originally created when flex builder was at 4.0 if that matters).
No other libraries included.
Project - properties is set to MX+Spark.
Also, if I remove that chromeColor, the project compiles, BUT there are warnings such as: The style 'borderAlpha' is only supported by type 'spark.components.TitleWindow' with the theme(s) 'spark'. Flex Problem (and others - borderColor, cornerRadius, dropShadowVisible).
View 2 Replies
Similar Posts:
Aug 2, 2011
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 Replies
Feb 24, 2010
First of all I know there is a spark VolumeBar component but, for design requirements I can't use it..
I'm trying to create a custom component but heights are not responding as should. [Update] This is were I call the class
<components:VolumeSlider steps="4" height="100" /> The problem is that the volume slider is adapting perfectly, but My custom items component doesn't.
[Code]...
View 1 Replies
May 4, 2011
I have a panel and i have set minWidth and width for it. The code looks like this <s:Panel id="adg1" x="199" y="164" width="200" minWidth="300" title="Title">
Here the expected behaviour is width of the panel should be 300 since the minWidth > width,but the panel width is 200.I dont understand where i have went wrong.
View 2 Replies
Sep 21, 2010
I'm using the following mxml code for displaying a list of some data. I built a custom renderer which can have variable height. Each time a new data arrives, the scroller should go to the end of the list. I registered to the events which triggers an array change.
It's working fine if the height of items is the same. But if this is not happening, the scroller is going a little bit above the end.
If the height of an item from the middle of the list is bigger, then the last items are not visible.
<s:Scroller width="100%" height="100%" id="scroller" horizontalScrollPolicy="off">
<s:DataGroup
id = "lstComments"
[Code].....
View 1 Replies
Feb 9, 2011
I am having an issue with my ItemRenderer, which I am using for a spark List. My code is the following:
I have this list:
<s:List
id="productSetList"
dataProvider="{ model.productSets }"
[Code]....
The thing is, if I scroll the list, and click on an item, it does not trace 'arthur' ! Why is this so ? I must trace that all the time that someone clicks in the list!
EDIT: If I remove change="model.selectSet( productSetList )" in the list, it works!! but I cannot remove that, some suggestions ? How can I switch that to another function?
View 2 Replies
Jul 12, 2010
Here'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:
View 2 Replies
Nov 1, 2010
I can't set my custom theme in Maven like I do it in Eclipse by changing theme in project properties.
I note the theme swc in dependencies, the compiler founds it but the theme doesn't change.
Who knows how can I set a custom theme in Maven?
View 1 Replies
Oct 5, 2011
When compiling using flexmojos I get the warning:[WARNING] No themes are explicitly defined in the section or in any scope="theme" dependencies. Flexmojos is now attempting to figure out which themes to include. (to avoid this warning you should explicitly state your theme dependencies)[WARNING] Adding spark.css theme because spark.swc was included as a dependency.[code]But I just get an [code] must be one of [compile, runtime, system] but is 'theme'.I just want to use the standard Spark theme.
View 2 Replies
Jul 1, 2011
I have a renderer that looks like this:
[Code]...
Loading thumbnails using this method works perfectly. The issue happens when you scroll the List.
View 1 Replies
Feb 7, 2011
I'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 Replies
Dec 17, 2010
When I choose the default theme (Spark Default) in a Flex 4 app, I can merely change the chromeColor value and the theme will effectively change the base color of the theme for me. Are there any special tricks to creating a new theme that uses this same concept? What if the new theme is a more graphical theme? I'd like to offer a number of base themes for my application, each theme having it's own set of color variants.
View 2 Replies
Feb 13, 2012
I have one swf file which takes theme from network during runtime. Now I conerted that swf to swc, and created another container swf to point to that swc. Seems the new swf file has the theme information, which the swc does not take the theme.
View 1 Replies
Mar 22, 2012
My goal is to have more themes for my application and if possible, bundle them with the application itself, not load them at runtime usingIStyleManager.loadStyleDeclarations().Using the theme command-line option, you can have more than one "compile-time theme" bundled with your application according to docs: theme filename [...] Specifies a list of theme files to use with this application. Theme files can be SWC files with CSS files inside them or CSS files. However, I wasn't able to find an example how to actually do that (use the += syntax on command line?) and switch between those themes at runtime.
View 1 Replies
Jun 27, 2010
I am developing an AIR application and I want to change my project theme to one of the additional included themes that is packaged with Flash Builder 4. So, I went to the Project Theme and changed it and it looks like it is supposed to in the Design View. When I run the application, the components (eg: a button) themselves look like it is supposed to, but the application's background is just white instead of the displayed color in the design view.
View 2 Replies
Jan 22, 2011
How to compile Flex theme SWC from file.css and additional skin classes in Flash Builder 4?
I've tried creating simple Flex Library project but it does not seem to use CSS file because resulting SWC does not work as theme.
View 1 Replies
Feb 14, 2011
As 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 Replies
Dec 9, 2010
flash builder 4 comes with a couple of cool spark themes, and there are tons of others out there on the web, I want to be able to change the theme at runtime, without recompiling.
View 1 Replies
Apr 7, 2011
I am creating an Adobe Flex application for the Blackberry Playbook. I was wondering if there is a way where the user can click a button (for example) to increase or decrease all font sizes across the entire application?
View 1 Replies
Jun 26, 2009
I inherited a custom component from TextField. The component needs to know when any of its styles got changed at runtime via setStyle. How would I do that? It's probably obvious but I couldn't find an event or appropriate method to override.
View 2 Replies
Nov 4, 2009
In MXML, there is a Button class which you can instantiate like so:
<mx:Button id="something />
But what if you wanted to dynamically build this in AS3 and add it to the Flex app dynamically, without the use of components (just AS3) and then modify Flex's styles, for example, here you access the Button's properties and set them:
var btn:Button = new Button();
btn.height = 50;
btn.width = 75;
btn.x = 100;
btn.y = 40;
But how would you go about changing the Style, for example:
btn.downSkin = "something";
btn.color = "0xfffff";
I'm sort of starting to lean towards making a flex component in MXMLand than just making it visible true/false, but I like the fact that i create an object in AS3 and then destroy it when I don't need it anymore, than create it again once needed.
View 2 Replies
Mar 18, 2010
I have a custom item renderer which I use for my DataGrid. The DataGrid has specified selectionColor, rollOverColor and themeColor. The Problem is that the custom item renderer, does ignore those colors, and doesn't give any Feedback...
I tried to add the lines:
setStyle("selectionColor", 0xEDF1F7);
setStyle("rollOverColor", 0xE1F5DE);
setStyle("themeColor", 0x3569B0);
But with no effect...
View 1 Replies
Jun 11, 2009
Can a flex module have styles different from the main application which loads the modules? Meaning... can I have a main set of styles for the application, and separate styles for each module.. with each of them rendering their own styles without disturbing the other at runtime?
My specific case:The main application is developed by me... and the modules are developed by different people who want to contribute to the main application. I want to provide some way for each of the module developers to have their own styles for their modules, without touching the main application or its styles.
View 2 Replies
Dec 24, 2009
I want to be able to style or set properties dynamically.[code]I want to be able to set these properties in the skin so the skin can be styled differently for each component that uses it.
View 1 Replies
Jan 9, 2010
today I wanted to change the border color of TextInput when user has a focus on it. I could not find any style that would allow me to change thatlittle bit of Google searching and I found answer to be themeColor.Why is it that there are some styles that work and which are not even mentioned in the Flex documentation? (and how can one find out about em, except doing some web searching?)
View 2 Replies
Apr 5, 2010
I have the following code to create and apply a few styles for a custom TextArea in ActionScript 3.
public class MyCustomTextArea extends TextArea
{
override protected function createChildren():void
{
[code]....
I have two problems with this code.this.styleSheet is always null when I create an instance of the class. If this.styleSheet is initialized to new StyleSheet() to avoid this issue, then the TextArea instance does not seem to recognize any of the HTML tags that can be used with the htmlText property.
View 1 Replies
Nov 26, 2010
I'm creating a Flex 4 application which contains different modules in it. The main application contains a style sheet and the modules inherit the styles defined in this file.Its working fine when the swf's are generated using Flash Builder. But when I'm generating it using Ant script, the modules does not inherit the styles and everything looks weird.I added isolate-styles="false" as an additional parameter to mxmlc, but still its not working.
View 2 Replies
Aug 11, 2011
When you have a flex project, is it better to use different skins for different components or to use just one big css that has all the styles together?
View 1 Replies
Nov 10, 2009
I made a Form container with few TextInput fields in Flex and I would like to change a style of clicked TextInput element. I managed to do it with MouseEvent.CLICK event listener but it is not what I expected. I would like to change style of TextInput when user try to edit that field. However, I want to change back to 'default' style when user clicks another TextInput field or outside any field. Is there some event listener made specific for such interactions? I have also a question, is it possible to make width of TextInput depending on amount of text? I mean to resize it to width of text inside of it? Text comes from some database and is always different widths...
View 2 Replies
Apr 11, 2010
I have a tooltip for each datagrid row. Which is fine. I also can style it with with mx:Style which is great.However, I desire to have multiple styles ie a header and the rest of the text in the tooltip.
View 1 Replies