I am facing a wiered problem in Flex. I Have a canvas with a HBox and Label. Please find the code below.
<mx:VBox verticalAlign="top" horizontalAlign="center"
fontSize="12" fontWeight="normal" verticalGap="0">
<mx:Label text="Cover" />
[code]......
I am facing a wiered problem in Flex. I Have a canvas with a HBox and Label. Please find the code below.
<mx:VBox verticalAlign="top" horizontalAlign="center"
fontSize="12" fontWeight="normal" verticalGap="0">
<mx:Label text="Cover" />
<mx:Canvas width="120" styleName="pbcontainer">
<mx:HBox id="pb" height="35" />
[Code]...
I'm working with Flex 3.4 SDK.
I'm trying to programmatically(yep, must be this way) style/skin a VBox so that its top right corner is rounded, and it gets a two colors gradient brackground.
Modifying examples I found around I was able to accomplish both effects(corner and background) but only separately:
VBox with not all rounded corners: [URL]
VBox with gradient background: [URL]
But what I need to do is to apply both at the same time. And all my coding attempts so far have failed silently.
I'm trying to create an HBox in flex that has only the top corners rounded. HBox (and all the other flex containers) have a cornerRadius style, but it applies to all corners. I'm not seeing a way to specify the style of individual corners.
Is there any built-in way to do this, or will I need to write my own custom drawing code to draw the background with rounded corners?
I have assigned a logo image of my software to HBox as follows [code]...
Now I need to change the backgroundImage to some other image on a event.
How do I make a rounded corner box in Photoshop CS? I don't want to "feather" it because that makes it blurry. I just want rounded corners.
View 9 RepliesI am creating one new empty movieclip like this,this.createEmptyMovieClip("vjn", this.getNextHighestDepth());
vjn.beginFill(0x000066);
vjn.moveTo(150, 50);
vjn.lineTo(50, 250);
vjn.lineTo(250, 250);
vjn.lineTo(150, 50);
vjn.endFill();
these lines are creating only the square corner, but i want rounded corner. How can i increase or decrease the radius size. How to create the rounded corner through script.
How to keep the same rounded corner even when I want to shrink it's width?
View 2 Replieshow can i draw a shape, that is only rounded at it's bottom ?
var _myShape:Shape = new Shape();
_myShape.graphics.lineStyle(4,0x000000,1,true,....);
_myShape.graphics.drawRoundRect(0,0,50,50,10);
I am creating one new empty movieclip like this,this.createEmptyMovieClip("vjn", this.getNextHighestDepth());
vjn.beginFill(0x000066);
vjn.moveTo(150, 50);
vjn.lineTo(50, 250);
vjn.lineTo(250, 250);
vjn.lineTo(150, 50);
vjn.endFill();
these lines are creating only the square corner, but i want rounded corner. How can i increase or decrease the radius size. How to create the rounded corner through script.
I am creating one new empty movieclip like this,
[code]...
these lines are creating only the square corner, but i want rounded corner. How can i increase or decrease the radius size. If its possible please mention the problem.How to create the rounded corner through script. I want rounded corners not a square corner......
I have a mx.components.List component with a bunch of custom styles:
<mx:Style>
.dropDownListStyle
{
[code]....
I'm creating the list in AS:
_dropDown = new List();
...
_dropDown.styleName = "dropDownListStyle";
The List is then added as a popup with PopUpManager:
PopUpManager.addPopUp( _dropDown, this );
The problem is that the corners of the newly created popup are not rounded. I found that border-style is needed in order to get the effect, but adding this property didn't help. I'm building the project with Flex 4.1, but the List and its parent are MX components and it's a lot of work to migrate them to Spark.
create a method for drawing rectangle with rounded corners, but while being able to specify which of the four corners (any, all, none,etc.) you wanted to round.The method below does the trick, but for some reason my corners don't match the same curves that I get using the same radius with drawRoundRect().
In other words, if I call my method (and set all four corners to be rounded) and compare that with the same call to drawRoundRect() the actual curves of the corners are slightly different.
HTML Code:
public function drawComplexRoundedRect(startX:int,startY:int,rectWidth:int,rectHeight:int,radius:int,canvas:Sprite,roundTopLeft:Boolean=false,roundTopRight:Boolean=false,roundBottomLeft:Boolean=false,roundBottomRight:Boolean=false):void{
[code]....
I am using a tilelist I want to change the border color and the background color of the tile on selection.
View 1 Repliesmake a 4 color gradient, a separate color on each corner?
View 2 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 RepliesCan i change the fill color of an existend rounded rectangle primitive?[code]
View 7 RepliesI have a Flex Tree component in my app. I set the icons for open and close.
BUT I can't find something about changing the default background-color from white to something different.
obviously there is no background-color setable in css...
I want to give the users the ability to set the background color or choose image to make it background (Tile, Center and Strentch). I tried couple of things with no luck such as trying to chaing a Skin object and assign it.and tried something like:
FlexGlobals.topLevelApplication.setStyle("backgroundColor",uint(chosenColor));
I'm trying to change the background color on a textinput component in flex 4. I've been able to change some of the appearance by messing with the canned code flash builder generates for the sparkskin but for some reason, background does nothing.I'm just trying to make the background black. I changed the background color but it's not working:[code]
View 1 RepliesIs there a way to set a common Backgroundcolor for all the tabs in a given TabBar? Rightnow I am able to set color only for selected tabs using
tabBar.getChildAt and setStyle
I have a custom preloader that I designed in flash. When I load it in flex, it loads with a white background. When I try to change the background to black in my flash file & load it in Flex, the background color remains white. I've also tried to update the compiler settings in Flex, adding "-default-background-color #000000" but I still get a white preloader background. I am using Flex 4. Here is my Pre.as file:
View 2 RepliesI'm trying to change the background color and or text color of a BorderContainer in flex 4 using Action Script, but have not idea how to. The Border Container component doesn't seem to have any properties like:
idname.color = "#333333";
idname.backgroundcolor = "#333333";
How might I go about doing this?
I have a Spark TextArea with a SpanElement inside. This element has the backgroundColor property set, but I would like to have the background a bit taller because it looks a bit weird at the top like this.[URL]..
I already tried to adjust lineHeight and paddingTop for the SpanElement, but no luck.
Using CSS, how do I set the background color of a Flex MX Button? My button is declared as:
<mx:Button label="My Button"/>
And the CSS is:
@namespace mx "library://ns.adobe.com/flex/mx";
mx|Button {
color: #66ffff;
backgroundColor: #333333;
}
backgroundColor doesn't seem to be the correct CSS property for MX Button's background color. Looking at the Flex API docs, I tried fillColors but that didn't do anything.
Is it possible to change mx.controls.Button's background color using CSS?
Is 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.
How do I change the background color of the item I'm currently hovering over in a list? The default is that light blue, but I would like to be able to change it to whatever I want. I've gone through the list of available options, but I didn't see anything that stuck out at me.
I'm sure this is ridiculously simple, I just can't seem to figure it out.
I am trying to set the row background color for the advanced data grid control in Flex 3. Does anyone know if this is possible using a style function. Currently my style function looks like:
public function myStyleFunc(data:Object, col:AdvancedDataGridColumn):Object
{
if (data["status"] == "PRICING")
return {color:0xFF0000 , fontWeight:"bold" , backgroundColor:0xFF0000};
[Code].....
However the background color does not change.
I have heard on the grape vine that I may need to override some methods to enable the background color property.
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 RepliesI have a Line Series Chart in Flex with values from 0 to 90. I would like to set the background of the chart in such a way that, 0 - 30 is in green, 31 - 60 is in red and 61 - 90 is in blue.
View 2 Replies
