Skinning ComboBox
gooday all
i am try skinning the Combobox component
follows the Help file, dragged the
MMDefault>>ComboBoxAssets folder to my fla
however when i compile, it tells me below :
The class or interface 'ComboBase' could not be loaded.
any idea??
thankyou
Setting of contentBackgroundAlpha for the combobox worked.
Similar Messages
-
Skinning combobox rectBorder class... only!
preface: I have experience skinning components.
Issue: trying to change the rectBorder class ONLY on the
combobox instances. no others. can anyone help me with this? I've
changed the rectBorder for entire documents before, but have never
been able to target it to one type of component.
any guidance, links or heckling is appreciated!Setting of contentBackgroundAlpha for the combobox worked.
-
Skinned ComboBox has no custom skin if exported on frame other than 1
I have skinned the combo box (mainly the up/down arrows) - it
all works if I export classes on the first frame, but I need to do
it on some other frame for progressive downloading.
I have checked the linkage of everything related to this, I
think, and they all have "export in first frame" unchecked, and I
set my global settings "export frame for classes = 2", and then the
combo box component is in the third frame or later, but it doesn't
work...
Example:
ComboBox Assets MovieClip is set to "export in first frame"
Global is set to "export frame for classes = 1"
ComboBox component is in frame 3.
It works.
ComboBox Assets MovieClip is set to "export in first frame"
unchecked
Global is set to "export frame for classes = 2"
ComboBox component is in frame 3.
No skins...
Any ideas? Thanks.Since no one was able to help with this, both here and at
some other Flash forums, I thought I would post the answer, in case
it can help someone else. After fooling around with this for
multiple hours, I found somewhat of a solution.
The assets for the custom-skinned combo box look like this in
my library:
ComboBoxAssets (folder)
....ComboBoxAssets (MovieClip)
....Elements (folder)
........ComboArrow (graphic)
........ComboShape2 (graphic)
........ComboGrad1 (graphic)
........ComboShape1 (graphic)
........ComboThemeColor (MovieClip)
........ComboThemeColor1 (MovieClip)
....States (folder)
........ComboDownArrowOver (MovieClip)
........ComboDownArrowDown (MovieClip)
........ComboDownArrowUp (MovieClip)
........ComboDownArrowDisabled (MovieClip)
The ComboBoxAssets MovieClip contains all of the other stuff,
basically - all 4 of the states from the States folder are inside
it.
I found, that in order to make this work (for exporting on
some other frame but 1), the only way I can get it to work so far,
is this:
1. ComboBox (component) -> uncheck "Export in first frame"
2. ComboBoxAssets (MovieClip)- > uncheck "Export in first
frame"
3. ComboDownArrowOver (MovieClip) ->
CHECK "Export in first frame"
4. ComboDownArrowDown (MovieClip) ->
CHECK "Export in first frame"
5. ComboDownArrowUp (MovieClip) ->
CHECK "Export in first frame"
6. ComboDownArrowDisabled (MovieClip) ->
CHECK "Export in first frame"
The 6 pieces in the Elements folder all have nothing checked.
This makes no sense to me, but as soon as you uncheck "Export
in first frame" on any one of 3,4,5,6 above (which are nested
MovieClips inside ComboBoxAsset), then that part of the custom skin
will not appear in the compiled movie. The main Assets clip must
export in some other frame, but the other nested clips of it must
be set to export in the first frame.
I don't know if this is a bug, or a feature, or what...
One of the weird things is, that even when set like the
above, there is indeed nothing in the first frame according to the
Bandwidth Profiler (like you want). Weird. Anyway, that's how I got
it to work. -
Spark skinning - combobox transparent background issue
Hi,
I have a custom combobox component whose background is transparent when it is in a titlewindow , but looks opaque in a cell of a datagrid. The code for background for combobox is
<!--- Defines the appearance of drop-down list's background fill. -->
<s:Rect id="background" left="1" right="1" top="1" bottom="1" >
<s:fill>
<!---@private
The color of the drop down's background fill.
The default color is 0xFFFFFF.
-->
<s:SolidColor id="bgFill" color="0xFFFFFF"/>
</s:fill>
</s:Rect>
The code for background fill of titlewindow is
<!-- layer 2: background fill -->
<!--- Defines the appearance of the TitleWindowSkin class's background. -->
<s:Rect id="background" left="1" top="1" right="1" bottom="1">
<s:fill>
<!--- Defines the TitleWindowSkin class's background fill. The default color is 0xFFFFFF. -->
<s:SolidColor id="backgroundFill" color="#FFFFFF"/>
</s:fill>
</s:Rect>
Though setting the alpha to 1 in either code did not work. Please help.Setting of contentBackgroundAlpha for the combobox worked.
-
Help skinning ComboBox and Button......
Hi
I've been skinning some components and am having trouble
changing the colours of the button in media playback component and
the white and grey border round the listbox (i've included a
closeup of this in the image to illustrate and highlighted the
problems in red).
Any help would be much appreciated as i am going mad.
Thanks
http://img.photobucket.com/albums/v337/Hampco01/player-test.gif
I've tried creating a new theme and looked at the as files in
the classes folder but nothing i change seems to work.
HELP!Anyone with ideas?
-
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">
<!-- host component -->
<fx:Metadata>
[HostComponent("spark.components.ComboBox")]
</fx:Metadata>
<!-- states -->
<s:states>
<s:State name="open" />
<s:State name="disabled" />
<s:State name="normal" />
</s:states>
<!-- SkinParts
name=textInput, type=spark.components.TextInput, required=false
name=openButton, type=spark.components.supportClasses.ButtonBase, required=true
name=dropDown, type=flash.display.DisplayObject, required=false
name=scroller, type=spark.components.Scroller, required=false
name=dropIndicator, type=mx.core.IFactory, required=false
name=dataGroup, type=spark.components.DataGroup, required=false
-->
<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" >
<!-- drop shadow -->
<!--- @private -->
<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"/>
<!-- border -->
<!--- @private -->
<s:Rect id="border" left="0" right="0" top="0" bottom="0">
<s:fill>
<s:SolidColor color="0xff0000" alpha="0"/>
</s:fill>
<s:stroke>
<!--- @private -->
<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}"/>
<!-- fill -->
<!--- Defines the appearance of drop-down list's background fill. -->
<s:Rect id="background2" left="1" right="1" top="1" bottom="1" >
<s:fill>
<!---
@private
The color of the drop down's background fill.
The default color is 0xFFFFFF.
-->
<s:SolidColor id="bgFill" color="0x000000" alpha="0"/>
</s:fill>
</s:Rect>
<!--- @private -->
<s:Scroller id="scroller" left="0" top="0" right="0" bottom="0" hasFocusableChildren="false" minViewportInset="1">
<!--- @copy spark.components.SkinnableDataContainer#dataGroup-->
<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" />
<!--- The default skin is ComboBoxButtonSkin.
@copy spark.components.supportClasses.DropDownListBase#openButton
@see spark.skins.spark.ComboBoxButtonSkin -->
<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. -
Hello guys,
I'm trying to work on a ComboBox, that looks like one from Word or Excel 2007. Therefore I need to be able, to skin the ComboBox list, that opens, whenever I click the ComboBox. How do I do this programatically?
I just can change it, when I go to the Library, but this is something I can't do, because I need to use the standard - ComboBox also. I tried following:
this.cB.dropdown.setStyle("cellRenderer",ListRenderer); <- this works, but I can only change one item and not the whole List
this.cB.setStyle("skin",test); this.cB.dropdown.setStyle("List_Skin",test);
this.cB.dropdown.setStyle("List_skin",test); this.cB.setStyle("List_Skin",test);
this.cB.setStyle("List_skin",test);
Can anyone please help me? I really need to get this.
Greets from germanyI think you still haven't got, what I need. I already have skinned the ComboBox itself, and want to skin the List from the ComboBox. The 2 Screenshots should reveal the difference. So, how do I do it?
-
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.
-
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); -
Skinning Cell Renderer for ComboBox
How does one change styles for the CellRenderer of a
ComboBox?
Flash help gives a nice example on how to skin CellRenderer
styles for Datagrid and TileList components, but doesn't mention
anything on how to do the same for a ComboBox.
The code example for Datagrid and TileList doesn't work for
ComboBox.Hi camickr - I apologize for initiating new threads. Although I am aware that I should reply to follow-up, to me these was a totally different question from the others, although the context was the same.
I'll be more careful though !
Thanks for your reply. Actually I got the two (Boolean and Object) renderers working. The problem I am having now is that before I implented the rendering piece, once I clicked on a row, it got highlighted, however now, after implementing these, that doesn't happen anymore. How can I get it to behave as before, where it highlighted a particular row ?
Here is the code. Thanks again !
table.setDefaultRenderer(Boolean.class, new TableRenderer());
table.setDefaultRenderer(Object.class, new TableTextRenderer());
//cell renderers
class TableRenderer extends JCheckBox implements TableCellRenderer {
public Component getTableCellRendererComponent(JTable table,
Object value, boolean isSelected,
boolean hasFocus, int row, int column ) {
setSelected(((Boolean)value).booleanValue());
if( row >= 3){
setBackground( Color.yellow );
else setBackground(Color.white);
return this;
class TableTextRenderer extends JTextArea implements TableCellRenderer {
public Component getTableCellRendererComponent(JTable table,
Object value, boolean isSelected,
boolean hasFocus, int row, int column ) {
JTextArea label = new JTextArea();
label.setText((String)value);
label.setBackground(Color.yellow);
if( row >= 3 && column == 0){
setBackground( Color.yellow );
else label.setBackground(Color.white);
return label;
} -
Graphical skin for editable ComboBox
I am using graphical skins to style a ComboBox. They work fine for a normal combobox. When I make it editable, Flex no longer uses the upSkin, overSkin and downSkin for the editable text area. It seems to use the default Flex skin instead. It is using my editableUpSkin, editableOverSkin and editableDownSkin for the arrow area, though. What do I need to change to use my graphical skins for both the editable text area and the arrow area?
Thanks!Maybe you need to specify a custom itemRenderer you have skinned as well.
If this post answers your question or helps, please mark it as such.
Greg Lafrance - Flex 2 and 3 ACE certified
www.ChikaraDev.com
Flex / AIR Development, Training, and Support Services -
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,
CindyButton 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 -
Error while creating a custom combobox for Spark DataGrid
I am getting the following run time error:
Error: Required skin part openButton cannot be found.
atspark.components.supportClasses::SkinnableComponent/findSkinParts() [E:\dev\hero_private_beta\frameworks\projects\spark\src\spark\componen ts\supportClasses\SkinnableComponent.as:671]
atspark.components.supportClasses::SkinnableComponent/attachSkin()[E: \dev\hero_private_beta\frameworks\projects\spark\src\spark\components\ supportClasses\SkinnableComponent.as:646]
atspark.components.supportClasses::SkinnableComponent/validateSkinCha nge()[E:\dev\hero_private_beta\frameworks\projects\spark\src\spark\com ponents\supportClasses\SkinnableComponent.as:406]
atspark.components.supportClasses::SkinnableComponent/commitPropertie s()[E:\dev\hero_private_beta\frameworks\projects\spark\src\spark\compo nents\supportClasses\SkinnableComponent.as:420]
atspark.components.supportClasses::ListBase/commitProperties()[E:\dev \hero_private_beta\frameworks\projects\spark\src\spark\components\supp ortClasses\ListBase.as:808]
atspark.components::List/commitProperties()[E:\dev\hero_private_beta\ frameworks\projects\spark\src\spark\components\List.as:954]
atspark.components.supportClasses::DropDownListBase/commitProperties( )[E:\dev\hero_private_beta\frameworks\projects\spark\src\spark\compone nts\supportClasses\DropDownListBase.as:504]
atspark.components::ComboBox/commitProperties()[E:\dev\hero_private_b eta\frameworks\projects\spark\src\spark\components\ComboBox.as:644]
atmx.core::UIComponent/validateProperties()[E:\dev\hero_private_beta\ frameworks\projects\framework\src\mx\core\UIComponent.as:8095]
atmx.managers::LayoutManager/validateClient()[E:\dev\hero_private_bet a\frameworks\projects\framework\src\mx\managers\LayoutManager.as:934]
atmx.core::UIComponent/validateNow()[E:\dev\hero_private_beta\framewo rks\projects\framework\src\mx\core\UIComponent.as:7953]
atspark.components.supportClasses::GridLayout/layoutItemRenderer()[E: \dev\hero_private_beta\frameworks\projects\spark\src\spark\components\ supportClasses\GridLayout.as:1808]
atspark.components.supportClasses::GridLayout/createTypicalItemRender er()[E:\dev\hero_private_beta\frameworks\projects\spark\src\spark\comp onents\supportClasses\GridLayout.as:460]
atspark.components.supportClasses::GridLayout/updateTypicalCellSizes( )[E:\dev\hero_private_beta\frameworks\projects\spark\src\spark\compone nts\supportClasses\GridLayout.as:514]
atspark.components.supportClasses::GridLayout/layoutColumns()[E:\dev\ hero_private_beta\frameworks\projects\spark\src\spark\components\suppo rtClasses\GridLayout.as:570]
atspark.components.supportClasses::GridLayout/measure()[E:\dev\hero_p rivate_beta\frameworks\projects\spark\src\spark\components\supportClas ses\GridLayout.as:230]
atspark.components.supportClasses::GroupBase/measure()[E:\dev\hero_pr ivate_beta\frameworks\projects\spark\src\spark\components\supportClass es\GroupBase.as:1109]
atmx.core::UIComponent/measureSizes()[E:\dev\hero_private_beta\framew orks\projects\framework\src\mx\core\UIComponent.as:8383]
atmx.core::UIComponent/validateSize()[E:\dev\hero_private_beta\framew orks\projects\framework\src\mx\core\UIComponent.as:8307]
atspark.components::Group/validateSize()[E:\dev\hero_private_beta\fra meworks\projects\spark\src\spark\components\Group.as:956]
atmx.managers::LayoutManager/validateSize()[E:\dev\hero_private_beta\ frameworks\projects\framework\src\mx\managers\LayoutManager.as:659]
atmx.managers::LayoutManager/doPhasedInstantiation()[E:\dev\hero_priv ate_beta\frameworks\projects\framework\src\mx\managers\LayoutManager.a s:793]
atmx.managers::LayoutManager/doPhasedInstantiationCallback()[E:\dev\h ero_private_beta\frameworks\projects\framework\src\mx\managers\LayoutM anager.as:1157]
Here is my combobox:
package
import mx.controls.listClasses.BaseListData;
import mx.controls.listClasses.IDropInListItemRenderer;
import spark.components.ComboBox;
public class sparkComboRendererDataGrid extends ComboBox implements IDropInListItemRenderer
public function sparkComboRendererDataGrid()
super();
public function get listData():BaseListData
return null;
public function set listData(value:BaseListData):void
override public function set dataProvider(value:Object):void
super.dataProvider = value;
// This may get called before dataProvider is set, so make sure not null and has entries
if (value!=null && value.length)
// Got it, set flag
bDataProviderSet = true;
and here is the implementation:
var PersonnelPerson:ClassFactory = new ClassFactory(sparkComboRendererDataGrid);
PersonnelPerson.properties = {labelField : "person", dataProvider :
new XMLListCollection(dataList.consistcrew)};
var col:GridColumn = GridColumn(personnel.columns.getItemAt(0));
col.itemRenderer = PersonnelPerson;
Please help.
ThanksActually, after adding the following code it started working:
import spark.skins.spark.DropDownListSkin;
override public function stylesInitialized():void
super.stylesInitialized();
this.setStyle("skinClass", DropDownListSkin); -
Flex 3 rowCount thing for combobox happen in flex 4
I can't find a way to have the flex 3 rowCount thing for combobox happen in flex 4. I tried this:
<s:ComboBox id="cb" width="240">
<s:layout>
<s:VerticalLayout requestedRowCount="25" >
</s:VerticalLayout>
but no changeHeres a skin you could try for the cb lol
<?xml version="1.0" encoding="utf-8"?>
<!--
ADOBE SYSTEMS INCORPORATED
Copyright 2008 Adobe Systems Incorporated
All Rights Reserved.
NOTICE: Adobe permits you to use, modify, and distribute this file
in accordance with the terms of the license agreement accompanying it.
-->
<!--- The default skin class for the Spark DropDownList component.
The skin for the anchor button for a DropDownList component
is defined by the DropDownListButtonSkin class.
<p>In a custom skin class that uses transitions, set the
<code>itemDestructionPolicy</code> property to <code>none</code>
for the PopUpAnchor defined by the popUp property.</p>
@see spark.components.DropDownList
@see spark.skins.spark.DropDownListButtonSkin
@langversion 3.0
@playerversion Flash 10
@playerversion AIR 1.5
@productversion Flex 4
-->
<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:fb="http://ns.adobe.com/flashbuilder/2009" alpha.disabled=".5">
<!-- host component -->
<fx:Metadata>
<![CDATA[
* @copy spark.skins.spark.ApplicationSkin#hostComponent
[HostComponent("spark.components.DropDownList")]
]]>
</fx:Metadata>
<fx:Script fb:purpose="styling">
<![CDATA[
/* Define the content fill items that should be colored by the "contentBackgroundColor" style. */
// static private const contentFill:Array = ["bgFill"];
* @private
// override public function get contentItems():Array {return contentFill};
* @private
override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
if (getStyle("borderVisible") == false)
if (border)
border.visible = false;
if (background)
background.left = background.top = background.right = background.bottom = 0;
if (scroller)
scroller.minViewportInset = 0;
else
if (border)
border.visible = true;
if (background)
background.left = background.top = background.right = background.bottom = 1;
if (scroller)
scroller.minViewportInset = 1;
if (dropShadow)
dropShadow.visible = getStyle("dropShadowVisible");
openButton.setStyle("cornerRadius", getStyle("cornerRadius"));
if (borderStroke)
borderStroke.color = getStyle("borderColor");
borderStroke.alpha = getStyle("borderAlpha");
super.updateDisplayList(unscaledWidth, unscaledHeight);
]]>
</fx:Script>
<s:states>
<s:State name="normal" />
<s:State name="open" />
<s:State name="disabled" />
</s:states>
<!---
The PopUpAnchor control that opens the drop-down list.
<p>In a custom skin class that uses transitions, set the
<code>itemDestructionPolicy</code> property to <code>none</code>.</p>
-->
<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">
<!---
This includes borders, background colors, scrollers, and filters.
@copy spark.components.supportClasses.DropDownListBase#dropDown
-->
<s:Group id="dropDown" maxHeight="800" minHeight="22" >
<!--- @private -->
<s:RectangularDropShadow id="dropShadow" blurX="20" blurY="20" alpha="0.45" distance="7"
angle="90" color="#000000" left="0" top="0" right="0" bottom="0"/>
<!--- @private -->
<s:Rect id="border" left="0" right="0" top="0" bottom="0">
<s:stroke>
<!--- border stroke @private -->
<s:SolidColorStroke id="borderStroke" weight="1"/>
</s:stroke>
</s:Rect>
<!-- fill -->
<!--- Defines the appearance of drop-down list's background fill. -->
<s:Rect id="background" left="1" right="1" top="1" bottom="1" >
<!-- <s:SolidColor id="bgFill" color="0xFFFFFF" />-->
<s:stroke>
<s:SolidColorStroke color="#555555" />
</s:stroke>
<s:fill >
<s:LinearGradient rotation="75" >
<s:GradientEntry color="0x0e47a5" />
<s:GradientEntry color="0x27c1f4" />
<s:GradientEntry color="0x0e47a5" />
</s:LinearGradient>
</s:fill>
</s:Rect>
<!--- @private -->
<s:Scroller id="scroller" left="0" top="0" right="0" bottom="0" hasFocusableChildren="false" minViewportInset="1">
<!--- @copy spark.components.SkinnableDataContainer#dataGroup-->
<s:DataGroup id="dataGroup" itemRenderer="spark.skins.spark.DefaultItemRenderer">
<s:layout>
<s:VerticalLayout gap="0" horizontalAlign="contentJustify" requestedRowCount="15"/>
</s:layout>
</s:DataGroup>
</s:Scroller>
</s:Group>
</s:PopUpAnchor>
<!--- The default skin is DropDownListButtonSkin.
@copy spark.components.supportClasses.DropDownListBase#openButton
@see spark.skins.spark.DropDownListButtonSkin -->
<s:Button id="openButton" left="0" right="0" top="0" bottom="0" focusEnabled="false"
skinClass="spark.skins.spark.DropDownListButtonSkin" />
<!--- @copy spark.components.DropDownList#labelDisplay -->
<s:Label id="labelDisplay" verticalAlign="middle" maxDisplayedLines="1"
mouseEnabled="false" mouseChildren="false"
left="7" right="30" top="2" bottom="2" width="75" verticalCenter="1" />
</s:SparkSkin> -
How to set the prompt of a Spark Combobox programmatically
Hi,
here a Combobox wich use my cutom Skin to manaully set the prompt:
<s:ComboBox id='artistNameCB' labelField="artistName"
skinClass="view.music.skins.ArtistComboBoxSkin"
/>
here is the reklevat part of the Skin:
<!--- @copy spark.components.ComboBox#textInput -->
<s:TextInput id="textInput"
text='select'
left="0" right="18" top="0" bottom="0"
skinClass="spark.skins.spark.ComboBoxTextInputSkin"/>
How do I set the displayed text of a combobox programmatically ?ArtistComboBoxSkin(artistNameCB.skin).textInput.text = "prompt"
Maybe you are looking for
-
How to add custom fields to the sap standard program ukm_bp_display
How to add new custom fields to the sap standard program ukm_bp_display . could u please any one help me on this?
-
I have purchased a new canon 5d mark 3 and speedlight 600ex-rt flash. While testing it indoor at night , the room lights are on and I was using the Auto Mode with Flash on. The pictures are Dark with the Flash on and when the flash is turned off the
-
DVD burner works but only through 3rd party programs
I have the PIONEER DVD-RW DVR-112D and I get the disk not recognized error for blank dvds- doesn't matter the brand. Using a program called Burn x I can burn disks, but if I go over the size limit it just kicks it out. I'm trying to do a full backup
-
RefFSContextFactory (noclassdef found errror) ver 1.4
On the line "Context ctx = new InitialContext(p); " I get the error: java.lang.ClassNotFoundException: com.sun.jndi.fscontext.RefFSContextFactory com.microsoft.jdbcx.sqlserver.SQLServerDataSource sds = new com.microsoft.jdbcx.sqlserver.SQLServerDataS
-
I have recently upgraded from an N70 on which I had a Route66 route finder programme, despite checking for firmware upgrades to my N73, which confirmed I have the most recent firmware, and contacting both Route66 and Nokia for help, I cannot connect