Flex :: Setting Button Width With Fx:Style?
May 30, 2010
I have 4 buttons, all of them have the same width.
<s:Button id="btn1" width="{btnWidth}" />
<s:Button id="btn2" width="{btnWidth}" />
<s:Button id="btn3" width="{btnWidth}" />
<s:Button id="btn4" width="{btnWidth}" />
Is it possible to set their width with Style, something like this: I tried it, but auto-complete isn't working, which leads me to think that there's something wrong with the syntax. Basically my goal is to not have the width property set specifically for all 4.
View 1 Replies
Similar Posts:
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
Apr 27, 2010
I know how to set the style for a radio button in AS3, but is it possible to apply a text format style to a radio button group, rather than each individual button?
View 2 Replies
Jun 27, 2010
Hopefully simple question: I'm trying to set the alternatingItemColors on a datagrid via some values that I set in a CSS file but nothing seems to work. the CSS file looks something like this:
.FACS0 {color: #B0B0B0;}
.SACS0 {color: #A6A6A6;}
.AICS0
[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 2, 2010
I am wondering if flex enforce style settings and throws compilation errors if a style that is applid to a component that is not supported by it. Has any one tried it before ?
View 1 Replies
Mar 19, 2010
I have a rectangle that I've created and set its individual properties like so
var aRect:Rect = new Rect();
aRect.width = "15%";
aRect.height = "15%";
Problem is the compiler chokes on 15% and "15%", with or without the quotes, neither works.
View 1 Replies
Apr 28, 2011
I have been given the seemingly simply task of resizing a Group container by setting width and height explicitly in response to user interaction. However, changing these values have no effect on the size of the container at all. Changing scaleX and/or scaleY will change the size of the container just fine, but this is not the behavior I am after.I have tried overriding updateDisplayList() to set a specific width and height, but this has not yielded the desired results.
<?xml version="1.0" encoding="utf-8"?>
<s:Group xmlns:fx="ns.adobe.com/mxml/2009" ;
xmlns:s="library://ns.adobe.com/flex/spark"
[code]......
View 2 Replies
Feb 28, 2012
I 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].......
View 2 Replies
Jul 4, 2009
My air app is using the FlexChrome instead of the system chrome. The problem is I also have a .CSS for skinning that sets the skins for the Button class. This is also changing the 3 buttons (minimize, maximize, close) in the flex chrome which is undesired. Is there a way to make it not effect the Flex chrome buttons?Also the css file is in a central location and I use it for many apps so I would like not to have to change the css file but change something in my app only so I do not effect other projects.
View 1 Replies
Jun 14, 2011
I use mx.controls.Button control and I'm trying to change its colors:
import mx.controls.Button;
//...
var myButton:Button = new Button();
myButton.width = 70;
[Code]....
and it doesn't work. However cornerRadius style and many others work well.
How do I change colors of the button?
How do I setup color for a button?
View 1 Replies
Aug 17, 2010
I have a button to which I have applied stylesheet(below) which works great.
.toolButton
{
up-skin :Embed(source='resources/angle.png');
over-skin :Embed(source='resources/angleH.png');
down-skin :Embed(source='resources/angle.png');
}
Now, I have a new requirement where I need to keep the button in pressed(down) state until the user clicks on this button again.
View 1 Replies
Jul 20, 2010
I am setting new style on a combobox instance. Following is the code.
myCombobox.textField.setStyle("textFormat", myStyle);myCombobox.dropdown.setRendererStyle("textFormat", myStyle); where myCombobox is the combobox instance and myStyle is textFormat object. but when i disable the component. i.e, myCombobox.enabled = false; The combobox textField loses its style and resets to its defualt style, though the dropdown style remains( myStyle ). What is the reasons for this behaviour. How can i change the style for the disabled state of the component.
View 3 Replies
Apr 11, 2011
I'm making a trivia in an Air application, a question, three buttons, after you choose one, the right button gets coloured green, the wrong ones get coloured red. I was trying to do this changing the styles, so I created a Button.Right and a Button.Wrong style, but I also need to disable the buttons so they don't get clicked more than once while I'm showing the correct answers.
So I'm having trouble making it so the buttons don't look greyish and with the alpha turned down when I set their enabled property to false. I'm trying to be as minimalistic as possible here, changing disabled-overlay-alpha or disabledOverlayAlpha in the css file doesn't seem to do the trick, neither does changing disabledBorderColor
View 3 Replies
Jul 29, 2011
I have a more than one container in a view. I am trying to set default button at the moment page is loaded so that when I press enter, function that handles keydown event called. If I simply set default button in preinit() function, it does not work.
View 2 Replies
Nov 14, 2011
I attempted to build a Flex 4 skin for a Spark button, typical practice. I adjusted the colors and other styles to my liking, including using dot selectors to specify alternate colors and such during different states. However, these are all ignored when the button is disabled. Regardless of what I do, in the disabled state, my button always has the wrong color and is alpha'd to 0.5 (even if I specifically state that alpha.disabled="1"). All the other skin states work as expected. This is my custom skin. If it were working correctly, it would appear to have no shadow or highlight, and would be a gradient grey color. Instead, it appears as a 50% alpha version of the up state (shiny green).
<?xml version="1.0" encoding="utf-8"?>
<s:SparkButtonSkin xmlns:fx="[URL]"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:fb="[URL]"
minWidth="21" minHeight="21" alpha.disabled="1">
[Code] .....
This is the code used to create and then disable the button:
_action1Button = new Action1Button();
view.actionGroup.addElement(_action1Button);
_action1Button.enabled = false;
The error was that _action1Button is not the actual button, rather, it's the container of the button. Doh! Switching it to _action1Button.actionButton.enabled = false; fixed the issue.
View 1 Replies
Aug 18, 2009
Is there a way to get the measured-width of a button label in flex based on its style properties at runtime?
View 2 Replies
Sep 11, 2010
How do I set the individual button sizes in a Spark ButtonBar? It used to be something like[code]...
View 2 Replies
Feb 19, 2008
Is there a way to retrieve and set the height and width of an FLV/Playback object via actionscript? I was hoping I could interact with the values via simple _height and _width properties, but that seems to offer all kinds of unexpected results in Flash (like reporting width in the thousands when the width is actually under 300, etc... height seems much closer to reality, but still off.)
View 1 Replies
Jan 18, 2011
I have created a spark ButtonBar which is dynamically populated with XML and skinned to look like a standard TabBar. When I used the TabBar in Flex 3, the width of each Tab would shrink or grow to the size of the Label, plus a little padding either side. When using the spark ButtonBar in Flex 4, I find that no matter how short the label (even an empty string), the Buttons will be at least 70 pixels wide, and will expand for longer labels. I have tried setting the minWidth to 20 in various places, including on my ButtonBarButton skin, but this has no effect.
View 1 Replies
Jan 29, 2010
I am having a bit of a nightmare with a site i am trying to build at the moment and would be most grateful for any help. I have a menu bar which is made by looping through an array of the menu options (and submenus) and then attaching a menuitem movieclip in each case (then setting the text). The menuitem movieclip contains a dynamic text field and also actionscript to draw the background depending on the current settings (colour, border etc).I have a variable in my root fla file called menuwidth and this is used within the menuitem movieclip to define the width of the menuitem. When i set this to one value it works absolutely fine and creates the menus accordingly. i can change this to whatever size i want (including calculating the size of the largest option and then setting it to that, to ensure all options fit).
I have been trying to code it so that the menu options can be different sizes (in the event of a horizontal menu) so that you can have one that is wider than another. The code has become quite long (due to submenu and other functionality) but in a nutshell it is:[code]Instead when i use the code above all of the menuitem movieclips end up the same width as tthe final one (so if there are 5 menu options and the starting length is 50 then the ending length is 75 then all of the movieclips are 75 wide). When i try and debug it and check the value of _root.menuwidth inside the menuitem movieclip it states that it is set at 75 every time with no variation at all.It is almost as if it doesn't run the attach movie commands until the loop has finished, at which point all of them execute (and _root.menuwidth has already increased to it's highest possible value), but i can't see how this would make any sense.Obviously there are a number of other options that could be at fault, but i am trying to whittle it down and would be most grateful if anyone could explain to me if the above logic holds true and that increasing the _root.menuwidth value within the loop just before callin attachMovie should cause each one to be progressively bigger?
View 2 Replies
Apr 20, 2009
I've got another interesting Flash issue, and I was wondering if there was some weird case I had to account for. Here's the code: var c:DisplayObject; var t:Rectangle; c.width = t.width; trace(c.width, t.width); This results in output of: 0 13 I'm expecting '13 13' as the output..what would cause this to happen? It's sporadic, sometimes it'll happen, sometimes it doesn't. Is there some weird race condition I should double check for?
View 5 Replies
Jan 29, 2010
I have a menu bar which is made by looping through an array of the menu options (and submenus) and then attaching a menuitem movieclip in each case (then setting the text). The menuitem movieclip contains a dynamic text field and also actionscript to draw the background depending on the current settings (colour, border etc).
I have a variable in my root fla file called menuwidth and this is used within the menuitem movieclip to define the width of the menuitem. When i set this to one value it works absolutely fine and creates the menus accordingly. i can change this to whatever size i want (including calculating the size of the largest option and then setting it to that, to ensure all options fit). This works great.I have been trying to code it so that the menu options can be different sizes (in the event of a horizontal menu) so that you can have one that is wider than another. The code has become quite long (due to submenu and other functionality) but in a nutshell it is:
for(var i=0; i<menulength; i++)
curr_item = curr_menu.attachMovie("menuitem","item"+i+"_mc", i);
}
[code].....
View 4 Replies
Mar 24, 2010
I'm working on putting together a game at the moment which is similar in many ways to mini golf (or crazy golf, depending on where you come from). It is shown from a side-on view and to play the user must select the ball by holding the mouse down over it, then drag the mouse to indicate the direction they wish to fire the ball in. The distance they drag the mouse (this is capped obviously) determines the power of their shot.
I am currently using a triangular object with the tip placed at the centre of the ball to show to the user the direction they have chosen. This triangle rotates to face the position of the mouse, and I'm trying to get it to extend/shorten based on the distance from the mouse to the ball. I have code in place (below) that works when the mouse is either to the left or right of the ball, but behaves rather strangely when the mouse is above or below the ball. When the mouse is in either of the latter locations, the triangle extends to be far bigger than the maximum length allowed by the program, yet a trace shows it is still within acceptable limits! I'm almost beginning to think that Flash is switching the 'width' and 'length' attributes around when the object is rotated by either 90 or -90 degrees!
The code I am using is:
[Code]....
Here's a couple of screenshots of the game as it currently stands too - please don't laugh at the horrible placeholder art: none of it is final haha (also note that I haven't implemented 'gravity' yet, so everything is sort of hovering in mid-air.) The first image shows the code working as I want it to with the triangle at it's max width, the second shows the triangle going 'huge.'
View 6 Replies
Nov 8, 2010
Ive created a shape that i want to resize as it enters different frames. The shape is meant to act like a window behind info in a webpage. Ive managed to get it to tween OK at the moment, but i cant get it to change for each frame it enters. For example, i can get it to grow from 0 - 100% in the first frame, and if i move to a different frame it might need to be bigger, then in a different frame a new size again. Ive tried creating a variable currentWidth which will allow me to detect what size it is and then change accordingly, but it seems to be having trouble updating.
Code:
import fl.transitions.Tween;
import fl.transitions.easing.*;
var myScaler:Sprite = new Sprite();
var infoBox:Shape = new Shape();
[Code]....
Also, is it possible to update the same tween variable in different frames, in this case infoBoxX i want to tween wider, at the moment i am just creating a new variable bioBoxX.
View 8 Replies
Apr 9, 2007
I built out a scrolling Flash application that currently resizes the browser to whatever the full-screen res of the user's monitor is... I'm kind of indifferent about it.Anyhow, I'd like to be able to set the browser size to a specific height / width instead of taking up 100% of the user's screen real-estate.
View 1 Replies
Jan 18, 2008
I have been hacking together two different tutorials to create a menu with changing images, and some animating text. Everything looks great, except the menuitems, which i try to resize dynamically depending on the menuitem-movieclip-contained dynamictext. When i resize this movieclip, the whole movieclip scales, and everything looks odd.
this is my first flash project on my own, so be nice :-)
fla file can be found at: [URL]
View 2 Replies
Jan 22, 2009
I'm having trouble defining the width of an mc based on an entry in an array.
Here's what I have...
var arr_obama:Array = new Array();
arr_obama[0] = {Name:"mc_obama1" , Frame:"obama1", Width:"34"};
arr_obama[1] = {Name:"mc_obama2" , Frame:"obama2", Width:"143"};
arr_obama[2] = {Name:"mc_obama3" , Frame:"obama3", Width:"23"};
[Code]....
Basically what I want is when you rollover the mc obamaxx it makes the mc_bar the width as defined in the Width entry in the array.
View 8 Replies
Oct 9, 2009
How can I set the width and height of a external swf when it is loaded in to the holder?
View 1 Replies
Aug 31, 2010
I'm updating an old Flash file and I'm pulling some dynamic text into a text box, but I'm having a really, really hard time trying to get it to resize the width so it always fills the box, which is 170 wide.
myText.textWidth=170;
myText.width=170;
myText._width=170;
none of it seems to work.
View 7 Replies
