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 RepliesWhen 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 RepliesI'm very close to finishing the creation of a Flash Event Calendar app but I am having trouble with something I feel should be very easy. I'm adding text to a textbox dynamically based on how many events are on the selected day.
For some reason though the styles are only being applied to the last set of text being added. for example, if there are three events on a certain day, i will list the three events but only the 3rd event will have the styling. If there's 2 events that day, the 2nd event will have styling, if there's 10 events, the 10th event will have the styling. Why are they not all being styled and only the last one?
I have a problem in applying the styles for scroll bar skins through actionscript.[code]How can we specify scaleGrid properties in the above statement?
View 1 RepliesI 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.
I'm importing XML text and sticking it in a text field. The text has some <span> tags with classes. Also importing a CSS file (verifying that it is importing correctly - at least when I trace it it says [object StyleSheet] - can I trace styles within a stylesheet? Or do an "exploded" trace that shows me everything in the stylesheet?)
Here's the key data:
AS (note default formatting, content, etc is working perfectly)
Code:
textBody = new TextField();
textBody.embedFonts = true;
textBody.wordWrap = true;
[Code].....
So theoretically I should have a few big words and a few small words among my otherwise mid-sized text, but the styles are having no effect.
Is there a way to verify that there are actually style in the stylesheet object (though why there wouldn't be I don't know....
I'm having a strange issue with the Arial font in Flash CS4. I can create a text box and choose the Arial font. That appears to look like regular Arial text. However, if I want to choose a style (italic, bold, bold italic) the text does not change at all. These fonts are loaded on my system and always have been. They work in Flash CS3 and they work in all other programs including Illustrator and Photoshop CS4. In addition to that, all other fonts seem to work just fine including Arial Narrow and the other general system fonts. Arial Narrow allows me to select and apply all the available styles. It seems to be specific to Arial.
This also happens when I open a file that was originally created in CS3 or Flash 8. The font mapping notification does not appear, but if I had a text box that is supposed to be Arial Bold Italic, it automatically changes to look like regular Arial.
How to use the skins shown on various sites e.g flex skin site into my flex project.
View 1 RepliesThe issue I am having is creating an application with nearly every component skinned using CSS. The majority of the components are skinned using:Embed(source="file.png");method. The problem I am running into, is flex trying to compile all of the embedded assets into the final swf. As it stands now, my compiled swf stands around 16mb!@@ OUCH. It is a very large application, but not that big. Any ideas on how to load the assets into the application at run time, or on request maybe?
View 2 Replieswe try to develop a flash game engine with several abstraction layers. This flex project contains: an Application (1)-> loading a class (2)-> loading another class (3) which instanciates a Flex component (4).
The loadings uses SWFLoader. The last Flex component (4) is just a Group with AdvancedDataGrid. We do not define skins so I suppose it must take default skin.The problem is that during execution, an error is throwed because default skin for components cannot be found in the Flex component (4). In our case, for the AdvancedDataGrid:
Error #1007: Instantiation attempted on a non-constructor.In mx.controls::AdvancedDataGridBaseEx. The guilty command is: getStyle("headerSeparatorSkin"); which returns null
For the moment, we found two solutions :
the first solution is to add the attribute headerSeparatorSkin="spark.skins.SparkSkin" into the AdvancedDataGrid of the Flex component .
I wanna set a custom skin on my progressBar, but it's not working out the way I want it to. My skin has 3 different colors on it (green, yellow, red) and green should show until it's about 50%, then I want the yellow to appear after green and the red at 90% after green and yellow. So at 100% they should all show.The problem is that the ProgressBar only sets the width of my skin so all colors are showing at all times. But if I use the indeterminateSkin but dont set indeterminate to true that doesn't happend.How can I make a skin that doesn't just change width? Atm I'm just using a MovieClip for a skin.
View 1 Repliesbasically I want a list component but without the skin. So it looks like it's just floating over the stage area... Or is there a better way of doing this?
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'd like to create an HSlider so that the skin of the track is different on either side of the thumb. So, for example, the track on the left side of the thumb is green, but red on the other.Is this possible or will it take a custom component?
View 1 RepliesI am having 2 problems creating programmatic skin for Canvas.
First problem: I would like to have background with rounded corners and I am using GraphicsUtil.drawRoundRectComplex in order to have round corners for only the upper two corners. The problem is that drawRoundRectComplex takes for each corner one single parameter - the corner radius. However my scaleX and scaleY factors are different and in fact the corners are not properly rounded because I either can set the radius using scaleX or scaleY. Graphics.drawRoundRect is better because it takes two parameters for the corners - elipse width and height and then you could apply both scale factors but it doesn't allow me to specify different radius for different corners. How to use GraphicsUtil.drawRoundRectComplex when scaleX and scaleY are different.
Second problem: Even though I set my programmatic skin through style - <> the skin's updateDisplayList gets executed only once and after that somehow "backgroundImage" style gets "undefined" and my programmatic skin is not associated anymore to the Canvas instance. As a workaround I am setting on each resize event "backgroundImage" style again but this is ugly. What could cause such "silent" resetting of the "backgroundImage" style to undefined?
locate the default skin files for Flex 4.5. I want to see how the inner shadow effect has been drawn so I can use the same technique in my own custom skins but I can't find them in the SDK.
View 1 RepliesWe are building an application which is using skin classes in mxml. We plan to build different variants of this application for different user segments, where most of the functionality remains same but only skins vary based on the user segment.We are adding skins to the application by the following syntax:
<s:BorderContainer id="Banner" height="15%" width="100%" skinClass="mySkins.backgroundSkin"/>
Is there a way we can have a skin based on some conditioni.e if usersegment = "A" then use myskins.backgroundSkin1, else use myskins.backgroundSkin2?
I have a problem which involves skinned buttons returning to their default skins after certain actions occur in my application. Below I have included a partial screenshot where you can observe the problem.The left button is returned to its default skin after it was clicked (the click triggers a state transition). The right button is the default skinned button. Note that my mouse is neither over nor pressing the left button.The code for the Button Skin is as follows:
<?xml version="1.0" encoding="utf-8"?>
<fx:Metadata>
<![CDATA[ [code]......
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?
1- why we need skins for every elements if we can style our application using CSS file. for example in theme Graphite in SDK's Sample consists of both CSS+.fla and skins---.mxml files.
2- How we can create a whole theme with out coding CSS.
I am trying to set the gradient background color for my panel via skins. I try to change my code but nothing seems to change. Not sure what to do.
My skin file
/<!-- layer 2: background fill --/>
<!--- Defines the appearance of the PanelSkin class's background. -->
<s:Rect id="background" left="1" top="1" right="1" bottom="1">
[Code]....
I need to create a lot of custom Flex 4 skins, in most of the examples I found on the web people use FXG in order to create the skins but if a lot of the icons I use are not resizeable should I still use FXG or better use just plain old bitmap images (jpg. png)?
View 1 RepliesI am wondering how to apply perspective to a dynamic/static text field in CS3? I have tried a few ways, but I can't get farther than skewing. This is the pane on which I would like to place the text. Could someone tell me if there is a way to get the same perspective?
View 3 RepliesI am trying to apply the glow filter to a dynamic text box when the text is clicked on. However this seems to be canceling the rest of my animations. The text glows for a moment or two when clicked upon, but then it disappears and the url address it is linked to does not appear. Below is the code I'm currently trying to use.
Code:
text1.addEventListener(MouseEvent.MOUSE_DOWN, MouseDown);
var color:Number = 0x003366;
var alphas:Number = .8;
var blurX:Number = 5;
var blurY:Number = 2.5;
[Code] .....
I have done some research and am unable to find anyone who has any sample code on how to apply consistent spacing between movie clips that are different widths. Below is the code I have so far. I have set the inital x position to be the same as another object on the stage. What am I missing? I need another pair of eyes. I am disappointed that we can't access clips the same way as we did in ActionScript 2.0 where we could refer to the previous clip's x position or y position and adjust them accordingly. Bad Adobe for not documenting or giving examples on more complicated scenarios for real life work. example has to be in a for loop from AS 2:
ActionScript Code:
this["whichClip"+i+"_mc"].x = this["whichClip"+(i-1)+"_mc"].x+this["whichClip"+(i-1)+"_mc"].width;
[code]....
I have a dynamic text box that pulls HTML-formatted content from a PHP script and everything is working, including getting it formatted with a stylesheet, except the stylesheet seems to be ignored for <B> tags. This is the code I tried:
b,B { font-weight:bold; color:#6600FF; font-family:Baskerville; }
a:link { text-decoration:none; font-family:Baskerville; font-weight:bold; }
a:hover { text-decoration:underline; }
a:active { text-decoration:none; }
This is just for texting. I have a simple textbox with plain text, part of it in bold, part of it as a link, and the link gets the Baskerville font, but the bold tag doesn't. When I set a color for the link, the link gets a color but the bold tag doesn't.
In a mc is a dynamic textfield, trough as this textfield gets his content. The textfield works fine and also the html text displays/works as supposed. No problem at all. But now I put a rollOver/Out on this mc with the textfield, the text shows up allright, but the html doesnt work anymore (I mean the hyperlinks, the rest is okay)
Code:
textmc.textarea.html = true;
textmc.textarea.htmlText = "<a href='[URL]'>link here</a>"
textmc.onRollOver = function() {
trace("hover on textfield");
};
textmc.onRollOut = function() {
trace("going off textfield");
};
So the problem is the rollOn/Out, if I comment out those functions everything is okay...
I'm just starting to delve into AS, so this should be easy. I'm applying a simple alpha fade to the onEnterFrame event of a movie clip using AS, and inside that movie clip there is a dynamic text box that gets its content from an XML file. The fade works fine on everything except the text - the whole movie clip fades in, but the text just instantly "jumps into existence".
View 1 RepliesI'm looking for a tool to create just the skins for different kinds of Flex 4 components.I'd like to be able to create the components myself and have the designer/artist do the skin, but I don't think they'd like the idea of doing them by writing MXML files.
View 2 RepliesI'm currently experimenting flex 4 skinning. I successfully skinned most of the components i need for my application, but i can't find a way to avoid this damn blue drop shadow which is displayed when u'r focused on a textfield or a combobox.
View 1 Replies