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
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 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 have a following issue:My task is to style a datatip for two charts in Flex 4.5.Both charts reside in two different <Group> based components which are added to the <Application>
So after a thorough research here is what I tried to do.First applying a css descending selectors:
#container#chart1 chartClasses|DataTip{
backgroundColor:white;
backgroundAlpha:0.01;
[Code]....
Then I would like to be able to get access to the instance of the CustomDataTip class.But I can't .So currently the only thing I can do is to create a distinct custom datatip renderer class for each chart.That could be fine if you have only a couple of charts you want to style but what can we do if we have many of them?
I'm doing a kind of PowerPoint presentation (to give a very basic idea of the whole concept) and there are a variety of dynamic content in there. Videos, audios, quizzes, etc. What I'd like to have, is components that the designers will simply have to drag on a slide and the component would then handle much of the work without needing any code at all.
The problem I have, is that I'd like to use SWC-based components, and then have a skin that can be applied (a bit like the FLVPlayback component). I have no idea where to go from here though, because most tutorials I find use FLA-based components. And I could turn to that if what I want to do ends up being too much trouble for what it's worth, but the division of the skin and the actual component is something I like a lot. Designers will only need to do a skin and tada, everything will (in theory :P) work.
The title says it all. I am using CS4 with AS 3.0. Does htmlText property on components support CSS styles???
View 5 RepliesI have been trying for days to write my own custom NCManager class that allows us to connect to a Limelight stream. We have to issue a NetCOnnect.call() that has the command "FCSubscribe" and the stream name. I've written a 100% custom player(url...) (have to register!) but what I want to to resolve that player with the video-on-demand player(url...) into a single Flash project.I want to allow our Graphics guys (aka Flash developers) to be able to use the standard Adobe FLVPlayback components and skins and also be able to p lay back files, streaming content and Limelight content. To this end I thought that writing a custom NCManager class would be the way to go.
I have 99.9% succeeded: my class gets the connectToURL(),connects to Limelight, subscribes and all is well but I am really really stuck now on how to tell the FLVPlayback component that it .can start playing back now that the stream is connected.FLVPlayback and VideoPlayer parts appear to be AS2 and I cannot call the rtmpStatusInfo() function on the VideoPlayer part to tell it that it is good to go.I am so close I can taste it: If I create a NetStream object and play() it, I can hear the content to I know that if I could only get the FLVPlayback / VideoPlayer dynamic duo to playback then the job would be done.
I have attached the code, warts and all in the hope that either somebody has done this before or can tell me what I have misunderstood about the internal state-machine / FSM logistics that VideoPlayer et al implement.By reading the source code and my debugging statements I can see that I have maneuvered it towards the ultimate goal of playback but I don't know how to make that final step.
PS: I *know* that reconnect() is non-functional but if I uncomment the call all it does is go around the loop again; the real problem is I cannot tell the VideoPlayer that it can play (via rtmpStatusInfo) the data etc
PPS: The meta-data related stuff *only* gets called if I uncomment the NetStream code; this was to check that I had a valid playback stream, which I do at that point.
On my Mac OS X it didn't matter, the setStyle Worked Fine,However I've transfered my files over to PC and working with the exact same things all the styles work EXCEPT for the setStyle("themeColor", "color");On this PC it's always turning it from the default "Greens" to a solid gray shade of borders, this is very weird.
For Example
Code:
// Have a button component on stage
import mx.controls.Button
_global.styles.setStyle("themeColor", "haloOrange");
[code]....
It works just fine, do I need to edit the core class files for something? I'm extremely confused, I inport the class files in the first place so I can do public vars and strict data type them to that component.
When I customized the ColumnChart in Flex by overrided updateDisplayList function, colors in legend no longer display. As you will see in the below picture:url...
View 2 RepliesI would like to use the word wrapper for datagrid header, the problem is that it cuts the word to a new line, what i need is to add - sign after the word cutted...what i mean is:
admins-
trator
According to the Flash 8 Actionscript Bible, it is possible to set a style that will affect all instances of a certain component class by typing the following code:
ActionScript Code:
import mx.controls.*;
import mx.styles.CSSStyleDeclaration;
_global.styles.componentClassName = new CSSStyleDeclaration();
_global.styles.componentClassName.setStyle("styleAttribute", "value");
A disclaimer says that "[this style technique] will work with almost all of the component classes. However, the following classes will not allow you to set a class style object: List, DataGrid, Tree, and Menu." (ch 29, pg 644)
So why does the following do nothing:
_global.styles.Label = new CSSStyleDeclaration();
_global.styles.Label.setStyle("autoSize", "true");
How to use the skins shown on various sites e.g flex skin site into my flex project.
View 1 RepliesDo you know any flex component with the functionality such as horizontally collapsible window or panel I found arc90, but it folds vertically.
View 1 RepliesI am created a dynamically adding a VBox, that contains two images. Into a Custom Component that is derived from UIComponent. The problem is the Vbox that contains the two image is only a really tiny size. I would like the VBox stretch to the size of the two images. This is how I am creating the Vbox....
[Code]...
Is it bad practice/design to nest components inside components using Flex 4? Should I simply be creating components and inserting them into my main application as below, or doesn't it matter?
<com:MyComp1>
<com:MyComp2>
<com:MyComp3>
[code]....
The 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 RepliesI 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 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 Replies
