Flex :: Get A Spark DropDownList SkinClass And TypicalItem To Live Happily Together?
Aug 31, 2010How does one go about calling a skinClass on a DropDownList component without compromising the typicalItem functionality?
[Code]...
How does one go about calling a skinClass on a DropDownList component without compromising the typicalItem functionality?
[Code]...
I'm trying to use the Spark DropDownList as itemEditor in an AdvancedDataGrid. Howerver, I've stumbled onto two issues:Clicking on a item in the DropDownList changes the selected row in the ADG. You can see this behavior by compiling the code from below and executing the following steps.The value changes from "A" to "C" and Row 3 is the selected row in the ADG. It looks like the mouse click in the DropDownList is also handled by the ADG itself which changes the selected row accordingly. I couldn't figure out a way to prevent this. The expected behavior would be that row 1 is still selected after the DropDownList has been closed.Clicking on the scrollbar of the DropDownList closes the DropDownList. (I just found the solution to this problem in the relatated questions while writing this: Scrollbars in dropdownlist inside DataGrid itemEditor not working)
Application
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
[code].....
I have a spark dropdownlist and I have applied custom skin on it to display images in it instead of labels.
<s:DropDownList id="id_cbLineType"
skinClass="assets.skins.SkinDropDownImageList"
itemRenderer="spark.skins.spark.DefaultComplexItemRenderer"
[code].....
My stakeholder has a request to remove the currently selected item from the DropDownList control(s) in the application. For example a drop down with [item1, item2, item3, item4] if item2 is selected then the only items in the drop down will be [item1, item3, item4]
Using Flash Builder 4 with Flex 4.0 sdk
I have two dataProvider's for one DropDownList. The following code can be compiled and run.
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
[code].....
I am trying to create a dropdown that can display both past state and possible state for a customer.But I want to make add a separator between past and possible state.Actually to do that I add an item like "-----" on the dataprovider.But the look and feel is not good and this item may be selected.My ideal approach is something like that:
View 2 RepliesI have a simple button in a mxml file, if I set the skinClass property in the tag itself it works, however, if I set the skinClass property in an external css file, it doesn't apply to the button.
Works:
view.mxml
<s:Button id="btnRefresh" skinClass="skins.RefreshButtonSkin"/>
Doesn't work:
view.mxml
<s:Button id="btnRefresh"/>
style.css
[Code].....
I would like to serve high quality video (H.264) between a server and a single Flash Player client with low latency (RTMFP). The single client will be controlling a robotic device and seeing the results through the video stream, so low latency is important.
Option A: The Flash Player supports low latency streaming of video between two P2P nodes via the RTMFP protocol in Flash Player 10. It uses the Spark codec to encode the video and as far as I know it is not possible to encode using any other codec in the player.
Option B: Flash Media Live Encoder does support live encoding using other codecs (On2 and H.264) but cannot act as an RTMFP peer - this option would require Flash Media Server in the middle.It seems I cannot stream video to a single client over RTMFP with anything other than Spark.
So, I have a basic Tetris game, which runs quite happily at 15 fps. However, the controls are slightly too sensitive at the moment, as you'll probably see here. Is there anyway way to make the controls less sensitive (specifically the left/right controls)?
[Code]...
I have a renderer that looks like this:
[Code]...
Loading thumbnails using this method works perfectly. The issue happens when you scroll the List.
I'm looking to add a couple of buttons to the title bar of a Spark Panel or Spark TitleWindow. Is this possible to do without making the panel from scratch?
View 1 RepliesIn a dropdown how to get icons along with text and once we select any of the index from the dropdown i want that icon also be selected and to be displayed on that dropdown header
View 1 RepliesI'm having difficulty figuring out how to add a dropdownlist control to only a single row of a data grid. For example, if I have two rows of data in the grid, I want the top to be the normal text from the data provider, and the second row to be a dropdownlist (bound to an array collection).
View 1 RepliesI'm sure this is a easy one but I've been searching for a while how to select a DropDownList element with actionscript. In this scenario, I'd like to be able to specify the selectedItem based either on ddlLabel or ddlData
<?xml version="1.0" encoding="utf-8"?>
<fx:Script>
<![CDATA[
[code].....
I am making some simple project and I have problem with selectedItem. I have sth like this
<s:State name="Form" enterState="makesService.send()"/>
so when I enter this state I take makes from database and populate them to dropdownlist.
but I have also button and on click event I'm changing state to this Form and I want to select specific make from the dropdownlist but I can't. I'm not sure whether I'm doing sth wrong or the problem is that I'm selecting item just before the dropdownlist became populated.
e.x. List of make consist of Audi and BMW and when I click button I want to open this state Form in which this dropdownlist exist with selected value e.x. BMW.
I have created a custom ComboCheck which extends the spark DropDownList that is a DropDownList of checkboxes. Inside of my itemRenderer I have the code:
[Bindable]override public function set data (value:Object):void {
if (value!=null) {
_data = value;
[Code].....
This will also not cause the dropdownlist to reset to scrollPosition 0
I have a XML structure like:
<Main>
<Category1>
<Data Name="Data1">
[code].....
I want to adjust the width of DropDownList control in flex 4. I could do it by editing the skinclass and setting the PopupAnchor's Property "popUpWidthMatchesAnchorWidth" to false, but in my application I have to do it using actionscript.
View 3 RepliesLet's say I have a DropDownList with the 50 states in it. I would like to type in the letters "C + O + L" to jump to Colorado, like Firefox and most application do. Right now, it's jumping from California to Ohio to end with Louisiana.
View 3 RepliesI am trying to make a simple change on look of Flex 4.5 Spark DropDownLis trough extending it's item renderer, anyway even a just shiny new item renderer bring me as result a items which labels is blanks. If i remove the renderer everything is fine, but with it - the items is blank white.
[Code]...
I am trying to set the softKeyboardType to email but when ever i use skinClass="spark.skins.mobile.TextAreaSkin" it doesn't change it but when i take off skinClass="spark.skins.mobile.TextAreaSkin" it does work. The problem is i need the skinClass="spark.skins.mobile.TextAreaSkin" class to allow my application so scroll with out it the text does not stay with in the bounds of the text input boxes. Has anyone seen this problem or another fix the the scrolling problem?
[Code]...
I have just implemented a dropdownlist of checkboxes taken from this ComboCheck example but made it extend DropDownList instead of ComboBox to provide better functionality that I required. I am attempting to create a DropDownList where some items are bold and non-checkboxes (or can be checkboxes) and others are not.
I have not been able to find anything online about doing this yet and have been trying to figure it out. I am currently using an ArrayCollection as a dataProvider but I think this could possibly be my issue and I should be trying to setup the labels in flex not AS3.[code]...
Using FB4, I want to change the height of an open spark DropDownList. By default, it shows up to 6 items before scrolling. My dropdownlist contains 7 items, so I want to change the height of the open dropdown list to fit all 7 items without scrolling. As a workaround, I've changed the font size of the items so that they are smaller and all 7 fit, but the smaller font doesn't look good. Is there a way to change this height?
View 5 RepliesI have a Flex Spark dropdownList in which I need to show the Provider FirstName,LastName:
<s:DropDownList id="providerList"
dataProvider="{model.practiceProviderList.practiceProviders}"
labelField="provider.providerName.firstName"/>
But the output shows only [object Object] & [object Object] as there are 2 providers in the DB and does not show the actual values.
The PracticeProviderList.as:
[Bindable]
[RemoteClass(alias="model.PracticeProviderList")]
public class PracticeProviderList extends PracticeProviderListBase {
[Code]....
The Provider has providerName:PersonName as one of it's fields & PersonName has firstName:String & lastName:String
I'm fetching some data from a PHP application using Zend AMF. However I can't get the data to bind to a simple DropDownList control. The PHP method is:
[Code]...
In this code I'm creating a new window when I click the button. In the new window are TextInput and DropDownList components. When the new window opens, clicking the DropDownList does nothing - you have to click it a second time round to get it to open. However, click into the TextInput field first and then try opening the DropDownList works no problem.
Below is the code, or download the FXP file here.
// DropDownTest.mxml (application)
<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
[code]....
I have an AIR application with 2-3 DropDownLists and a bunch of other controls. The DropDownLists are bound to dataproviders (ArrayCollections) in a central Model singleton. On launch, they all work fine.
However, when I click a button to add new objects to an object in another ArrayCollection in the same Model, the DropDownLists get weird. They still register clicks, and all other controls still work as before, but the dropdowns won't open. Clicking/waiting enough usually opens the dropdown, but if I don't make another selection it still won't open after closing. Making a different selection makes that DropDownList work again, but the others might still refuse to open.
If I open the dropdowns using Ctrl + Down arrow, they work all the time, so it's only the click that doesn't trigger the open correctly. I can work around the problem by calling openDropDown() on the dropdown when clicked, but that doesn't feel right.
I'm using the 4.1 SDK, and the dropdowns are s:DropDownLists. I tried using mx:ComboBoxes instead, but got the same behavior. Edit: Weirdly enough, using s:ComboBoxes they work as they should, but I really don't want to use them since they seemingly can't be made non-editable.
I am using FlashBuilder 4.5 for PHP. I have a simple MySQL table with the fields {tID, tName}.I am able to populate a DropDownList in a Flex form as below. The DropDownList shows the name of the people without problem:
<s:Form defaultButton="{button}">
<s:FormItem label="myList: ">
<s:DropDownList id="dropDownList" creationComplete="dropDownList_creationCompleteHandler(event)" >
<s:AsyncListView list="{getPeopleResult.lastResult}"/>
[code]....
The above does not work.
I'd to use my database field value to select a value on my <s:DropDownList. I try to do
<s:DropDownList dataProvider="{DP_PAT_CIVIL}" selectedItem="@{objectUser.usrQualParent}"/>
But no selection appear, nothing appear on prompt.
objectUser.usrQualParent represent a value with is present in the dataprovider DP_PAT_CIVIL. For exemple, dataprovider is:
[Bindable]
private var DP_PAT_CIVIL:ArrayCollection = new ArrayCollection (
[{label:"Monsieur" , data:"0"},[code].....
This is what I've done so far.
<!-- fill -->
<!--- Defines the appearance of drop-down list's background fill. -->
<s:Rect id="background" left="1" right="1" top="1" bottom="1" >
<s:fill>
[Code].....
If you look closely you'll see that I've changed the default value for the bgFill color. However, when I run my application, the background color for the dropdownlist is still the default white.