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've been beating my face against this all afternoon and I'm sure it's not a hard fix, I'm just completely missing it. I have a tabnavigator and I'm assigning it a style. This one actually :
[Code]....
I am building a Flex application with ActionScript 3. Unfortunately I've hit a wall with this one...I would like to be able to apply an upSkin to my dynamically generated button like this:
//this theSkin variable is dynamic in my app, but for this example it's a simple string
var theSkin:String = "http://www.mypicturedomain.com/images/myimage.gif";
var navBtn:Button = new Button();
navBtn.id = "thumb1";
[code]....
When I attempt this, I get this error:
TypeError: Error #1034: Type Coercion failed: cannot convert flash.display::Loader@3dac941 to Class.
How do I skin this button with my image dynamically? A couple of things to consider:The upSkin image must be remote. It can't be local.The button must be generated dynamically (it's in a for loop).
I have an accordion component on my stage and I really do not even know where to start to do .I found this code on the Adobe help pages and it causes the movement of the accordion to bounce... which is great... but my problem is populating the accordion with the data.
Quote:
import mx.core.View;
import mx.transitions.easing.*;
top_acc.createChild(View, "first", {label:"FIRST", icon: vt[i]});[code]........
My accordion is called "top_acc".I have three(3) labels... (FIRST,SECOND, and THIRD) Within there i would like arrays to be displayed for the select label.My arrays are defined and when i trace them i get exactly what i am looking for... the format of the code to add an array to my accordion...then upon selecting the item in the array displayed i would to be able to display that same array value in a text box called "my_selection" ....also the amount of items in the array are not static and change day to day..
how to create an accordion menu with out using the accordion component.
View 14 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 am using a 5 column DataGrid to list game results. The player can then select any game result in the DG and send it to the server/scoreboard. Once they do that, I want to change the upSkin color for that row.But it seems like all I can do is specify a CellRenderer Class for the column, not for the row. Or is there a way to specify the style settings for individual CellRenderer instances? I know I can get each instance for each cell (getCellRendererAt).
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 RepliesI 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]...
I'm currently developing a Flex application with an accordion containing 2 canvas: one of them containing a DataGrid and the other one a form.When the user clicks on one of the DataGrid's rows, it opens the accordion on the second (form) canvas. However, I'd like to open the second part of the accordion only by half, so they can still see the data in de datagrid.
View 1 RepliesI want to increase the (height) size and change the color of a spark accordion header, similarly I want to change the color of a spark panel header. Can I do this through mxml properties and css or will I need to use a custom skin?
View 1 RepliesI have an accordian which contains a repeater. That repeater takes an array as a dataprovider. The array in turn gets data from an XML file, on server, via HTTPService.
Now, data in the XML file gets modified after sometime frequently so I send the HTTPService after every 5 secs by using a Timer.
Problem: When the timer timesout after 5 secs, HttpService is sent, data is retrieved and showed in accordian but each time this happens, the accordian flickers. Thus, the flickering happens every 5 sec which is quite irritating.
Can I somehow remove the flickering to make the accordian update seemlessly? If it's the problem with accodian, will it persist if I use a DataGrid in place of accordian?
Is it possible to create Accordion with only the headers without adding any containers in it? Is there a way so that I can just create the Accordion with three sections with only labels?
View 2 RepliesI want to add a button with a cross to the header of the accordion which can be clickable. that means i want to display a message when the some one click on that button. i go through many of the samples in the web but couldn't get it done.
I tried with also a CanvasButtonAccordionHeader, it shows the button but when i click it, it didn't give the message although i created the click event handler.
If you add an Accordion navigation component to Flex Application, like this[code]...
Question is: what code should I write to make my Accordion's panes switching animated?
(Like in Adobe's demo called Tour de Flex)
To see what I mean by animated switching between panes:
1) go here: [url]...
2) select Other Components -> Containers -> Super Accordion in the left pane
3) click on Super Accordion's pane headers and see them moving
I'd to use a HDividedBox and I have resize problem.Indeed, when I reduce the width of accordion component, the list is not reduce.Find below my code
<mx:HDividedBox width="100%"
height="100%"
color="0x323232">
[code].....
[URL] how to build something like that with controllable column numbers, width and images that might be using XML.the main thing is how to accomplish such an effect?P.S. I've developed an Image Slider using Flash Builder 4.5 The problem is that when I included that in HTML page when someone performs ZOOM with CTRL+ Mouse wheel in a browser, the DIV that holds my SWF file and SWF file itself increases in size but the image itself that is inside my slider still remains of the same size.. How to fix it?
View 1 RepliesWhen i create a new Accordion object and add some items to it with a dataProvider The default selected Child is 0.
View 3 Replies