topic Re: s:DropDownList component issue to set property &quot;textSelectedColor&quot; in ArcGIS API for Flex Questions https://community.esri.com/t5/arcgis-api-for-flex-questions/s-dropdownlist-component-issue-to-set-property-amp/m-p/449436#M10410 <HTML><HEAD></HEAD><BODY><SPAN>usmanashraf88,</SPAN><BR /><BR /><SPAN>&nbsp;&nbsp; Glad to help. Now it is your turn. Please follow the steps in the graphic in my above post.</SPAN></BODY></HTML> Thu, 16 May 2013 14:14:25 GMT RobertScheitlin__GISP 2013-05-16T14:14:25Z s:DropDownList component issue to set property &amp;quot;textSelectedColor&amp;quot; https://community.esri.com/t5/arcgis-api-for-flex-questions/s-dropdownlist-component-issue-to-set-property-amp/m-p/449433#M10407 <HTML><HEAD></HEAD><BODY><SPAN>I am using s: DropDownList component in flash builder 4.6. I have to set property "textSelectedColor" which is given in mx: ComboBox but not given in s: DropDownList. So can anyone help me please to fix this issue. </SPAN><BR /><BR /><SPAN>Thanks.</SPAN></BODY></HTML> Thu, 16 May 2013 12:04:56 GMT https://community.esri.com/t5/arcgis-api-for-flex-questions/s-dropdownlist-component-issue-to-set-property-amp/m-p/449433#M10407 usmanashraf 2013-05-16T12:04:56Z Re: s:DropDownList component issue to set property "textSelectedColor" https://community.esri.com/t5/arcgis-api-for-flex-questions/s-dropdownlist-component-issue-to-set-property-amp/m-p/449434#M10408 <HTML><HEAD></HEAD><BODY><SPAN>usmanashraf88,</SPAN><BR /><BR /><SPAN>&nbsp;&nbsp; You will have to use a custom skin for the spark.components.DropDownList that points to a custom item renderer.</SPAN><BR /><BR /><SPAN>MyDropDownListSkin.mxml</SPAN><BR /><PRE class="plain" name="code">&lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;!--&nbsp; &nbsp;&nbsp;&nbsp; ADOBE SYSTEMS INCORPORATED &nbsp;&nbsp;&nbsp; Copyright 2008 Adobe Systems Incorporated &nbsp;&nbsp;&nbsp; All Rights Reserved.&nbsp; &nbsp;&nbsp;&nbsp; NOTICE: Adobe permits you to use, modify, and distribute this file &nbsp;&nbsp;&nbsp; in accordance with the terms of the license agreement accompanying it.&nbsp;&nbsp; --&gt;&nbsp; &lt;!--- The default skin class for the Spark DropDownList component.&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; The skin for the anchor button for a DropDownList component&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; is defined by the DropDownListButtonSkin class.&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;p&gt;In a custom skin class that uses transitions, set the&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;code&gt;itemDestructionPolicy&lt;/code&gt; property to &lt;code&gt;never&lt;/code&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; for the PopUpAnchor defined by the popUp property.&lt;/p&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; @see spark.components.DropDownList&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; @see spark.skins.spark.DropDownListButtonSkin &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; @langversion 3.0 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; @playerversion Flash 10 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; @playerversion AIR 1.5 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; @productversion Flex 4 --&gt; &lt;s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"&nbsp; &nbsp;&nbsp;&nbsp; xmlns:fb="http://ns.adobe.com/flashbuilder/2009" alpha.disabled=".5"&gt;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;!-- host component --&gt; &nbsp;&nbsp;&nbsp; &lt;fx:Metadata&gt; &nbsp;&nbsp;&nbsp; &lt;![CDATA[&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /**&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; * @copy spark.skins.spark.ApplicationSkin#hostComponent &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; */ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; [HostComponent("spark.components.DropDownList")] &nbsp;&nbsp;&nbsp; ]]&gt; &nbsp;&nbsp;&nbsp; &lt;/fx:Metadata&gt;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;fx:Script fb:purpose="styling"&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;![CDATA[&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* Define the content fill items that should be colored by the "contentBackgroundColor" style. */ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; static private const contentFill:Array = ["bgFill"]; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /** &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; * @private &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; */ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; override public function get contentItems():Array {return contentFill}; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /** &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; * @private &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; */ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if (getStyle("borderVisible") == false) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if (border) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; border.visible = false; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if (background) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; background.left = background.top = background.right = background.bottom = 0; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if (scroller) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; scroller.minViewportInset = 0; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; else &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if (border) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; border.visible = true; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if (background) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; background.left = background.top = background.right = background.bottom = 1; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if (scroller) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; scroller.minViewportInset = 1; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if (dropShadow) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; dropShadow.visible = getStyle("dropShadowVisible"); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; openButton.setStyle("cornerRadius", getStyle("cornerRadius")); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if (borderStroke) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; borderStroke.color = getStyle("borderColor"); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; borderStroke.alpha = getStyle("borderAlpha"); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; super.updateDisplayList(unscaledWidth, unscaledHeight); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ]]&gt; &nbsp;&nbsp;&nbsp; &lt;/fx:Script&gt; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;s:states&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;s:State name="normal" /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;s:State name="open" /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;s:State name="disabled" /&gt; &nbsp;&nbsp;&nbsp; &lt;/s:states&gt; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;!---&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; The PopUpAnchor control that opens the drop-down list.&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;p&gt;In a custom skin class that uses transitions, set the&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;code&gt;itemDestructionPolicy&lt;/code&gt; property to &lt;code&gt;never&lt;/code&gt;.&lt;/p&gt; &nbsp;&nbsp;&nbsp; --&gt; &nbsp;&nbsp;&nbsp; &lt;s:PopUpAnchor id="popUp"&nbsp; displayPopUp.normal="false" displayPopUp.open="true" includeIn="open" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; left="0" right="0" top="0" bottom="0" itemDestructionPolicy="auto" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; popUpPosition="below" popUpWidthMatchesAnchorWidth="true"&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!---&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; This includes borders, background colors, scrollers, and filters. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; @copy spark.components.supportClasses.DropDownListBase#dropDown &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; --&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;s:Group id="dropDown"&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!--- @private --&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;s:RectangularDropShadow id="dropShadow" blurX="20" blurY="20" alpha="0.45" distance="7"&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; angle="90" color="#000000" left="0" top="0" right="0" bottom="0"/&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!--- @private --&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;s:Rect id="border" left="0" right="0" top="0" bottom="0"&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;s:stroke&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!--- border stroke @private --&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;s:SolidColorStroke id="borderStroke" weight="1"/&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/s:stroke&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/s:Rect&gt;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!-- fill --&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!--- Defines the appearance of drop-down list's background fill. --&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;s:Rect id="background" left="1" right="1" top="1" bottom="1" &gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;s:fill&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!---&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; The color of the drop down's background fill. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; The default color is 0xFFFFFF. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; --&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;s:SolidColor id="bgFill" color="0xFFFFFF" /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/s:fill&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/s:Rect&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!--- @private --&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;s:Scroller id="scroller" left="0" top="0" right="0" bottom="0" hasFocusableChildren="false" minViewportInset="1"&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;!--- @copy spark.components.SkinnableDataContainer#dataGroup--&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;s:DataGroup id="dataGroup" itemRenderer="com.esri.viewer.skins.DDLItemRenderer"&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;s:layout&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;s:VerticalLayout gap="0" horizontalAlign="contentJustify" requestedMinRowCount="1" requestedMaxRowCount="6"/&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/s:layout&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/s:DataGroup&gt;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/s:Scroller&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/s:Group&gt; &nbsp;&nbsp;&nbsp; &lt;/s:PopUpAnchor&gt; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;!---&nbsp; The default skin is DropDownListButtonSkin.&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; @copy spark.components.supportClasses.DropDownListBase#openButton &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; @see spark.skins.spark.DropDownListButtonSkin --&gt; &nbsp;&nbsp;&nbsp; &lt;s:Button id="openButton" left="0" right="0" top="0" bottom="0" focusEnabled="false" tabEnabled="false" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; skinClass="spark.skins.spark.DropDownListButtonSkin" /&gt;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;!--- @copy spark.components.DropDownList#labelDisplay --&gt; &nbsp;&nbsp;&nbsp; &lt;s:Label id="labelDisplay" verticalAlign="middle" maxDisplayedLines="1"&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; mouseEnabled="false" mouseChildren="false" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; left="7" right="30" top="2" bottom="2" width="75" verticalCenter="1" /&gt;&nbsp;&nbsp; &lt;/s:SparkSkin&gt;</PRE><DIV style="display:none;"> </DIV><BR /><BR /><SPAN>DDLItemRenderer.mxml</SPAN><BR /><PRE class="plain" name="code">&lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; xmlns:s="library://ns.adobe.com/flex/spark"&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; xmlns:mx="library://ns.adobe.com/flex/mx"&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; autoDrawBackground="true"&gt; &nbsp;&nbsp;&nbsp; &lt;s:states&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;s:State name="normal" /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;s:State name="hovered" /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;s:State name="selected" /&gt; &nbsp;&nbsp;&nbsp; &lt;/s:states&gt; &nbsp;&nbsp;&nbsp; &lt;s:Label id="labelDisplay" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; color="#333f28" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; color.hovered="#ffffff" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; color.selected="#ffffff" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; left="3" right="3" top="4" bottom="3" /&gt; &nbsp;&nbsp;&nbsp;&nbsp; &lt;/s:ItemRenderer&gt;</PRE><DIV style="display:none;"> </DIV><BR /><BR /><SPAN>default.css entry</SPAN><BR /><PRE class="plain" name="code">s|DropDownList { &nbsp;&nbsp;&nbsp; color: #333f28; &nbsp;&nbsp;&nbsp; symbolColor: #333f28; &nbsp;&nbsp;&nbsp; skinClass:ClassReference("com.esri.viewer.skins.MyDropDownListSkin"); }</PRE><DIV style="display:none;"> </DIV><BR /><BR /><SPAN>Don't forget to </SPAN><STRONG>click the Mark as answer check</STRONG><SPAN> on this post and to </SPAN><STRONG>click the top arrow (promote)</STRONG><SPAN>.</SPAN><BR /><STRONG>Follow these steps</STRONG><SPAN> as shown in the below graphic:</SPAN><BR /><BR /><A href="http://gis.calhouncounty.org/FlexViewer3.3/Answer.jpg"><IMG src="http://gis.calhouncounty.org/FlexViewer3.3/Answer.jpg" /></A></BODY></HTML> Thu, 16 May 2013 12:15:06 GMT https://community.esri.com/t5/arcgis-api-for-flex-questions/s-dropdownlist-component-issue-to-set-property-amp/m-p/449434#M10408 RobertScheitlin__GISP 2013-05-16T12:15:06Z Re: s:DropDownList component issue to set property "textSelectedColor" https://community.esri.com/t5/arcgis-api-for-flex-questions/s-dropdownlist-component-issue-to-set-property-amp/m-p/449435#M10409 <HTML><HEAD></HEAD><BODY><SPAN>nice <span class="lia-unicode-emoji" title=":slightly_smiling_face:">🙂</span>&nbsp; . really helpful for me.</SPAN><BR /><BR /><SPAN>Thanks.&nbsp;&nbsp; <span class="lia-unicode-emoji" title=":slightly_smiling_face:">🙂</span></SPAN></BODY></HTML> Thu, 16 May 2013 14:02:51 GMT https://community.esri.com/t5/arcgis-api-for-flex-questions/s-dropdownlist-component-issue-to-set-property-amp/m-p/449435#M10409 usmanashraf 2013-05-16T14:02:51Z Re: s:DropDownList component issue to set property "textSelectedColor" https://community.esri.com/t5/arcgis-api-for-flex-questions/s-dropdownlist-component-issue-to-set-property-amp/m-p/449436#M10410 <HTML><HEAD></HEAD><BODY><SPAN>usmanashraf88,</SPAN><BR /><BR /><SPAN>&nbsp;&nbsp; Glad to help. Now it is your turn. Please follow the steps in the graphic in my above post.</SPAN></BODY></HTML> Thu, 16 May 2013 14:14:25 GMT https://community.esri.com/t5/arcgis-api-for-flex-questions/s-dropdownlist-component-issue-to-set-property-amp/m-p/449436#M10410 RobertScheitlin__GISP 2013-05-16T14:14:25Z