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
Highlighted portion in red! How do i remove it? Code to render list is below:
<s:List id="ui_lstIndexList" width="175" height="600" fontFamily="TwinCen"
fontSize="24"
alternatingItemColors="[]" borderVisible="false" downColor="#7fceff"
[code].....
Is there any way to disable the yellow border (focusrect) that appears around buttons when tabbing through them or at least make it more eye pleasing?
View 4 RepliesI hit some random key on my keyboard while writing AS3 and I activated Paragraph symbols (see attached image). How the heck I turn them off??
View 1 RepliesI have a map in a panel.When maximizing the panel,the map remain the smaller size.How to make the map growing synchronizely with the Panel? When maximizing the Panel,I added Resize Effects.How to apply Resize effects on the Map when the extent of the map changing? It seems to me that I should dispatch extentChange event when maximizing the panel.
View 1 RepliesI discovered this while doing some programmatic panel resizing:Components in a spark Panel will still be visible when their location is outside the physical Panel boundaries. This does not happen with the mx Panel.unning Flex 4.1 on Windows 7I tried putting mx and spark controls in the spark Panel, and they both appear outside of the boundaries. Note this doesn't happen with the mx Panel. What am I missing to make the spark behave like the mxSample Code:
<?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 want to create a panel docking to a pop up panel in my flex app, like Winamp's playlist window can dock to main window. but I didn't find any useful on docking in flex
I've traced the PopUpManager, but I didn't find any available interfaces or events about popup window's moving, I think it's design shouldn't be so bad.
I just downloaded Flash CS5 for mac which installed without any errors. However, when I first launched the software I am getting the following error: The following panel layout is missing or could not be read: /users/rob/Library/Application Support/Adobe/Flash CS5.5/en_US/Configuration/Workspace/Essentials.xml The application will not have a correct layout. load one from Windows ->Workspace Once past this message none of the panels load.
View 3 RepliesDoes anyone knows of a way to get the output panel in flash or the console panel in flex builder or flash builder, to format the "traces" with html or any thing else? for example:
trace( <b>brett</b> ); and to get that to appear in bold in the console window or the output window?
i am using following code to popup a login panel whenever i click on some specific button.
the problem is the login panel sticks it should be non visible again if i click somewhere else on screen. Anyone got ideas how to do that.
[CODE]....
Is there any way to change the size of swatch panel in color picker control?? I tried thiscolorPicker {
swatchHeight: 21;
swatchWidth: 24;
}
but this is not working
I want to replace the default title of the header with my image in Flex Panel.
View 2 RepliesI 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]....
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]....
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].....
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.
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 RepliesI 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 RepliesHow 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].....
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 Repliesaccording 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 RepliesI am drawing a cellular automaton simulation on a Flex Canvas. I alternate computing the state of the automaton with updating the graphics on the Panel. However, the updating of the Panel does not seem to be "keeping up" with the update of the CA state.
I'm wondering whether I am doing something wrong with my handling of the graphics code. The code is below. Sorry it's so lengthy, but I don't think the problem will happen with anything simpler (well, it probably will, but I'm not certain I want to take the time to find it).
[Code]...
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 RepliesAdobe'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?
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 RepliesLet'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?
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]....
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?
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 RepliesI 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?