Flex :: Dropdown Combobox Selected Background Color?
May 6, 2010Flex is so tricky to style.
I have a combobox, when I arrow up and down over a select it has a background color, how do I change this color. This should be easy.
Flex is so tricky to style.
I have a combobox, when I arrow up and down over a select it has a background color, how do I change this color. This should be easy.
When I set style color, it changes both the text color for the selected item/component label and the text in the dropdown menu.
color
Type: uint Format: Color CSS Inheritance: yes
Color of text in the component, including the component label. The default value is 0x0B333C.
I would really like the label to be white and the text to be black.
I was able to set the text color of a selected LinkBar button by "disabledColor" style of LinkBar.Accordingly, I expect to set the background color of the selected button by "backgroundDisabledColor" style, however, it didn't work; and except "backgroundDisabledColor", I didn't see any other style that could possibly achieve this.
View 3 RepliesIs there a way using CSS, to set a mx.controls.ComboBox's background color. This would be the background color of each row when the ComboBox is clicked (expanded). I've tried backgroundColor, fillColors and backgroundGradientColors without success.
My ComboBox is contained within a FormItem. I've also tried setting FormItem's backgroundColor, fillColors and backgroundGradientColors. It's not clear to me where ComboBox obtains or inherits its list cell background color from.
Short version: ComboBox's dropdown works and renders properly before fullscreen, but not during or after. I'm not totally sure how to ask this, so I've actually made a page demonstrating the error, with a very simple Flex app, and all three directions you need to experience the problem yourself.
For those of you not daring enough to follow my link above, I'll do my best to explain here. I've built a rather extensive Flex application (not the one in the link) that has some graphs and charts and checkboxes and other controls for those charts. At the bottom of app in a few of the application States, there is a ComboBox (like a <select> tag in HTML). Because this is at the very bottom, when you click it to access it's dropdown menu, Flex thoughtfully has it come out of the top.
[CODE]...
The selected text in white is really not good visible selected.Why flash does not suppor that?http://lionhead.nl/voorbeelden/flash_selected_text_error/Flash%20text% 20error.htmlHow come there is nowhere to set anything to make this work properly. Like in html does this automatic?Adobe is this a bug or not for this?
View 1 RepliesI'm trying to change the position of the dropdown list relative to the combobox item.Setting the position using comboBox.dropdown.x = 1337; doesn't work...
View 1 RepliesBackground: I am doing some UI work where I allow the user to programatically add and resize controls on a canvas. Problem: When resizing a combo box through AS the dropdown stays at the same width as the first time it drops down. So user places combo box on the page, clicks the down arrow, sees the options, selects an option or clicks down arrow again to close, resizes the width of the drop down, clicks the down arrow. Now drop down is the same width as original. Have tried simple things like setting the width of the dropdown specifically and invalidating display list but it still doesn't work.
View 1 RepliesI have a ComboBox in Flex with about 20 items. How do I display all of them in a dropdown with no scroll bar? Right now, Flex displays 5 at a time in the dropdown and puts a scrollbar to scroll for more.Here's an example:
http:[url].........How do I make the dropdown bigger in this example so it shows all 10 items at once?
I've been working on an application (with ComboBoxes) that requires scaling the entire application based on screen resolution. I thought it would simply require changing the "scaleX" and "scaleY" properties of the top-level application, but discovered that the ComboBox dropdown doesn't appear to scale accordingly, as in the following example:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
applicationComplete="init()">
[Code]....
which results in the dropdown appearing (sliding down) unscaled until it reaches it's extended length and stops at which point it scales up and remains at that scale until it is closed. I have also found that if you call "invalidateDisplayList()" on the comboBox or the dropdown, then it undoes the scaling, so it appears that whenever the updateDisplayList is called, the dropdown only applies it's parent ComboBox's scaling, and not the ComboBox's parent container's scaling.
I understand that, as a pop-up, the dropdown isn't in the Application's or ComboBox's displayList tree, which appears to be the root of the problem (no pun intended).
I want to show rich text in dropdown control, for which I am using the following renderer.
<?xml version="1.0" encoding="utf-8"?>
<mx:HBox xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"[code]...
The renderer shows html text properly in the drop down list, but in the top most option (selected item) the whole HTML tag is shown instead of what the tag represents.
i inserted a dateField component.on clicking it displays calender, i would like to add 2 comboboxes, i shows hours(0 to 23) other for minutes (0 to 59) to calender so tht the user can select the time along with the date and that wil be displayed in the text input as date and Time. one more thing i would like to add is clear button to clear the selected date to the calender.
View 1 RepliesI have a combobox with arrayCollection dataprovider, it selects nothing at start, but i see the first object label as selected, i want to add select text, as first option that selects nothing, just to indicate that the user didn't select an option yet.
View 1 RepliesI am using a combobox for the us states, link. The label is set to the full name of the state, while the value attribute holds the abbreviation. What I want to do is to get the selected item's value. So I tried combo.selectedItem.value and combo.selectedItem.@value, but neither of them worked.
View 2 RepliesI had a comboBox and loading the datadynamically from the server. i need to display the first value in comboBox as a selected value and based on the value data should be populated on the grid.
View 2 RepliesWhen a combobox is elected in the flex app, there is a quick flicker, then the combobox needs to be selected again in order to get the dropdown to open. After that, the dropdown works as expected, but only while selecting the control subsequent times while on the form. Reloading the form requires the double selection again.
View 1 RepliesI've just recently started out using Flash Builder and have a question surrounding states. In fact I'm not entirely sure it is related to states but read on and I hope it will become clearer. I currently have a custom component that contains 3 comboboxes. This resides in a TabNavigator component. The TabNavigator consits of 5 pages (Tabs). The custom container holding the comboboxes should display the same selected data across all Tabs. ie. If I am in Tab1 and select an item from one of the comboboxes then click on Tab2 I need to mirror the combobox's selection in Tab2.
View 1 RepliesIsn't there a better way to accomplish this?[code]...
All I want to do is make sure that when I update the item that the comboBox is pointing to internally, that it's selectedIndex also update so that the label within the ComboBox reflects the new value.
I have a combobox that act as autosuggestion for a search application. Search function is getting triggered by a search button. I also want to trigger the search function either when the item in combobox is double or single clicked. Code:
[Code]..
In a flex application how to display default selecteditem from the dataprovider of the combobox.
I'm using {staticdataholder.currencylist}.
For example: I have to show INDIA so it should be selected as default from the list.
I am looking to change the background color of a input textField when the user selects that testfield to start populating it. I have done a bunch of searching and I keep coming up with this type of answer...
Code:
myTextField.onSetFocus = Set(evt:Event){
// Change color
}
Problems...
1) Is onSetFocus/onKillFocus still available? From what I can tell it is not.
2) I have my text objects encapsulasted in a class so I do not believe I am able to do it like I have been suggested.
To show the complete list of available colors, one has to click the color box of ColorPicker control.How can the component be modified to forcefully always shown the colors list without any interaction from the user?
View 1 RepliesI have a ComboBox with a label function like this one:
private function fieldLabelFunction(item:Object):String {
return resourceManager.getString('dashboard',"SS." + item);
}
When I change locales, the labels display correctly in the ComboBox's dropdown list, or if I change a selection. However, the currently selected item's label doesn't refresh at first. Is there a way to force the labelFunction to get called again?
I just want to acquire the existing label from the currently selected item in a ComboBox. I populated it with a DataProvider with a list of strings and it will not allow me to get the currently selected label, especially if I input a new one, not included in the DataProvider
View 1 RepliesI have this datagrid:
<mx:DataGrid id="dgCompetenteN" includeIn="Test" left="10" right="472" top="69" bottom="149"
dataProvider="{colCompetente}" editable="false">
<mx:columns>
[Code]....
What I want to do is, when I select an item in the datagrid, the selected item of the dropdown should be the correct one (the one which has the field idCompSuperioara equal to the third element in the selected datagrid row).
I am using a tilelist I want to change the border color and the background color of the tile on selection.
View 1 RepliesI have an image and i want to remove white color from image.That removing color is same like its background color. If anybody have any idea of this problem please answer?And my application in Flex 3 so please send me action script code of this problem.
View 2 RepliesI have a menu with many sub menus. I need to change the color of the selected button and then move on to the sub menu. My menu is horizontal and now it's not obvious the path that you follow.
View 2 RepliesI want to set a gradient background for the selected item in my AdvancedDataGrid
View 1 RepliesI have a FlashVars in the html page "State"How do I get the code below to reflect the State that is in the html page.So if State = WA the drop down list will have WA as the item shown.This is the code for the combobox
Quote:
var listenerObject:Object = new Object();
listenerObject.change = function(evtObj:Object) {
[code].....