ComboBox inheriting button skin - how to override

Using Flex Builder 3.
I have set up a Button style in the stylesheet so all buttons pick up the up, over, and down skins.
The problem is no matter what I do I cannot get the ComboBox to not use the skins defined for Button.
Is there a way of overriding the skins to not use a skin. I've set up a specific style for the ComboBox, but it still picks up the button skins. I've tried both using ComboBox for the style descriptor and set a specific style name like myComboBox and set the style on the combo box in the mxml.
What is strange is that from the documentation it doesn't look like ComboBox inherits any styles from Button. So this makes no sense.
Any ideas?
Thanks,
Cindy

Button in stylesheet:
Button
corner-radius: 3;
font-size: 11;
font-weight: normal;
color: #0860AB;
up-skin: Embed(source="../images/bttn-bg-off2.gif",scaleGridLeft="5",scaleGridTop="5",scaleGridRight="17",scaleGridBottom="11");
over-skin: Embed(source="../images/newBlueButtonOver2.png",scaleGridLeft="3",scaleGridTop="4",scaleGridRight="22",scaleGridBottom="13");
down-skin: Embed(source="../images/newBlueButtonDown.png",scaleGridLeft="3",scaleGridTop="4",scaleGridRight="22",scaleGridBottom="13");
padding-top: 0;
padding-bottom: 0;
padding-left: 5;
padding-right: 5;
style set up for combo box in mxml: dropdownStyleName="myDropDown"
.myDropDown {
corner-radius: 0;
fill-colors: #FFFFFF, #FFFFFF;
fill-alphas: 1.0, 1.0;
border-color: #C0C0C0;
theme-color: #C0C0C0;
roll-over-color: #d2e1ea;
selection-color: #A6CAE1;
font-size: 11;}
I even tried just setting the styleName property in the mxml, but it didn't do anything either.
-Cindy

Similar Messages

Button Skin: How to add button properties (over, down,up)

Hi all,
     I made a custom button "skin" because I want my buttons to be images with NO box or border around it and it works great, but I don't know how to add the button functionality. ex. In "over" state buttons tend to light up and in "down" state they tend to get darker. Anyone know how to apply this to an image??? below is my code. Thanks guys!!
<?xml version="1.0" encoding="utf-8"?>
<s:SparkSkin 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="64" height="64">
    <fx:Metadata>
        [HostComponent("spark.components.Button")]
    </fx:Metadata>
    <s:states>
        <s:State name="over" />
        <s:State name="down" />
        <s:State name="up" />
        <s:State name="disabled" />
    </s:states>
    <mx:Image source="@Embed(source='assets/images/lightbulb.png')"/>
</s:SparkSkin>

You could try something like this:
<?xml version="1.0" encoding="utf-8"?>
<s:SparkSkin 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="64" height="64">
    <fx:Metadata>
        [HostComponent("spark.components.Button")]
    </fx:Metadata>
    <s:states>
        <s:State name="over" />
        <s:State name="down" />
        <s:State name="up" />
        <s:State name="disabled" />
    </s:states>
    <mx:Image source="@Embed('assets/images/lightbulb.png')"
              source.over="@Embed('assets/images/lightbulb_lit.png')"
              source.down="@Embed('assets/images/lightbulb_dark.png')"
              source.disabled="@Embed('assets/images/candle.png')" />
</s:SparkSkin>
Peter

How do I change button skin with function arguments?

Hi guys, I am building a map witch I represent with buttons grid 40*26, now I wont to create a function in action script that will get a string that contains the folder name where I am storing the buttons skin data for example:
[Embed("maps/grass/upSkin.jpg")]
private var _upSkin:Class;
[Embed("maps/grass/overSkin.jpg")]
private var _overSkin:Class;
[Embed("maps/grass/downSkin.jpg")]
private var _downSkin:Class;
private function changeMap():void
     slot:Button=new Button();
     slot.setStyle("upSkin",test);
     slot.setStyle("overSkin",_overSkin);
     slot.setStyle("downSkin",_downSkin);
This is what I managed to do up to now, what I would like to do is to send to changeMap() a string with the path name, but some how I can't embed a variables, I will be glade if you could find a solution for that.
This is the link for my site, so you can see what I am talking about. I am not always online but you can try.
http://gazmanwars.zapto.org/
*Best view under 1280*960 rez

in this case StyleManager.loadStyleDeclarations(currentTheme + ".swf"); can come handy.This satement will load new style Declarations for your application on runtime whenever you want.
currentTheme will be your css file containing styles compiled into swf by flex builder you can do that by right clicking on css file and selecting
Compile Css To Swf
for more information on style Manager see following link
http://livedocs.adobe.com/flex/3/html/help.html?content=styles_07.html

How to override Approve button for list item?

Hello,
Is there a way how to override the method that runs after list item is approved / rejected? I know there is a way for the Save button but I can't find how to do it for the Approve button.
I have a list with approval and workflow. Then I have a page that displays the items from the list in my webpart in a calendar/grid way. The items in the webopart have links leading to the display form with the item ID and Source parameters. Source parameter
leads back to this page. The background color of the item in the webpart is decided by the approval state of the item.
When user approves the item and the item form closes user is then sent to the page with the webpart (via the Source parameter) but the workflow takes couple of seconds more to process the aproval so the color is not changed when the webpart renders but if
the page is refreshed it shows the correct color because the workflow has finished.
I want to override the Approval method, let it update the item so the workflow can fire and process the approval, delay the form a bit and then continue as usual so when the user is redirected to the webpart page it would render with the correct state.
I can make a delay page that redirects to the webpart page and change the Source parameter in the items link to go there but it doesn't look that great.
Or maybe there is a way how to do it in Javascript? I am using it in the new item form using the SP.UI.ModalDialog.showModalDialog(options) function where the dialogReturnValueCallback refreshes the windows after 3 seconds.
dialogReturnValueCallback: function(dialogResult) {
if (dialogResult == SP.UI.DialogResult.OK) {
setTimeout(function(){window.location = "MyPageUrl"}, 3000)
Thanks for any tips and ideas!

you can try to achieve this via separate responsibility by personalizing the form by display false on the particular control button..

How to override the create method invoked by a create form?

Hello everyone, I'm using ADF Faces and have the next question:
How can I override the create method which is invoked by a create form to preset an attribute in the new row (the preset value is not fixed, I have to send it to the method as a parameter as it is obtained using an EL expression)?
In the ADF guide I read how to override a declarative method (Section 17.5.1 How to override a declarative method), but this explains how to do it with a method that is called by a button. I don't know how to do the same with a method which is called automatically when the page is loaded.
I also tried overriding the view object's createRow() method to receive a parameter with the preset values but it didn't work, I believe that was because the declarative create method is not the same as the view object's createRow. This caused the form to display another row from the viewobject and not the newly created one (I also set the new row into STATUS_INITIALIZED after setting the attribute).
Well, I hope my problem is clear enough for somebody to help me.
Thank you!

Hello,
I'm not sure you can do it with standard generated Create Form.
In your view object you'll need to create your own create method with parameters, publish it to client interface and invoke instead of standard generated create action in page definition.
Rado

Combobox and button renderer

Hi all,
I read the documentation about JTables but couldn't figure out how to solve my problem. I want to render combobox and button in the same JTable cell like in Netbeans. How can I do this? Any suggestions?

Anyone with ideas?

Why isn't the DefaultItemRenderer class inherited from Skin?

\sdks\4.0.0\frameworks\projects\spark\src\spark\skins\spark\DefaultItemRenderer.mxml
<?xml version="1.0" encoding="utf-8"?>

The DefaultItemRenderer.mxml is skin class for ItemRenderer.cs,but isn't inherited from skin?

And to clarify one more thing, we also thought about making item renderers skinnable components (i.e.-ItemRenderer extends SkinnableComponent). This way, everytime you were changing the look and feel of a component in Spark, you'd be following the exact same pattern. But after we thought about it some more, that SkinnableComponent-Skinning model didn't really feel right here.
With a SkinnableComponent we have a clear separation of the component properties and behavior on one side and the look and feel of the component on the Skin side. Also, there's a clear contract we use to talk back and forth to one another. The reason for the separation between the Skin and the SkinnableComponent is so that we can have one Button SkinnableComponent and multiple Skins for that Button which all tweak the visual appearance of it.
It doesn't make sense for every component to be skinnable. If you know what you're component is going to be and look like and don't need the extra flexibility skinning provides, then you can get rid of the extra overhead that skinning requires (like having 2 classes).
With an ItemRenderer, we don't really need that separation and extra complexity. It's really rare for someone to want to create an ItemRenderer component for a particular piece of data and want to have a separate Skin file for that ItemRenderer's look and feel.   For item renderers, the user really wants to create a custom item renderer with any extra behavior and the look and feel of the component all baked in to the same class. Because of this, when you're creating a custom item renderer, you extend ItemRenderer, like:
<s:ItemRenderer focusEnabled="false"
    xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
    autoDrawBackground="true">
    <s:Label id="labelDisplay" verticalCenter="0" left="3" right="3" top="6" bottom="4"/>
</s:ItemRenderer>
In general, if you want to build a custom component that isn't skinnable, you'd probably just extend Group (similar to our custom item renderer) and bake the child components and look and feel of the custom component right in. If you want more flexibility and to build a new skinnable component, then you'd extend SkinnableComponent and create a default Skin for its appearance.
Hope that helps,
Ryan

MediaController Play Pause button skin change?

Iam using MediaController.MediaController.associateDisplay(MediaDisplay). when i click the ButtonXX, MediaController.click() method called threw. It is fine But MediaController Play Pause button skin does not change? it is allways show play symbol. how can i change Play Pause button skin?

Hi Chris,
Most of the content I create is deployed through a LMS which
has its own flash based controls used to navigate through the
content.
This means that i do not use any of the captivate toolbar
controls, but rather build the navigation buttons into the
captivate screen itself.
This has elliminated the issues you are discussing and seems
to result in a more polished end result . . . something to consider
perhaps?
Cheers,
Matt.

Button skin locations help please

When I created my first project I used a blank slide
presentation to create eaxh slide. When I did a preview I was able
to see the entire screen including button skins and quiz response
buttons.
On my second project, a recorded demo, in the preview I must
scoll down to see button screens and quiz buttons. Did I do
something wrong. How can I see the whole screen in my demo?
Thanks.

Hi Fluffy11
You probably recorded the project too large. Remember it has
to typically play back to the user in the browser. So if you
recorded at full screen and are using a skin, the playback controls
are pushed off the visible area and you have to scroll to see them.
Try reducing the overall size of the area you are recording.
Cheers... Rick

I designed my social media buttons. How do I add the link to each one. For example: How do I add my Facebook link to my face book button on my muse site?

I designed my social media buttons. How do I add the link to each one. For example: How do I add my Facebook link to my facebook button on my muse site?

Hello,
Please select the button that you have created and go to hyperlink tab and add the facebook page URL there.
Please take a look at the screenshot below.
Regards
Vivek

I have downloaded updates for Firefox but my browser doesn't look like it should, no single menu button etc, how do I get it to look like your demo?

The last few times I have been prompted to update my firefox for desktop, my browser has not looked any different even though I get notification to say updates completed successfully. When I update firefox gives a demo of new features and how my browser should look, mine has not looked like the demo for the past few updates. It's annoying because I really like the look of having just one menu button. How can I change the look of my browser?

The Firefox button displays by default only in Windows Vista and Windows 7. You '''''can''''' have it display in Windows XP
'''Menu Bar'''<br />
*right-click empty space at the end of the Tab Bar, click "Menu Bar" to place a checkmark
*Menu Bar checked = Menu Bar on; Firefox button off
*Menu Bar un-checked = Menu Bar off; Firefox button on
*Other methods of doing the same:
**click Firefox button > Options, click Menu Bar
**Quick toggle Menu Bar on/off: ALT+V+T+M
To have the Menu Bar '''''temporarily''''' display when the Firefox button is on, press the ALT key or the F10 key to make the Menu Bar appear and use your mouse to make selections from the temporarily displayed Menu Bar. Why would you want to do this? The selections available are different.
'''If this reply solves your problem, please click "Solved It" next to this reply when <u>signed-in</u> to the forum.'''

I am trying to burn an iDVD but get message menu contains no buttons. How do I fix this issue?

I am trying to burn an iDVD, but get message menu contains no buttons. How do I fix this issue?

That essentially means that there's been no videos or slideshows added to the project as each of those items will create a button to play. What have you added to the project?
OT

I upgraded because they said my files were too big but I've emailed files a lot prior. now after the upgrade I have a completed file to emial to someone, enter all the data, and there is no "SEND" button. how do i send these files and why isnt it just l

I have often sent pdf or other files with adobe by email with no problem.
this file it said was too big so I'd have to upgrade to send it. so I upgraded it. I followed all the instructions, email, etc, etc, and its' ready to go but there is no SEND button. how do I sent my file?

Are you still experiencing a problem with Adobe Send? We inadvertently introduced a problem earlier today (now fixed), but you reported your issue was last night.
Anyway, can you check again?

I purchased Adobe Design Standard in June 1993 and have not downloaded it until now. when I click on the software on my account there is no download button. How can I download the software I purchased so long ago? I hope it is not money down the drain. Is

I purchased Adobe Design Standard in June 1993 and have not downloaded it until now. when I click on the software on my account there is no download button. How can I download the software I purchased so long ago? I hope it is not money down the drain. Is there any phone number available so I can talk to an Adobe employee?

Which version of Design Standard are you asking about? I don't think any Creative Suite packages existed in 1993. I think the first CS came out in 2003.

Computer doesn't recognize administrator password. How to override or reset?

Computer doesn't recognize administrator password. How to override or reset?

You cannot override but you can chage it, the approach depends on the Mac OS X you are using.

ComboBox inheriting button skin - how to override

Similar Messages

Maybe you are looking for