Flex :: Coding Style - Css Styling For PopUpButton?
May 25, 2010How can I give a specific color (Let's say red) to the border of dropdown menu of Flex PopUpButton.
View 1 RepliesHow can I give a specific color (Let's say red) to the border of dropdown menu of Flex PopUpButton.
View 1 RepliesI'm having a hard time building a Cairngorm Flex3 app that connects to a rails app. I'm used to rails DRY approad, and the Convention over Configuration thing too.. and Cairngorm in awful at these.
How do you keep you flex code as DRY as possible? I've implemented a generic delegate to avoid a delegate for each command, at least.
I'm trying to format some dynamically loaded text with CSS from a database via asp, I know that the asp works fine as it loads in, its just applying a style to the loaded text that doesn't work. This is a modified version from the Kirupa tutorial, but I cannot get it to work after many, many hours.
[Code]...
i im using the text input component in flash as2,but i need text input with round corners, is there a script that can do it? or somthing?
View 1 RepliesSo I have a PopupButton and when I click on the button I want the Menu that pops up to have rounded corners. How would I go about doing this?UPDATE:I found an update similar to what I want to do, it can be found on the following page:The only difference is that I'm showing the Menu with a PopUpButton. So far this is what I have for my custom Menu:
package {
import flash.display.Sprite;
import mx.controls.Menu;
[code].....
I am trying to programmatically skin a PopUpButton control in Flex Builder, but having no luck. As far as I know this requires writing a custom skin class or creating a modified version the control class itself (since the control is MX and not Spark). Again, just to clarify, I want to programmatically modify the appearance not simply set styling properties or display an image. I've been able to do this programmatically with other MX controls (e.g. tabs in a tab navigator), but not with the PopUpButton.I think part of the problem may be that the control is actually composed of two separate buttons, so you cannot draw just one rectangular area over the whole control.
View 1 RepliesI am using the Flex PopUpButton & data binding a Menu object to the popup. I successfully added an icon to a menu item; however, it does not look like Menu supports the disabledIcon property common in many other elements for use when enabled: false for that menu item.Is it possible to extend the Flex Menu class to use disabledIcon? Should I use a different type of data binding class?
// create the array collection of menu items
var menuItems:ArrayCollection = new ArrayCollection();
var addWidget:Object = new Object();
[code]......
I have prepared a simple test case for a PopUpButton opening a TileList with black and red entries and it mostly works, but has 2 annoyances. I've searched a lot, tried several variants (added [Bindable] members in my renderer; added color member to the bids array; created my public override set data() method; ...) and has been getting some answers too, but they are way too general.
1) Scrolling "tl2" right-left doesn't work well: the entries are displayed in a mix of red and black. I know the TileList reuses itemRenderer, but how do I fix the problem?
2) In debug-mode I get numerous warnings: warning: unable to bind to property 'label' on class 'Object' (class is not an IEventDispatcher)
[Code]...
I have prepared a very simple test case to demo my problem.just place the 2 files below into a Flash Builder 4.6 project and they will run instantly.My problem is that the menu attached to my (slightly modified) custom PopUpButton never changes - even though the underlying Array data provider is changed when you click one of the 3 buttons on the right side of it:
AuxButtonTest.mxml:
<?xml version="1.0" encoding="utf-8"?>
<s:Application [code].....
I've commented my custom event out - it doesn't matter here.click at the buttons few times and then look at the menu - it always has 5 items and that is wrong.
AuxButtonText.mxml:
<?xml version="1.0" encoding="utf-8"?>
<mx:PopUpButton[code].....
Few users of my Flex 4.6 web application are complaining, that the mx.controls.PopUpButton at the right bottom corner of it sometimes opens a List underneath it and is thus unusable (I can't reproduce that myself - probably an unlucky combination of their Flash player and/or font size setting?)
How could I ensure, that the popUp component (in my case it is a spark.components.List) always opens above the PopUpButton?
I suspect, that I should create a skin based on mx.skins.halo.PopUpButtonSkin and assign it to my PopUpButton? And I probably should use the PopUpPosition.ABOVE constant together with the PopUpAnchor?
I have prepared a screenshot and a simple Text.mxml:
<?xml version="1.0" encoding="utf-8"?>
<s:Application
xmlns:fx="http://ns.adobe.com/mxml/2009"
[Code]....
I still can't reproduce the bug myself, my users aren't very helpful (mostly older folks, playing my card game). I've searched in Adobe JIRA, but couldn't find such a bug.
I wonder, if there is a way to short-circuit that method to enforce opening the popUp above the PopUpButton.
Or if I should put the _list into some container...
As we all know SuperTabNavigator is an open source component from the flexLib which gives an advantage over Flex Tab Navigator that we can close the tabs from the close button on each tab with the use of SuperTabNavigator. Additinaly there is a button to the right of the tab navigator which shows a list of all tabs which are open at one time and we can select any tab from that button which is a PopupButton.
Now what happens is when we close a tab, it disappears from the PopupButton drop down list as well. But in my case I want the drop down to remember the closed tabs even so that when I click on that closed tab it opens again in the tab navigator. I am relatively new with Flex and ActionScipt
In my Flex 4.6 web application I use mainly spark components, but there is also an mx-component - a PopUpButton extended by me (the source code is below).Users report problems with that button, but I can't reproduce any - since weeks.
I've tried replacing mx:Menu attached to it by a s:List but it hasn't changed anything. I suspect there is a "null pointer exception" or some other failure, that I don't hit when testing myself...
My question is: why does Flash Builder reports warning about my custom button as if its methods would be private or not present?
My main App.mxml:
<?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 have a PopUpButton that only contains 2 actions. Both actions are complete opposites of each other and switches a boolean property on an object from true to false or false to true. To avoid redundancy, I've only displaying one action at a time. So, if the property is true, the action to change it to true is not shown.
If my PopUp menu has a single option, I would like to remove the menu from being shown and basically revert the PopUpButton to act and look like a regular button. So far, I haven't really found a good way to do that in ActionScript without adding, removing or modifying styles for the button.
Is there a nice way to simply tell the button to hide the PopUp toggle? PS: In my specific example, YES it might be easier if I just used a toggle button. However, I want to reuse this button when dealing with an Array of objects. If I have more than one, the property could be true and false at the same time. In that case, I want to show the menu so they can choose what option to set all the object's properties to.
I'm trying to change the font color of a row in a datagrid if a certain word is found in a datafield. Is there a simple, inline way to do this?
View 3 RepliesI have a dataGrid component in flex. My grid has few rows. I simply want to make the last row bold. I just can't figure how to do it.
I thought about an idea : create a factory that gets parameters so that i can pass the itemRenderer the total count of rows. But, i don't know how to check the current row in the itemRenderer itself (and compare it to the total rows).
I created a TabNavigator with a bunch of NavigatorContent inside it, and want to skin just the buttons of the tabs themselves. So I added a skinClass, but looks like in the documentation, there's no skin part to target the button specifically.
Do I have to style the mx:TabNavigator itself to accomplish this? I was hoping not since I don't know how to style mx components and am more comfortable with styling spark.
Adobe's docs describe how to apply an outline to the pie chart by using the mx:stroke element within a PieSeries, however this only changes the border of the entire chart.
How do I add a border around each of the wedges in the chart?
When I enter with a dragged item into datagrid, a bold line appears over the active row of the datagrid (which is fine to show the active row), but the problem is that even after I drop the item into datagrid, that line remains there. It goes only if I enter with a new item (in which case a new line comes to the respective row again).
I am using custom handler for dragdrop event for this datagrid.
I'm trying to make a horizontal list of labels with a space in-between them (for use as part of a ticker tape).Labels outside of a list have a transparent background but as part of either the ItemRenderer or List, they get a white background. My assumption is that this is part of the default styling applied to a Spark ItemRenderer.Question - Is there any way to totally get rid of all default visual stylings applied to an ItemRenderer?
protected var messages:ArrayCollection = new ArrayCollection( new Array("1", "2", "3", "etc") );
<s:List dataProvider="{messages}" itemRenderer="SimpleTextRenderer">
<s:layout >[code].....
Get a coding constraints for action script and flex 3.
View 1 RepliesI'm in the process of learning Flex, but I learn best by example. Where can I find open source examples of Flex applets? In particular, I'm trying to reproduce the functionality of the JavaScript based Simile timeline, so a timeline example would be sweet.
View 2 RepliesI am looking for some decent tutorial that will explain the correlation between flash and flex (how can I use flex's coding ability with flash's design interface).
View 3 RepliesWhat coding tools do you use for improving effectivness of programming in FLEX?I found Tr.ace() AS3 Debugging Utility whichme a lot with working in a team of programmersframeworks like RobotLegs and others.
View 3 RepliesI have created a style in which i am defining a font family.When i apply this style to label it reflects the font were as there is no change when it is applied to a spark button.I Tried various way to Apply font style but it doesn't work.Other properties work fine except font family. Even i tried creating skin class and set the font family style of label in it. While previewing the skin i can see the changes but when i apply it to buttonApproach 1
@font-face{
src:url("HARNGTON.TTF");
fontFamily: MyF;
[code].......
If you have two text areas with different styles (fontFamily, weight, color etc) and you copy text from one to the other it also copies the style from the originating text area. Is there any slick way to prevent that?
Here is a sample of code that will illustrate the problem. Type some text in the top box and some text in the bottom, then copy some characters from the top box to the bottom. I'm not using htmltext.[code]...
Is it possible to style the string returned from the labelFunction so I can change color and font of the callout (inside)? Or some other way? (It seems like a big limitation to have that only return a string that is unstylable.)
View 1 RepliesI'm interested in finding out the best approach to this issue, it's not technically difficult but there must be an elegant solution. Basically i have a form that features mostly text inputs, i would like to change the style of the input boxes based on the current state. I can do this in the mxml on each input...
[Code]...
I've got a comboBox component on the stage, instance name 'combo'. I want to style the text. I followed the adobe instructions, but they seem not work, and I get no errors.
Code:
import fl.data.DataProvider;
import flash.text.TextFormat;
var tf:TextFormat = new TextFormat();
[code].....
I'm using flash builder 4.5 to make a website. At the moment I'm trying to work on the layout of my website but I'm facing some problems. First of all my CSS looks like this.
/* CSS file */
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";
s|Application{
[code]....
Just wondering if it's possible to apply a *.css to a spark TextArea? If so, how?
View 1 Replies