Welcome to Kap Lab Store

Topic "Change background colour of AdvancedTextInput"


4 Item(s)

per page

Hi,

I want to change the background color of AdvancedTextInput component using AdvancedTextInputWithClearButtonSkin.

Can you please explain how to achieve this?


Thanks,
Pratik





Posted : 26 December 2011 10:46
Create a new Skin and Copy/Paste the content of AdvancedTextInputWithClearButtonSkin

Change the color property of the bgFill object to your color
<s:Rect id="background" left="1" right="1" top="1" bottom="1">
		<s:fill>
			<!--- @private Defines the background fill color. -->
			<s:SolidColor id="bgFill" color="yourColorHere" />
		</s:fill>
	</s:Rect>
 
Assign your skin to the AdvancedTextInput instance(s) with CSS
AdvancedTextInput
{
skin-class : ClassReference("your.class.path.SkinName");
}
 
Posted : 02 January 2012 11:15

Thanks Florian. But I do not have the source code for the skin and I tried to search it on the internet but no luck. I am using component for Flex 4. It would be great if you could share the source code file or provide a link for AdvancedTextInputWithClearButton skin if possible.


Regards,
Pratik
Posted : 02 January 2012 11:52
Source code is provided for each Klovis library.

Try downloading the libs again and unzip klovis-flex4-ui-1.0.0.1.zip

The skin can be found in src/fr/kapit/flex/ui/spark/advancedTextInput
Posted : 02 January 2012 11:56

4 Item(s)

per page