Flex :: Custom SkinnableContainer Skin Border?
May 2, 2011
I have a SkinnableContainer that I would like to add a border to. I have already created a skin class that creates a 1 pixel border around all four sides of the container successfully, however, I would like the border to only be for the top and bottom of the container, not the sides (left, right). How can I achieve such a thing? I have attached my current skin class.
<?xml version="1.0" encoding="utf-8"?>
<!-- containerssparkmySkinsMyBorderSkin.mxml -->
<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009"
[code]....
View 1 Replies
Similar Posts:
Mar 5, 2011
I have built a basic theme for my Flex app. I would like to add support for additional predefined themes. By default, app has a theme and I would like it to change when user selects a theme from dropdown list. This can be done by loading a swf file using styleManager. However, all the skins have colors hard-coded in them. So, in order to achieve this I would have to duplicate skins and change value of the colors.
Is there a better way of doing this? Can I just have a skin that will change color values dynamically based on user selection?
View 2 Replies
Jan 30, 2012
I have a custom Flex 4+ component that I am trying to make and have the skin be aware of changes to a custom property. This property will determine the graphic on the button (and some other visual changes) but the data will change constantly as it will be updated by a timer.
I've looked at untold examples and still seem unable to get the syntax correct or discover how things should be separated. I've looked at overriding commitProperties and the PropertyChangeEvent without success. So I have two questions.
1) How can I get a skin to be notified of a bound property when it changes?
2) If the data for a bound property of the component is an object, will binding work properly if a property of the object changes (or would it be better to pass each property separately)?
[Code]...
View 3 Replies
Aug 18, 2010
How do you set the default value of skinClass for a custom component in Flex? I've extended the DropDownList with my custom component, but I would like to specify a default skin to go with it instead of always setting the skinClass value for each instance.
View 1 Replies
Aug 21, 2010
I'm trying to put my components in a window container that can be closed by "x" moved on the stage, resized and so on. And I wonder which is the best way to do it. I want to use a skin class and the component class. The "solution" that is not working looks like this
[Code]...
View 1 Replies
Apr 14, 2011
I'm trying to create a simple skin for the flex progressbar control. Both the track and the bar should have rounded corners, and the bar should fill the track completely in the parts where it is being shown.
Here is the bar skin I've created based off this example:
<?xml version="1.0" encoding="utf-8"?>
<s:SparkSkin
xmlns:fx="http://ns.adobe.com/mxml/2009"
[Code]....
Instead of the bar being flush with the track, there's a margin, and the rounded border gets cut off.
View 1 Replies
Aug 12, 2011
I wanted to change the background color of my Panel title area and I discovered that I needed to create custom skin or skin extender to accomplish this. So I created a skin called myPanelSkin based upon the Spark.PanelSkin. My background color works fine but it will no longer show the cornerRadius defined either on the component or in a styleI then tried another approach and simply created a new skin as an exact copy of the Spark.PanelSkin. It also looses the cornerRadius.
View 2 Replies
Apr 26, 2011
I use a flex mx:datagrid. I can set the headerBackgroundSkin to specify a skin or a picture to be displayed in all datagrid column's headers and it works just fine !
The problem is I can't find any way to specify a custom skin for the currently sorted column (doesn't matter if the sort is asc or desc, this is just to show the user which column is currently sorted).
I also tried to create a custom headerRenderer for each column but it is quite complicated and doesn't work very well.
I have been looking for the solution for a while but I can't find a good approach to do it. It sounds like a very basic need for me...incredible it is so complicated to achieve with Flex !!
I noticed someone was looking for the same thing few years ago but without success... [URL]
View 2 Replies
Oct 23, 2010
why the skin's overall border (the little 1px line) gets cut off on the right side? Link: [URL] I have not resized the video, so I have no idea why the line would go missing.
View 5 Replies
May 25, 2011
I have a custom component extends from skinnableContainer and only has two NumericSteppers.I explicitly set focus to my component like myComponent.setFocus(). It sets focus to first stepper which is correct, but when I press TAB to move focus to next stepper it moves focus to the next Component.
I set tabEnabled = true and tabChildren=true of the component, still no luck. How could I set focus to next stepper on pressing TAB?
View 1 Replies
Nov 30, 2011
I have a SkinnableContainer class called: 'GroupNavCustomContainer' that uses a skinClass called 'GroupNavCustomSkin'. The GroupNavCustomSkin is the default one Flex creates for you: (The default skin class for a Spark SkinnableContainer container). Now, I have to add buttons to the GroupNavCustomContainer dynamically from outside the class which is not a problem. However, I can't seem to figure out out to make my skin behave as a HGroup so the buttons are spaced evenly. I tried: modifying the Group container to no avail:
[Code]....
View 1 Replies
Apr 14, 2011
I am trying to drag and drop an object across the SkinnableContainer- am coming across a very strange issue
The drop occurs only at a few places- elsewhere it just shows the "X" sign and on dropping there, reverts to original position. I have used very standard commands... from function 2 to function 3, the call occurs very rarely as seen in trace statements- any guidance on why this happens?
I added the following code to SkinnableContainer: dragEnter="dragEnterHandler(event);" dragDrop="dragDropHandler(event);
(1):
private function mouseMoveHandler(event:MouseEvent):void
{
var dragInitiator:Image = Image(event.currentTarget);
var ds:DragSource = new DragSource();
[Code]....
View 1 Replies
May 18, 2011
I created a SkinnableContainer runtime because I want to set some style properties to it, then based on some external data I need to create a new SkinnableContainer and add it as children of the first one. This children height can be greater than the parent container.How can I create a SkinnableContainer runtime with some scrollbars?I read in the documentation that I need] to create a new Skin. [code
View 1 Replies
Aug 10, 2011
When I use a descendant of the SkinnableContainer (eg BorderContainer) which itself is included or excluded in a state, the child elements in the default state appears in incorrect order. This problem disappears when using a Group instead of BorderContainer, or when the container itself is not included or excluded in a state, or when states changes forth and back. What is going on here? Am I missing something or is this a bug in Flex?
[Code]...
View 1 Replies
Mar 15, 2011
SkinParts are a great way to add event handlers and logic to an object that is instantiated in the skin, away from any business code. Often, though, I find myself wanting to do the opposite, and define parts that will be used in reusable, skinnable containers in the parent mxml files which will be inserted into the skinned containers.
What's the best practice for when you want to be able to define a control and a skin which can be reused with different controls inserted from outside the skin? Edit: A better way to put this might be that I want to use something that works a little bit like a SkinnableContainer, but that isn't limited to one area where content can be placed.
View 1 Replies
Feb 10, 2012
I extend Button to create ImageButton, and I extend ButtonSkin to create ImageButtonSkin. But, when I define hostComponent like this:
public var hostComponent:ImageButton
I get an error that there is a conflict with hostComponent:ButtonBase inside the ButttonSkinBase. How do I extend a skin AND provide a new hostComponent for it?
View 1 Replies
Apr 10, 2012
I have a few Skinnable Containers that have children components, such as an image component or a button bar etc. It seems that when I add the skin, the Skinnable container looks great, but all my children components of that container seem to disappear.
Example:
<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx">
[Code]....
In the above example, the Skin works just fine, but the image contained within the SkinnableContainer will disappear.
View 1 Replies
May 14, 2010
How can we embed the over,up,down etc skins defined as sybols in a .swf file... i mean in skin file how can i specify those symbols to be used as up,over,down skins.
View 1 Replies
Feb 2, 2012
I want to change the default styling of the volume bar in Flex to
I want to know if it is possible?
View 1 Replies
Sep 21, 2009
I am importing a video into Flash using the wizard.When I get to the screen that asks about the skin for the controls, I choose custom and then type the URL:..for my player.When I try to upload the SWF that is generated, the player doesn't show up.I have checked the component inspector and see that the URL is indeed saved there and if you go to the URL of the custom player SWF, it loads.
View 3 Replies
Aug 5, 2010
Lets say i code a component in AS3, it extends BorderContainer. How do I disable the default skin ? So it hasn't any skin, no Border, no Background?
Second question: Am I right to design a new skin completely in the overrided updateDisplay() method?
View 0 Replies
Feb 2, 2011
i am trying to create a custom skin for my FLV component in CS5 ..but adobe's fla files have errors when i decompile...I get this error...
Actionscript Code:
Error 1046: Type was not found or was not a compile - time constant : NetStreamPlayOtions
When i do publish flash does recognise the custom.swf skin...when i do add it in my movie though i get this error
Actionscript Code:
Error #2044: Unhandled skinError:. text=Error #1009: Cannot access a property or method of a null object reference.
View 1 Replies
Apr 15, 2010
I am trying to build a custom skin for a video that I have.I created the skin and buttons(play, pause, and stop) in photoshop and imported them into flash.I then hit ctrl R and import the video.The buttons I select and convert to button symbols and give them instance names.The video I select and make that a movie clip and give that an instance name.I then click on a button and go to behaviors (this is in actionscript 2.0) and assign them the proper actions.It seems like everything should work but it does not.As a side not I can create an animation in flash with buttons and they work.But it does not work with a movie clip.
View 3 Replies
Jul 26, 2010
I am currently working on a projects that needs to have a custom flash skin player.I have tried copying and editing excisting skins, but when I export the swf and fla into the crrect folders, I am able to select it from the skin list- however it doesn;t show in the player.Am I exporting/ publishing this in the correct way and to the right folders?
View 3 Replies
Sep 13, 2010
I am trying to set a custom skin URL on an FLVPlayback object. The object is on the stage named vid. When I have the following code: vid.skin = '[URL]'; I get the following error when debugging in the CS5 IDE: Error #1014: Class fl.video::UIManager could not be found When publishing the file to an SWF it "dies" (it stops video playback) at exactly the same point. There is no error message or other indication of what happens in the browser. The flash still seems to work, it responds to ExternalInterface events. It just refuses to play the video. I'm using FLVPlayback 2.5.0.26 with Flash Pro 11.0.2.489 on Win7 64-bit.
How do I fix this? If I comment out the video.skin assignment then the video plays great (except there are no play/pause controls). But when I try to set it I get this internal Flash error. Incidentally if I assign vid.skin = 'invalid/url' then it doesn't die, instead it gives me a warning that the skin cannot be found. The valid.swf url is a copy of the MinimaFlatCustomPlayBackSeekCounterVolMuteFull.swf skin that comes with CS5.
[Code]...
View 3 Replies
Sep 12, 2010
can find a solution to progressive download flv files and display them with a custom skin?I am using Flex3 and working on an AS3 Project - not a Flex Project so i do not have access to the Flex Video Components. I have to resolve this with AS3 but how to do? Everything in find somewhere is based on the usage of Flash or Flex as a Flesproject...
View 0 Replies
Dec 21, 2010
I just used FLVPlayback component and created flv player my custom skin work in normal mode. but in full screen mode the skin not appear and no thing appear else the video screen ..so, how to make my skin appear in full screen mode ?
View 1 Replies
Jun 22, 2010
I'm getting a security error while trying to load a custom skin to my player from my server. I've already tried placing the allowDomain with "*" wildcard, and still it doesn't work. Here's the error:Error #2044: Unhandled skinError:. text=Error #2121: Security sandbox violation: Loader.content: filelayer.swf cannot access URL...I really don't understand why this is happenning, since i'm loading flv's or images from the same server without getting any security errors.
View 1 Replies
Jan 20, 2012
I am using Stage Video and would like to implement video controls to this, like the ones utilised in FLVPlayback component. I am coming to the conclusion I am going to need to create a custom control bar entirely from scratch.
View 1 Replies
Oct 21, 2009
I'm using the following rather than the FLVPlayback component, how do I attach a generic skin?
[Code]....
View 1 Replies
