Flex :: Way To Set Scrollbar Skin Globally In Spark Application?

Dec 21, 2011

I have a custom skin class that I want to apply to all scrollbars. Is there a way to set this globally in a Flex Spark application?

ADVERTISEMENT

Flex :: Remove Hover / RollOver Effects Globally On Spark Components?

Oct 28, 2010

My goal is to remove all hover feedback from the UI. The motivation is for testing touch interface prototypes and not wanting users to have the queue of interactivity when the mouse hovers which they won't have with a touch interface.

I have a partial solution but it has two problems:

Requires an event handler on each component. Flickers on hover.

protected function ui_suppressHover(event:MouseEvent):void
{
var b = event.currentTarget as UIComponent;

[Code].....

View 2 Replies View Related

Flex :: Extending The Spark Skin?

Jul 14, 2011

My current requirement: I have menubar with 3 different button types. Skin structure is simple: one label and two state graphics. So my base skin have label, and in overridden i want add two images. But flex docs states that overriding of skin is not preferred. I try override override public function addElementAt(element:IVisualElement, index:int):IVisualElement for adding new subcomponents to custom container sdk using it but my view is blank. Does skins are really not overridable? My current code:

<s:ButtonBar skinClass="MenuSkin" dataProvider="{content}" />
in MenuSkin:
...
<fx:Component id="firstButton">

[code]....

and next 2 skins have repeated <s:Label/> part. As label should look the same, naturally i want extend base skin class but it is no possible form me. First problem: if i add image in mxml it overlaps label.

View 1 Replies View Related

Flex :: Add Icon On Spark Button Skin?

Jun 11, 2010

I am trying to add different icon on different buttons. I have my skin file ready but not sure if I have to create different skin class for different button. It sounds inefficient.

<s:Button id="pass"
width="110"
height="35"

[Code]....

View 2 Replies View Related

Flex :: Conflicts Between SWC Skin And Spark Drawing API

Aug 4, 2010

I have a project where we are trying to skin Spark components from a third party library that are built up from the drawing API primitives. Our first attempt involved creating a Flex skin (SWC) in Illustrator/Flash and applying that skin to the Spark components via CSS. We found that even with only a single instance of one of the components skinned in this way on stage, the application was brought to it's knees. For example, it failed to respond in repaint scenarios in a timely manner, and exhibited all the symptoms of being hung.

Our next approach will be to recreate the same skin artifacts in MXML classes that are in turn associated with the third-party components. Although the complexity of some of the skins leads me to believe that we might not avoid performance problems with this approach either. My question is the following: Is there a correct or recommended way to apply either a SWC or based skin to a component that is built up from the Spark drawing API to begin with? Even as I ask the question I recognize that the approach means using the Spark drawing API in two places and will probably have unexpected consequences.

View 1 Replies View Related

Flex :: Keep 'down' State For Spark Skin Button?

Oct 20, 2010

I have spark skin a button with up, down, over, and disable states in a button component to create a modular. Is there a way when the user press and hold a key, the button will remain in 'down' state?

The button component include skinclass:

<?xml version="1.0" encoding="utf-8"?>
<s:Button xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"

[Code].....

View 1 Replies View Related

Flex :: Scrollbar Skin Does Not Resize?

Aug 1, 2010

I'm working on a Flex 4 application and I started customizing the interface with skins to give a whole new look.So, I've created two scrollbar skins in Flash Catalyst (one horizontal, one vertical).Its working great when I test the application through Catalyst so I took it and imported it on Flash Builder, copied the components and defined the new skins in my css file for the HScrollbar and VScrollbar.The skin is working, all the buttons are ok. But, the scrollbar isnt resizing for some reason. It remains in the same height I've designed it to be regardless of the content it is bound to.

It scrolls the content in all the ways it should be but it doesnt resize and the thumb isnt getting all the way down.Also I've noticed the following.I have a custom component acting as a list. It extends Group and contains a Scroller. So at one place of the application the Scrollthumb is getting lower than on another place where the same custom list is used.I also have to mention that this scroller works perfectly without a custom skin.

View 2 Replies View Related

Flex :: Exposing Properties To A Spark Skin Class

Sep 2, 2011

I am having trouble wrapping my head around the spark skin class in relation to it's host component. Basically, from what I've seen with most every skin that comes in the Flex 4 framework they don't directly expose the properties that are dynamically being set in the host component. Instead, they define states that get exposed to the skin class to define when a component should look different. This is all fine and dandy when you have a very simple component with a standard set of states, but when you have twenty different properties (hypothetically) to set in your host component that should change how the skin looks it could get very complicated very fast.

The way that I've seen that they have used to get around this is by overriding the commitproperties and invalidate functions in the skin class, grabbing the values for the properties they want from there, and then setting them to a locally instantiated variable inside the skin class. This is fine, but I feel like that is just a patch workaround to it which makes things a lot more complicated than it needs to be.Is there any way to directly expose a bindable property from the host component class so when you define your skin class it is directly ready to be read from? Let's say you have custom button with a boolean property of 'selected'. In the skin class, you want to add in a get and set function for the property 'selected' so you can perform some action upon your skin whenever it's set. How do you tell the skin class that this is an available property for you to work with from the host component?

View 2 Replies View Related

Flex :: Skin A (single) Spark Component To Look Like An MX Components

Oct 12, 2011

I want to use a Spark ComboBox with numerous MX Components but the Spark ComboBox does not look the same as the MX Components. Is there a skin I can use to Skin Spark components like MX components?

[Code]...

View 1 Replies View Related

Flex :: Layout - Get Spark Skin To Center Vertically?

Apr 2, 2012

I've created a skin that allows me to have two labels on a spark button, but the button text won't center vertically. It stays at the top of the button no matter what settings I give it. The icon in the skin DOES however, center vertically. This is the skin:

[Code]...

View 2 Replies View Related

Flex :: Copy/modify The Spark Skin For The Default Button?

Jun 20, 2010

I'm trying to copy/modify the spark skin for the default button, but not sure how to find that skin. When I hover over <s:Button and Ctrl + Click it, it takes me to the Button class, but there isn't any skin information there.

View 1 Replies View Related

ActionScript 3 :: How To Use Skin From Main Application In Flex

Feb 11, 2012

I have an application with a SWF loader. From the loaded SWF file, I'm accessing public variables from the main application with this:
[Bindable] public var global:Object = FlexGlobals.topLevelApplication;
Alert.show(global.myvar);
This all works perfect. I have a MXML skin file (for buttons) in a directory called 'skins' in the main application. Is it possible to use this skin in the child applications?

I've already tried this, unfortunately not working:
[Bindable] public var global:Object = FlexGlobals.topLevelApplication;
<s:Button label="My Text" skinClass="{global.skins.menuButtons}" />
And this, but then it can't compile anymore:
[Bindable] public var global:Object = FlexGlobals.topLevelApplication;
<s:Button label="Button 1" skinClass="global.skins.menuButtons" />
<s:Button label="Button 2" skinClass="FlexGlobals.topLevelApplication.skins.menuButtons" />
Is it possible what I want in another way or do I have to copy the skin to the all the projects where I want to use the skin?

View 1 Replies View Related

Flex :: Get A List Of All Skin Classes In The Current Application?

Jul 4, 2011

Is there a way to get a list of all the skin classes that are in the current application? I'm using Flex 4.5.1.

Here is the loop that I'm using now to get all the skins,

for each (var item:Object in styleManager.typeHierarchyCache) {
for (label in item) {
if (label=="spark.components.supportClasses.Skin" ||

[Code]....

The reason why is because I want to list all the skins in the application and then be able to apply them in real time so I can see what they look like.

View 1 Replies View Related

Flex - Footer In Spark Application?

Oct 23, 2010

I'd love to be able to setup a footer at the bottom of my spark application, which runs in a browser. I was reading through the documentation of Application and the awesome Adobe examples. Unfortunately I keep getting lost when the documentation talks about how to position the control bar area at the bottom via spark.skins.spark.ApplicationSkin - sadly I'm not sure what that means from a practical standpoint and am stuck. How exactly do I set this up? Do I need to create an application skin (doesn't seem to be an option for the MXML skins) and apply it to the skin? Or instantiate ApplicationSkin and do something with it (what, exactly)?

Sorry, I'm sure this offensively simple, but I can't find any obvious example anywhere.

View 1 Replies View Related

Flex :: Scrolling With The Mouse Wheel On An Application Containing A Spark List?

Mar 18, 2011

I have an Application displaying a spark.List. Every item of my list must be visible (no vertical scroll).

I need my Application to be scrollable in a web browser, so I've add a Scroller containing all my components. When the browser window is too small to contain all my application, scrollBar appears.

My application looks like that :

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" width="100%" height="100%" >

[Code]....

When I scroll with my mouse cursor outside of the List, everythink works fine. When I scroll with my mouse cursor over the List, nothing happends.

It looks like the mousewheel event is stopped by the List, even if the List does not have a scrollbar.

View 2 Replies View Related

Flex :: Moving Spark.components.Application's ControlBar To Its Bottom

Sep 10, 2011

How can Application's ControlBar be moved to its bottom in Flex 4.5 ?

The Adobe doc says only:

By default, the ApplicationSkin class defines the control bar area to appear at the top of the content area of the Application container with a grey background. Create a custom skin to change the default appearance of the control bar.

So I look at spark.skins.spark.ApplicationSkin and there is a controlBarGroup (does it hold the ControlBar contents?), but I don't know how to move it from top to the bottom.

View 2 Replies View Related

IDE :: Change The Skin Of The Scrollbar

Jan 20, 2010

I'm using dynamic text for my site and the UIScrollBar but i want to change the skin of the scrollbar. It is very old school looking. I want something more like they have in the link below: [URL]

View 1 Replies View Related

Flex :: Flash - Spark Application Container Disable Scroll Bars?

Jun 22, 2011

do I have to necessarily have a application container as the root node in my mxml file?econd, I was reading this document on adobe's website and it says that the spark application container has no scroll bars by default and they can be added by using a custom skin. (Look at the table comparing the mx and spark application containers). But my problem is that my application container already has scroll bars by default and I want to get rid of them. I have a main application container with a custom child component that already has scroll bars. I just want the child to have the scroll bars and not the main application

View 2 Replies View Related

Flash :: Flex Spark Application Container Disable Scroll Bars

Nov 26, 2010

I have to necessarily have a application container as the root node in my mxml file? Second, I was reading this document on adobe's website and it says that the spark application container has no scroll bars by default and they can be added by using a custom skin. (Look at the table comparing the mx and spark application containers). But my problem is that my application container already has scroll bars by default and I want to get rid of them. I have a main application container with a custom child component that already has scroll bars. I just want the child to have the scroll bars and not the main application. Right now I get 2 scroll bars nested within each other.

View 2 Replies View Related

Actionscript 3 :: Where Is Spark Skin Button Size Set

Dec 10, 2011

I've skinned an hSlider's thumb with an image. But the image is pixelated, as though it's been forced to resize.It's just a pretty circle with a radius of 30 px.The other thing that happens is that instead of the new button being cleanly bisected by the track, it is just below the track, tangential to it. So now I have to reposition it by modifying its y value in SliderThumbSkin.mxml? And (presumably because its registration point is at upper left) when I slide it all the way to the right, it goes right off the end of the track until its left edge is at the track's right edge. This might also mess up calculations for the hSlider.value property.

You'd think you could just apply the skin and it would replace the button, but seems that both its position and size are being wrongly manipulated.Is the thumb's size automatically reset or resized somewhere? Is there a way to do this correctly and cleanly?

EDIT: Here's code for the entire test project:

//HSliderTest.mxml:
<?xml version="1.0" encoding="utf-8"?>
<s:ViewNavigatorApplication xmlns:fx="http://ns.adobe.com/mxml/2009"[code]......

View 1 Replies View Related

Flex :: Call A Function Inside ItemRenderer In A Spark List, From The Main Application?

Sep 1, 2011

I have a main application that contains a list, using a custom itemRenderer to display data.

I would like to be able to call a function, inside the itemRenderer, from the main application.

When running the app, we have a list with three persons, and a button. I want to call the function myItemRendererFunction() inside the itemRenderer, of the selected item in the list, all this, from the main app.

[Code]...

View 1 Replies View Related

Flex :: Setting Spark DataGrid Column's Default Sort On Application's CreationComplete

Sep 8, 2011

I have a spark DataGrid component with several columns and I want to have my application default to descending order on the first column in the DataGrid. I would like to use the built-in default sort that occurs when clicking the top header once. I have no need to sort the ArrayCollection I'm working with or change what the comparators are.I also want any user-generated sorting such as clicking on a different column's header to override the default sorting.

View 1 Replies View Related

Flex :: Spark DataGrid On Mobile Application Handle Scroll And Selection Item?

Dec 15, 2011

I have a spark datagrid on a mobile application, I set the

interactionMode="touch"

and the dataGrid scrolling is good, I got some problems adding a selectionChange eventListener to it, because scrolling the dataGrid will automatically change the selection and instead simply scrolling it, the function binded will start...

How can I add the touch dalay before select the index, so if I scroll the grid the selection won't change, and it change only if I press the item without scrolling?

View 1 Replies View Related

Flash :: AddElement To TopGroup Of A Spark Panel Component Skin?

Apr 16, 2011

How do I addElement() to the topGroup of a Spark Panel component skin?For instance, if I create a custom UIComponent, then create an associative skin that uses the Spark Panel as a default, how do I add elements to the topGroup from within the skin?

View 1 Replies View Related

Professional :: Use Mx Components Code In Both Halo Application And Spark Application?

Mar 18, 2011

I am not able to use fillColor and corner radius in spark. I want to use the mx components(halo) properties both in halo and spark application. Can any one of you help me in using fillColor and Corner radius in both flex 3.0 and Flash 4.0

View 1 Replies View Related

Flex :: Define A Control And A Skin Which Can Be Reused With Different Controls Inserted From Outside The Skin?

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 View Related

Flex :: Mobile Skin Overriding HostComponent Of Parent Skin?

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 View Related

Flex :: Use SWF Symbol As Up,down,up Etc Skin In Skin File?

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 View Related

Actionscript 3 :: Spark Images In Spark List With TileLayout Disappear On Scroll And Drag In Flex App

Jul 1, 2011

I have a renderer that looks like this:

[Code]...

Loading thumbnails using this method works perfectly. The issue happens when you scroll the List.

View 1 Replies View Related

Flex :: 4 - Add Component To Title Bar Of Spark Panel Or Spark TitleWindow

Feb 7, 2011

I'm looking to add a couple of buttons to the title bar of a Spark Panel or Spark TitleWindow. Is this possible to do without making the panel from scratch?

View 1 Replies View Related

Flex :: Turn Off Globally All Objects Drop Shadows And Special Fx's And Increasing Performance?

Jun 8, 2011

Is there any way to turn off all special FX's and especially dropShadow's on all objects inside the application ?

View 2 Replies View Related

Actionscript 3 :: Hide Video Skin When Playing, Otherwise Show Skin?

Jun 10, 2011

I'm using the default CS4 FLVPlayback skin, mainly the SkinOverPlayMute.swf. I know there's a skinAutoHide option, but because I don't want it to auto play, I want people to see a play button when they first encounter the video (so they don't think it's just an image). But the skin needs to hide when the video is actually playing (so the video doesn't get blocked by the controls).

In other works - when video isn't playing: skin showing; when video is playing: skin hide.

View 1 Replies View Related

Professional :: SteelExternalAll Skin Is Not Available In Skin Menu CS3

Feb 26, 2011

My client wants SteelExternalAll as the skin for her swf. It's not on the skinning menu in CS3. Is it possible to download it somewhere?

View 2 Replies View Related

Flex :: Flex 4 Textinput Skin Background Color

Jul 25, 2011

I'm trying to change the background color on a textinput component in flex 4. I've been able to change some of the appearance by messing with the canned code flash builder generates for the sparkskin but for some reason, background does nothing.I'm just trying to make the background black. I changed the background color but it's not working:[code]

View 1 Replies View Related

Css :: Difference Between Skin And CSS In Flex?

Mar 12, 2010

what is the difference between skin and CSS??Why it is better to use skin over CSS in Flex.

View 2 Replies View Related

ADVERTISEMENT