Trouble skinning AS2 ComboBox component

I'm using Flash CS3 and want to create a custom ComboBox. I've followed the steps outlined in "Editing component skins in a new document" (http://livedocs.adobe.com/flash/mx2004/main_7_2/wwhelp/wwhimpl/common/html/wwhelp.htm?cont ext=Flash_MX_2004&file=00002045.html#1120753), but every time I get to the step where I drag the ComboBox Assets folder from the HaloTheme.fla library into my library, if I test movie at that point my combobox has become an unclickable white rectangle with no label, button or anything. Am I doing something wrong? Any suggestions would be welcome.
Thanks!

start with a new fla and follow the directions.

Similar Messages

Problems skinning/styling ComboBox component

So the first image is the design brief, and below it is my attempt so far. Some ways to go, and the limitations and scarce documentation of this process is getting to me. So i'm putting a call out to see if anyone's well across this process and could assist, or step me through it?
been a while since i skinned a component in AS2, and I remember I prefered to write my own components rather than go through this process at the time. but i am hoping to use the built-in Flash component this time.
So what I need help with is:
Adjust scrollbar scrubber and track width, hopefully add padding around scrubber, and hopefully this would resolve the issue of losing the scrubber's black border on the right.
Resolve issues with the combo-button (what's that white border doing there?)
Style font correctly in combo-button
Increase list row height
Add dotted line between list rows
(I'm ignoring the blue numbers)
If anyone can help with even just one of those issues, i'd love to hear from you.
Info about my attempt so far:
I have skinned several clips, such as scrollThumb*, scrollUpArrow*, scrollDownArrow*, comboDownArrow*, etc.
I have styled with the following:
comboBox.setStyle("backgroundColor", 0x504C4B);
comboBox.dropdown.setStyle("backgroundColor", 0x504C4B);
comboBox.setStyle("themeColor", 0x1F90AE);
comboBox.setStyle("color", 0xC4C0BF);
comboBox.setStyle("textSelectedColor", 0xC4C0BF);
comboBox.setStyle("textRollOverColor", 0xC4C0BF);
comboBox.setStyle("alternatingRowColors", [0x504C4B, 0x504C4B]);
comboBox.setStyle("borderStyle", 'none');
I have attached the fla I've worked with so far in a zip.
Thanks for your help!

Well I resolved this merely by lowering my expectations!
Leaving this unanswered because I am hoping there must be answers to these issues out there for future reference.
But for now, my comboBox looks like this:
And i achieve this by skinning some clips, and adjusting my styling code:
combo.setStyle("backgroundColor", 0x504C4B);
combo.dropdown.setStyle("backgroundColor", 0x504C4B);
combo.setStyle("themeColor", 0x1F90AE);
combo.setStyle("rollOverColor", 0x46bbda);
combo.setStyle("color", 0xC4C0BF);
combo.setStyle("textSelectedColor", 0xFFFFFF);
combo.setStyle("textRollOverColor", 0xFFFFFF);
combo.setStyle("alternatingRowColors", [0x504C4B, 0x504C4B]);
combo.setStyle("borderStyle", 'none');
combo.text_mc.setStyle("borderStyle","none");
combo.text_mc.setStyle("themeColor", 0x00FF99);
combo.text_mc.setStyle("borderColor",0xFFFFFF);
combo.text_mc.setStyle("color",0xC4C0BF);
combo.dropdown.setStyle("color",0xC4C0BF);

AS2 ComboBox Hangs Dir when Scaled +200%

Hi All,
I have used the AS2 ComboBox component in a AS2 nav screen SWF for Flash Player set in the range of 7 (and tested up to 9).
The combobox does not have scrolled selections at this time. I am scaling the whole nav screen from a 668x500 up to over double it's size. It starts showing up as an issue at about 200% of size and get worse as it gets larger all the way to full screen.
The SWF has the pre-made behaviors - 'Flash Cursor' and 'Set Click Modes'.
Observationally, I see that the focus on the selection is slow. Both of my selections have the focus glow. I notice that the mouse cursor does not change over the dropdown buttons on the combobox.
When I do select the item, the player checks out. It appears that most times it eventually comes back and finishes the action - a simple goto frame action.
I was hoping to use the ComboBox component for my non-programming users with this project template I am creating. I don't really want to create a custom, editable component if I can avoid it.
This template is a temporary solution until I build a new template in AS3.
Thanks,
Jim

Hi,
use sprite ink property copy
sprite(1).ink=0 (copy) dont use background transparent ink.

Creating A Class For A ComboBox Component

I have a comboBox component that I would like to create a
class for. But I am not sure if I could. I see how you can use the
Linkage window to assign an AS 2.0 Class to a movie clip, but I do
not see that same option for a comboBox component.
It has all of the basic combo box things that I would like to
seperate out into it's own class if possible
If anyone could give me a few tips, or better yet, point me
to a few good tutorials, that would be great.
Thanks
Mathias

I have a comboBox component that I would like to create a
class for. But I am not sure if I could. I see how you can use the
Linkage window to assign an AS 2.0 Class to a movie clip, but I do
not see that same option for a comboBox component.
It has all of the basic combo box things that I would like to
seperate out into it's own class if possible
If anyone could give me a few tips, or better yet, point me
to a few good tutorials, that would be great.
Thanks
Mathias

Any sources for styling \ skinning the Slider component?

Any sources for styling \ skinning the Slider component?
ie setting the background invisible or using another graphic in place of the line/rectangle graphic. using another graphic for the thumb. replacing the current graphic thumb has restrictions in dimensions,

: http://flash.sikotiko.com/2009/05/05/as3-skinning-slider-component/

Adding images/icons to items in combobox component

hi
is it possible to add icons to each entry in a combobox
component drop down list? i'm not even sure if this is possible in
html, but i've had a client ask me to do it in flash...it'd be
great to know if it's even within the realm of possibility.
if so, any pointers on how to accomplish it? preferably via
an external text/xml file
thx!

i think it is not possible directly on the other hand i
assume it can be done through using the cellRenderer API... maybe.
adam

Actionscript for the ComboBox Component

I'm trying to write a basic script for the ComboBox Component
that opens a URL when the user clicks on one of the labels in the
drop down menu. I know how to do this with regular instances, but
how can I do this with this component? I'm hoping that I'll be able
to make each label lead to a different URL.
Any help is appreciated.
Thanks

Frank,
My declarative component is dropped on my jsff. In this pages i have dropped a af:messages as well.
There is a small button in my component on which i have bound an action listner.
In the action listener i have a validation on the failure condition of which i have the code like:
if(bean == null || bean.isAuthenticated() == false){
FacesMessage msg = new FacesMessage(FacesMessage.SEVERITY_ERROR, null, "You must be logged in to vote up");
FacesContext context = FacesContext.getCurrentInstance();
context.addMessage(getVotingQuesComponent().getClientId(context), msg);
AdfFacesContext.getCurrentInstance().addPartialTarget(getVotingQuesComponent());
return;
So, i m sure my flow is going in this part of code but i dont see the message coming up marking my declarative component.
However, if i replace this message by a page level error message then that comes up fine.

New Skinning For ComboBoxes

Does anyone know a good resource for Skinning Comboboxes? I know basic skining, and have been able to skin the text fields, and the 'openButton' for comboBox, however I am looking to do more.
Specifically, I want to skin the BG of the dropDown so it will look similiar to this: http://screencast.com/t/NzY5YjYx however, with the BG scaling properly.
Right now the BG is a MC i made in Flash (cs4) with 9 Slice enabled, and turned on. The skin that I currently have set on the box is as follows:
<?xml version="1.0" encoding="utf-8"?>
<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">
    
    <fx:Metadata>
        [HostComponent("spark.components.ComboBox")]
    </fx:Metadata>
    
    <s:states>
        <s:State name="open" />
        <s:State name="disabled" />
        <s:State name="normal" />
    </s:states>
    
    <s:PopUpAnchor id="popUp" displayPopUp.normal="false" displayPopUp.open="true" includeIn="open"
                   left="0" right="0" top="0" bottom="0" itemDestructionPolicy="auto"
                   popUpPosition="below" popUpWidthMatchesAnchorWidth="true">
        <s:Group id="dropDown" maxHeight="184" minHeight="50" >
            
            
            <s:RectangularDropShadow id="dropShadow" blurX="20" blurY="20" alpha="0.45" distance="7"
                                     angle="90" color="#FF0000" left="0" top="0" right="0" bottom="0"/>
            
            
            <s:Rect id="border" left="0" right="0" top="0" bottom="0">
                <s:fill>
                    <s:SolidColor color="0xff0000" alpha="0"/>
                </s:fill>
                <s:stroke>
                    
                    <s:SolidColorStroke id="borderStroke" weight="1" alpha="0" />
                </s:stroke>
            </s:Rect>
            <mx:Image source="@Embed('src/com/mindspark/SkinTest1/assets/testSwf.swf#box2')" id="background" height="{dropDown.height}" width="{dropDown.width}"/>
            
            
            <s:Rect id="background2" left="1" right="1" top="1" bottom="1" >
                <s:fill>
                    
                    <s:SolidColor id="bgFill" color="0x000000" alpha="0"/>
                </s:fill>
            </s:Rect>
            
            <s:Scroller id="scroller" left="0" top="0" right="0" bottom="0" hasFocusableChildren="false" minViewportInset="1">
                
                <s:DataGroup id="dataGroup" itemRenderer="spark.skins.spark.DefaultItemRenderer">
                    <s:layout>
                        <s:VerticalLayout gap="0" horizontalAlign="contentJustify"/>
                    </s:layout>
                </s:DataGroup>
            </s:Scroller>
        </s:Group>
    </s:PopUpAnchor>
    <s:TextInput id="textInput" text="DOOOGs" skinClass="com.mindspark.SkinTest1.view.skin.TextInputSkin" />
    
    <s:Button id="openButton" width="19" right="0" top="0" bottom="0" focusEnabled="false"
              skinClass="com.mindspark.SkinTest1.view.skin.OpenButtonSkin" />
</s:Skin>
Any help to what i am doing wrong, or a point to a good resource would be really super. Thanks for the help.

Hi,
If you set the constraints rather than width and height it should work
<mx:Image source="@Embed('src/com/mindspark/SkinTest1/assets/testSwf.swf#box2')" id="background"
top="1" left="1" bottom="1" right="1"/>
David.

How to remove a skin from a component during runtime

Hello,
If I have a component with a skin:
<s:Button skinClass="skins.ButtonSkin"/>
And want to remove that skin and to have it default to the Spark skin from AS3, whow do I do that please?

Thank you.
The visual feedback should be immediate, correct?

Skinning Flash CS3 component

I posted this in General but haven't gotten a reply, and now
I'm beginning to wonder if this must be accomplised with
ActionScript.
It's great that you can double click a component, open it up,
and put your own artwork right in there and set the 9-slice scaling
guides so it behaves properly. Lightyears better than trying to
skin in any previous version of Flash.
But, the rendered SWF does not seem to respect my artwork
dimensions. For instance, I have a Slider component for which the
default track is about 3px tall. I have my own artwork which is
about 6px tall. While I can put my artwork in the skin and it
scales perfectly, it squashes it down to 3px tall when rendered.
Likewise, my 9x12 thumb gets scaled when rendered to 13x13(which is
the default skin's thumb size) when rendered. Although the graphics
appear the right size in Flash authoring, it appears to get scaled
at runtime.
How do I avoid this? How do I define the base dimensions for
the skin graphics?
Thanks for any advice.
Post in General forum:
http://www.adobe.com/cfusion/webforums/forum/messageview.cfm?catid=194&threadid=1324684

Changing the avatar size doesn't seem to have any affect. Do
you know what the Avatar is for? It appears to be a bounding box of
some sort, but resizing it doesn't seem to change anything.
Actually, I notice that if I open the avatar, it says it is
22x80, although the scaled version in the Slider is 3x80. It seems
to be some sort of shared component. If I resize the contents of
the avatar, all my buttons change, but the sliders don't actually
change. Sadly, it seems like "3" is a hard coded value somewhere in
the source. Blah.

Trouble creating custom combobox

I'm building a custom component consisting of a combo box
that autopopulates with a list of states. So far it works fine
except I can't retreive the selected item from an instance when the
user makes a new selection. I've tried setting a custom property
& setting the value equal to the current selection using a
"change" event handler on the combobox but I could only retreive
the value that was selected when the component was initialized, not
when a new item is selected. I've tried setting up the class in the
.as file to extend the "mx.controls.ComboBox" class instead of the
usual "mx.core.UIComponent". That exposed the normal combobox
properties to the caller, but the "selectedItem.data" property
always comes up blank. Has anyone dealt with this issue before?? If
so, I REALLY hope you managed to resolve it!!

This Forum is to discuss issues of the forums. Best to post in Forum of application you are using. Here is link to list. http://forums.adobe.com/index.jspa

Custom skin for accordion component

Hi,
I need to create an accordion component that looks like following image:
I tried this tutorial: http://blog.flexexamples.com/2009/06/21/creating-a-custom-halo-accordion-header-skin-in-fl ex-4/
I am able to create the background gradient with help of above tutorial.
I have 3 questions now:
How to style the header text?
How to add a link on the active header?
How to add rounded corner for closed state of last heading only?
Any help on this is appreciated.
Best Regards,
Alok Jain

You have to download flexlib.swc file.
Just create custom itemrenderer
<CanvasButtonAccordionHeader
    xmlns="flexlib.containers.accordionClasses.*"
    xmlns:mx="http://www.adobe.com/2006/mxml"
mouseChildren="true"
    verticalScrollPolicy="off" horizontalScrollPolicy="off"
     >
    <mx:Script>
         YOUR SCRIPT HERE
        ]]>
    </mx:Script>
   [YOU CAN CREATE A LINK BUTTON HERE]
</CanvasButtonAccordionHeader>

Want to handle event for component defined inside skin for host component

Hi,
Following is how my skinned button looks -
As can be seen, there is a checkbox - which is a part part button skin.
When mouse is over chckbox area and does clicked, I wanted to capture that event for checkbox as target. Objective is to mark checkbox as checked or unchecked when clicked on. I don't want checkbox to change its state when mouse is clicked over other area in button.
Don't know whether it is possible or not. If yes, what is the best way to do it.
Thanks in advance,
Prithveesingh Zankat.

Hello!
I face the same problem with Failed to create delegate for component:
com.sap.tc.webdynpro.services.exceptions.WDRuntimeException: Failed to create delegate for component
XXX.YYY.ZZZ..ume.Ume. (Hint: Is the corresponding DC deployed correctly? Does the DC contain the component?)
Caused by: java.lang.reflect.InvocationTargetException
Caused by: java.lang.NoClassDefFoundError: com.sap.tc.webdynpro.model.webservice.gci.WSTypedModelClass
I think this started after upgrading from 7.01 SP3 to SP5, but I'm not sure.
What was it that solved your issue?
*I found the error. My ProjectProperties.wdProperties did not contain the references it needed.*
Edited by: Richard Linnander on Nov 23, 2009 2:33 PM

Skinning UIX tree component

Are there any possibilities to skin tree component somehow?

Changing the avatar size doesn't seem to have any affect. Do
you know what the Avatar is for? It appears to be a bounding box of
some sort, but resizing it doesn't seem to change anything.
Actually, I notice that if I open the avatar, it says it is
22x80, although the scaled version in the Slider is 3x80. It seems
to be some sort of shared component. If I resize the contents of
the avatar, all my buttons change, but the sliders don't actually
change. Sadly, it seems like "3" is a hard coded value somewhere in
the source. Blah.

Styling / Skinning the MediaPlayback Component

I've been trying to change the colors on the darn
MediaPlayback Component for months!!! I've read so many tutorials
on skinning, styling, etc... but I can't get these stupid colors to
change. I've managed to style other components using code, using
themes, etc... but this component won't budge!
Can someone point me to a method that 100% works? I'm not
looking to change button shapes, only the colors.. specifically the
green. If code works for this, I am comfortable with code.
Anything!
I'm using Flash 8 Professional.

: http://flash.sikotiko.com/2009/05/05/as3-skinning-slider-component/

Trouble skinning AS2 ComboBox component

Similar Messages

Maybe you are looking for