CSS :: Difference Between Skinning / Coloring And Themes In Flex
Jun 24, 2011Need Detailed explanation on the difference between skinning, coloring and themes.
View 1 RepliesNeed Detailed explanation on the difference between skinning, coloring and themes.
View 1 Replies1- 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'm using Themes with Flash Builder. And if I choose a Theme Flash Builder copy the SWC into a folder in my user dir(C:UserschristenlAppDataRoamingAdobeFlashuilderThemesmyGrand_theme)When I update my theme file. Flash builder does not copy the new SWC into the folder. So I have to import the theme again or copy the file to the location.Is there a way to point to the theme project instead so I dont have to manualy copy paste the file every time
View 1 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 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 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 have two objects; background and highlight. Highlight has a certain amount a opacity set to it 45%, so it appears lighter then the background. I want to color just the background in as3/flash builder 4, but when I color the flash symbol, the highlight region also gets colored and I don't want to do that.
I also don't want to have two separate symbols, because then I'll have to add more code and variables.Is there any way to color just the background and let the highlight object just be?
I 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?
I'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 RepliesI will redesign a product page that contains products like Vase, Ceramic Plates and more, Customers can customize the colors of the product. Now I need some advice what approach would best fit, I am planning to use Flash/Flex/Actionscript in implementing this; That way I can minimize loading to many jpegs for the product and at the same time making the page more interactive.
View 1 RepliesIn my AdvancedDataGrid, I am adding dynamic values to cells by dragging a cell value to other cells. While copying, I am setting the value to listData and setting the Red color to the value in ItemRenderer. Everything is working fine, but when I scroll down/up, the values remains in the cells where thay are supposed to be(as I am setting to listData) but the coloring behaves wierd(as I am trying to set the color in ItemRenderer).
I don't want to store the color of the value, but I should be able to see the dynamically created values in Red color. Is there a way, I can do this? Do I need to set the color to actual dataprovider object and then check in ItemRenderer?
[Code]...
I was wondering which IDE choice you flash developer use to write the code....I use Flex Builder for my AS3 only project so the code below will display nicely with coloring keywords. I wanted to know if there are better choices there...Also, does flash developer do the AS3 programming only? Do they do graphic design at all?
View 3 RepliesI have a spark RichText that I want to change his color according with the value on text property.
Negative values get red, positives blue...
When I declare the component, I call a method to set up the css style, but when the value changes, the color is not updated.
How can I put a conditional CSS Style? Is possible to create custom skins to RichText component?
In 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?
Is there a way to import / export Syntax Coloring in Flash Builder? If not how hard would it be to build?
View 1 RepliesUsing 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]...
I have an swf and I want to change the theme/back ground for this swf.
View 3 RepliesI would like to ask your opinions about sites that have multiple themes available and allow the user to change the theme while navigating the site. What do you think about this? Is it a cool or attractive option? Is it unprofessional? Is it worth the work of development? Have you implemented something like this? I have been thinking about developing a system for a site to allow support for multiple themes but I am not sure if that would be professional and worth it.
View 3 Replieswhat is a difference between in flex Builder and Flex SDK?
View 5 RepliesJust want to clear a very basic doubt am having for quite some time.
Is LCDS and FDS the same
What differences are there betwee Flash CS4 and Flex, besides the GUI of Flash?
View 3 Replieswhat is the difference between skin and CSS??Why it is better to use skin over CSS in Flex.
View 2 Replies