Flex - How To Set Border-width
Aug 17, 2011
In Flex 4, I have a canvas that I'd like to set border-width on via css. I can set the border color and border style, but the border width remains 1 pixel wide no matter what.
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
<fx:Declarations>
<!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>
[Code]....
View 2 Replies
Similar Posts:
Jul 22, 2011
Using Flex 4 AIR, what is the maximum widtha and height I can set for line and the bordercontainer?
bc:borderContainer = new borderContainer();
bc.width = 80000;
bc.height = 80000;
View 1 Replies
Dec 21, 2011
I'm having issues with implementing a flex button componentI have applied a CSS style to button and set border-color to, say #555555.So far, it works as expected.Then, when my application is resized, the border of the button component becomes blurred and its width automatically changes from 1 pixel to 2 pixels, which doesn't look very well.hen I maximize the app again, after the border is blurred, the buttons' border becomes 1 pixel and looks nice.
View 1 Replies
Feb 19, 2007
i have a loop that attaches clips of the picFrame to a holder clip based on the number of childNodes. how do i target the selected picFrame clip and have it call the function resizeFrame to change the width of just the border clip inside the picFrame the onRelease was chosen? i realize under the resize function i have it targeting the holder clip's width. i just don't know what else to do and i've tried many else's.
[Code]....
View 3 Replies
Feb 3, 2010
I've got a TileList with verticalScrollPolicy="on".
Is there a property that returns the width of the tileList minus the width of the scrollbar?
View 1 Replies
Mar 28, 2010
I am creating a nav in flex that pulls in buttons dynamically from xml. THe problem i am having is setting the button width to the text width. currently the buttons are all the same width and if the text is larger then it just cuts off. I've tried a few ways of doing this:Setting button width to 100%On creation of the button try to set the width of the button to the text programmatically. Something like evt.target.width = evt.target.textWidth;
View 1 Replies
Nov 21, 2011
Running into strange behaviour with flex 3.5. Here is a minimal code:build.xml target:
<target name="player">
<mxmlc
file="${APP_ROOT}/player.mxml"
[code].....
View 1 Replies
Oct 12, 2009
Once I've set either the width or percentWidth property on a flex label, is there a way to reset the width to its default (i.e., the width of the text plus padding)? I'm using the label as a renderer. In some cases, I'd like it to automatically size to the text, and in other cases, I'd like it to be a percentage width of its container. Obviously, I could use two separate labels, one for each of the above cases, but I'm curious if it's possible to reset the label to its default behavior.
View 2 Replies
Sep 12, 2009
is it possible to make the child elements of a vbox to occupy 100% of the width without indicating width=100% for each element ?
View 3 Replies
May 13, 2010
I am working on an custom container and I need a border for this container. I have a 15x15 image that I am creating a 9-slice border skin with. The issue that I am having is that the border skin does not appear the way that I had hoped it would.
Here is a ss of the skin in place.
Ideally I should have a transparent box with a 5 pixel border around it.
Here is my current testing code:
CSS Code:
Box
{
borderSkin: Embed(source="15x15.png",
scaleGridLeft="5",
[Code]....
View 1 Replies
Mar 17, 2010
if I place a Border with width and height of "100%" inside a Group with width and height of 10 pixels the Border looks bigger than 10 pixels, why?
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/halo"
>
[Code].....
View 1 Replies
Jul 26, 2010
In flex, I am using
canvasEdit.setStyle("borderColor", 0x0134FF);
canvasEdit.setStyle("borderThickness", 3);
note: canvasEdit is of type Canvas.
But I am not able to put border on the sides of canvas.
View 1 Replies
Aug 29, 2010
I have a MainPage, on initialize I am calling a method which would create a SWFLoader object (aka LoginPage) and loads it in the MainPage. When we run the MainPage in 800x500 window, the LoginPage loads in that window size, however when we maximize the window the content of the LoginPage gets resized to 1027X660, but the border remains 800x500, and the remainig area of the window stays blank.
View 1 Replies
Sep 18, 2010
I have an old Flex app build with the Halo library. Now that Halo was changed to mx library, it makes the old Border component stop working and I'm unable to build the project anymore. Even when I try to change the library to MX, the Border cannot build.
View 1 Replies
Oct 4, 2010
How do I add a border to a Flex VBox? My VBox is the renderer of a List. I've tried the following without success (in particular VBox's borderVisible="true" borderStyle="solid" borderColor="0x888888"):
<mx:List id="myList" dataProvider="{myData}"
width="100%" height="100%"
variableRowHeight="true"
[Code].....
View 3 Replies
Mar 31, 2011
Is there a way to Set a a focus border on a datefield when it is selected and change the border to some other colour when we lose focus from the datefield.
View 1 Replies
Apr 17, 2011
according the documentation borderThickness is an applicable style, but when I try to set it to anything (would prefer '0') it says "The style 'borderThickness' is excluded by type 'mx.controls.DateField'."I could style the background color to be the same as the background, but I have an image behind so this will not work.
View 1 Replies
Sep 6, 2011
Is there a way to remove the left+right+bottom border of a mx:Panel?
basically I want to have the right UI instead of the left one ( check the screenshot )
I know that the default spark Panel is able to do so, but I just need to use Flex 3.
Here is what I tried already :
padding (seems only changing the children)
borderStyle = none is removing the color of the header
View 1 Replies
Jun 25, 2009
With the Flex 3 SDK you simply needed to set the borderThickness style to 0, or set borderStyle to none. With the Flex 4 SDK ad the Spark theme, this has no effect.
View 5 Replies
Oct 29, 2010
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?
View 1 Replies
Jan 21, 2011
Is it possible? Or do I need to use Skin architecture? I can't found the property border color, so I think I need to create a entire skin customized? Or are there the property accessible by css?
View 2 Replies
Mar 16, 2011
Let's assume I have an Image that's used a button. By default, the image has no border around it. Clicking on this Image will cause another component be displayed beneath it or next to it. When the second component is displayed, I want to draw a joined border around the Image and the second component.
The second component would not be visible by default. It would only be visible after clicking on the Image by using the popupManager, PopUpAnchor, setting the visible property, etc.
Example before clicking:
+--------------------------------+
| |
| XXX <-- My Image |
| XXX |
| |
| |
| |
| |
| |
| |
| |
+--------------------------------+
Example after clicking:
+--------------------------------+
| +---+ |
| |XXX| <-- My Image |
| |XXX|_______________ |
| | | |
| | My Second | |
| | Component | |
| | | |
| | | |
| +-------------------+ |
| |
+--------------------------------+
How difficult would it be to create something like this?
View 2 Replies
May 2, 2011
I have a SkinnableContainer that I would like to add a border to. I have already created a skin class that creates a 1 pixel border around all four sides of the container successfully, however, I would like the border to only be for the top and bottom of the container, not the sides (left, right). How can I achieve such a thing? I have attached my current skin class.
<?xml version="1.0" encoding="utf-8"?>
<!-- containerssparkmySkinsMyBorderSkin.mxml -->
<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009"
[code]....
View 1 Replies
Jul 29, 2011
I've just started playing about with skinning and am finding it harder than anything else I've come across in Flex 4 Mobile. It needs to be done in actionscript as I am trying to skin a flex mobile button. Here is what I have so far: (It does very little, only changes the background color)
package skins {
import flash.display.GradientType;
import flash.geom.Matrix;
import mx.utils.ColorUtil;
import spark.components.supportClasses.StyleableTextField;
import spark.skins.mobile.ButtonSkin;
[Code] .....
There doesn't seem to be much in the way of documentation for skinning Flex mobile components purely in actionscript. How do we add a border for example?
View 1 Replies
Oct 17, 2011
I am trying to make a group of spark type in flex at runtime.i am making a couple of buttons as children of this group in runtime. i want to add border to all group. however when i use border container it hides all other children and the stuff in group container and only shows the border container screen. How can i add border to group.
View 1 Replies
Dec 13, 2011
I have a skin class whose host component is a Toggle Button. I need to be able to add a border around it but only on the top, left, and right sides, As I understand it you have to the: <s:Line> component. So I added:
<s:Line left="0" top="0" right="0">
<s:stroke>
<s:LinearGradientStroke rotation="180" weight="2" caps="square">[code].....
This worked for the top line , But I can't seem to get the left and right lines. I tried: this for the left side line, but it did not work (no line showed up):
<s:Line left="0" top="0">
<s:stroke>
<s:LinearGradientStroke rotation="90" weight="2" caps="square">[code]....
How can I achieve the 3 Lines around the button?
View 1 Replies
Apr 27, 2010
I can successfully add a validator on an item in my datagrid, by passing in the particular element in the dataProvider to the validator, but I can't get the red border to show up around the cell if the validation fails. I have stepped through the validator, and confirmed that it is passing back a failure, but I can't figure out why the red error border doesn't show up. I have a feeling its because I am passing the item in my dataProvider as the validator source, rather than the 'cell' item, but I can't find a way to access the cell.
View 1 Replies
Aug 15, 2010
how to remove the border of a togglebuttonbar button, with keeping the theme color??
i want to put the style in css file
View 2 Replies
Mar 21, 2011
Draw rectangle with dashed border in flex ?
View 3 Replies
Mar 25, 2011
I'd like to add some functionalities to the right border of my ADG component tothe user resize and potentially do more stuff. Is there a skin for that border? For instance, how would you make it wider, or add a handle that perhaps animates when you hover over it?
View 1 Replies
