Flex :: A VBox With Only One Rounded Corner And Gradient Background
Oct 5, 2009
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.
View 2 Replies
Similar Posts:
Jun 7, 2011
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]...
View 1 Replies
Nov 10, 2006
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]......
View 3 Replies
Jun 8, 2009
I would like to know how to apply gradient and corner radius in flex. Is css the only way? I mean I want to use more of flex properties to make this happen give a sample class or code for it?
View 1 Replies
Nov 20, 2009
I am using a WindowShader in my website. every thing is working fine. but for somereason i am unable to display any background for my "home_feeds" VBox. If i add components on it, i can see them. But they backgound is not working. Even if i remove every thing from the Canvas(with home_feeds) i still dont see any background. But if i remove the comments from my mx:List.. i can see the background.
my code is given below
<mx:VBox right="35" paddingRight="10" verticalAlign="top" horizontalAlign="right">
<containers:WindowShade id="shade" opened="false" openIcon="{null}" closeIcon="{null}" paddingTop="0"
[Code].....
View 1 Replies
Jun 15, 2010
I was wrote the following code to set the background image in one vBox.
vBox.setStyle("backgroundImage", "PreviewBackground.png");
vBox.setStyle("backgroundAttachment", "fixed");
Where the height and width of vBox was 250 x 350 and the height and width of background image was 400 x 400.The problem is that the background image doesn't show the full image. The image has cropped. How can i show the full image as a background image?
View 1 Replies
Nov 3, 2005
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 Replies
Nov 10, 2009
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.
View 2 Replies
May 8, 2010
How to keep the same rounded corner even when I want to shrink it's width?
View 2 Replies
Feb 16, 2011
how 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);
View 3 Replies
Nov 10, 2009
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.
View 1 Replies
Nov 10, 2009
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......
View 3 Replies
Apr 8, 2011
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.
View 2 Replies
Aug 28, 2009
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]....
View 3 Replies
Mar 6, 2009
I'm trying to achieve a roundedRectangle in gradient by using just code but i'm getting stuck.I was able to achieve the gradient part but adding the rounded piece its difficult, please see me code,
Code:
package com.callwave.web.fuze.view.skinLibrary
{
import mx.core.UIComponent;
import flash.filters.DropShadowFilter;
import mx.graphics.LinearGradient;
[code]....
View 1 Replies
Dec 26, 2011
I'm trying to create spinning rays in actionscript to use in my website.Below is the rough idea of what i'm trying to create.Is it possible to create absolutely with 0 images.Following is the actionscript code in which i couldn't figure out how to add gradient, transperant background and little radial gradient to create glow effect.
Code:
function CreateRays():Shape {
var ray:Shape = new Shape();
ray.graphics.beginFill(0xFF9900,.5);
ray.graphics.lineStyle(1,0xFF9900,.5);
[code]....
If you paste above code in 1st frame of your scene with nothing on your scene, it will give you sweet rotating rays!
View 2 Replies
Jun 10, 2010
I am trying to set the gradient background color for my panel via skins. I try to change my code but nothing seems to change. Not sure what to do.
My skin file
/<!-- layer 2: background fill --/>
<!--- Defines the appearance of the PanelSkin class's background. -->
<s:Rect id="background" left="1" top="1" right="1" bottom="1">
[Code]....
View 3 Replies
Mar 4, 2011
I want to set a gradient background for the selected item in my AdvancedDataGrid
View 1 Replies
Jun 7, 2011
I have a VBox with fixed width and height, and I add image objects with fixed width and height. I find that if my objects' height exceed the VBox's height, it doesn't show the object. I tried validateNow(), but it doesn't work. The object is added, but VBox just doesn't display it, so it leaves a blank with a same height as my other object.
[Code]...
View 1 Replies
Jun 7, 2007
make a 4 color gradient, a separate color on each corner?
View 2 Replies
Nov 13, 2011
In a project, I've got 2 background (one light and one dark). My main background is the dark one and when I move my mouse I wanna show in a small circle with an alpha gradient the light one.
But I don't know how can I do that...
I try and I've got white mask with the light background in my circle or I've just got the dark background and no mask.
If someone already do that and can explain it to me ?
View 1 Replies
Sep 2, 2009
Sometime ago i ran into some url where they had a code for animating your background. Does someone have an idea how to do it or where to find it.
View 6 Replies
Aug 26, 2009
Hi, I can't figure out how to make a smooth gradient background.I've been searching the forums, but can't figure it out.
View 5 Replies
Aug 8, 2008
i am trying create a new background as vertical gradient. but i can not find such a option. only horizontal gradient in Flash CS3 ?
View 1 Replies
Apr 10, 2009
I have created a sprite gradient box as my background in my flash as3 file (using tweenmax). As i'm trying to make this a full screen swf on the browser window, i set the width and height according to the stage.
My trouble is that when I resize my browser, the gradient box does not resize with it... it only does when i refresh the window with the new width/height.
Is there a way I can put a redraw function in an event handler that will recognize the window resize? If this is hard to understand... can my background become bigger at the same time as the window is being dragged to a new size?
[Code]...
View 3 Replies
Jul 29, 2009
I'm working on a fullscreen flash project. I've got everything working fine, background tile, autocenter, etc one thing I can't find out is how to have a circle gradient over the background (fullscreen / autoresize) [URL]
View 1 Replies
Jan 14, 2009
I have a website already done... but I'd like it to be over a full screen gradient background.I found a lot of tutorials and exemple on how to repeat a symbol picture to make a seamless background just like the one Lee Brimelow made on gotoandlearn.com, but I can't find one on how to make that gradient full screen background.
View 6 Replies
Aug 3, 2009
I want to blur a VBox component when my mouse is out of it and unblur it when my cursor comes back to the VBox region. How can I blur a VBox in Flex?
View 1 Replies
Nov 4, 2009
I have the following application and I am trying to put a scrollbar somewhere inside the TabNavigator, preferably on the innermost Vbox, but the scrollbar always ends up on the Panel. Is there some kind of property which controls this? I thought height=100% would have controlled it but it doesn't seem to work.[code]
View 2 Replies
Feb 2, 2010
I am having troubles adding a radiobutton to a VBox in actionscript.
var radioButton:RadioButton = new RadioButton();
radioButton.groupName = "source";
radioButton.label = "label";
[Code].....
I first created these radiobuttons in mxml and it worked fine, but now that the radiobuttons need to be dynamically generated in actionscript it doesnt work.
When stepping through in the debugger I get to a binding error (1009) when trying to execute the addchild statement and nothing shows up in the VBox.
View 1 Replies
