Flex :: Reduce The Minimum Width Of A Button On A ButtonBar In 4?
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.
I am developing an application that includes JPG and TIFF image size validation. The backend is done is done in PHP. I am wondering if there is anyway to validate the minimum width and height of those images in Flex or if they have to be uploaded to PHP and validated there.
is there a way to make a minimum width and stop resize? I have a menu I am building that is locked to the bottom of the browser and 3 buttons on the left and a movieClip on the right. When you resize the browser window - currently - you can make the button on the right sink under the three on the left.
I have a buttonbar that has 3 buttons. I'm trying to set a tooltip for each of the buttons, but not sure where. The ButtonBar itself has a skin, which in turn includes a skin for each of the buttons.
I have a game built and I would like to reduce the loading time to the minimum possible.One of my ideas is to load the essential assets and some lower quality images the first time, leaving the higher quality images and some of the functionality out at first (for instance things like buttons that change the background color), and once the player enters the game, the rest of the functionality and its assets (images and sounds) will be loading in the background using the Loader class.So once the non-essential assets and the high quality images have loaded they will fade in and substitue the lower quality assets in the most subtle way possible.
Also... Would it be better to have various instances of a "Loader" class and try to load everything at once, or load stuff in order with a single instance of the "loader" class listening to the Event.COMPLETE event ?
I am trying to build my portfolio which is coming along fine.
I do however have a problem.. I want the site (SWF) to scale according to browser size.But, I want to implement a maximum and minimum width and height.
I dont want it to scale so that it is bigger than my stage size (1365px x 845px), and I dont want it to scale so that it can be smaller than for instance (800px x 600x). And I also want the SWF to be centered at all times.
If you need to see a working example you can see what I am trying to achieve on this site: [url]....Take a look at the slideshow when you enter the site, and try resizing your browser window. You'll notice that the pictures will shrink, but won't scale above their obvious 100% size. I tried looking at the page source, but I didnt understand much. Looks like they have used Actionscript for the resizing/aligning.
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;
I have a Spark ButtonBar that has a custom skin, which defines a custom skin for the "middleButton" requirement. My CustomButtonBarSkin has a custom state, minimized, which I want to pass into my middleButton skin so it can modify its design.
Is it possible to do this? I can see that my button skin could use parentDocument.currentState to get the minimized state, but that's really ugly. Any way to pass a skin from the bar to the child button(s)?
I have a Spark ButtonBar and I got it hooked up correctly with a ViewStack. Currently, when I run the application (AIR), the first button in the ButtonBar is selected by default. How can I make the second button selected by default?
<mx:ViewStack id="viewStack"> <s:NavigatorContent id="Page 1"> <!-- Other stuff in here -->[code]............
I am trying to add a navigation component with a button bar in it that controls the view stack of the main application. Here is what I have so far for the main application's code:
I've been looking around on how to get the focusedIndex property of a ButtonBar when there's a mouseOver/Out event, but haven't found nothing useful.EDIT 1Assuming we have this button bar:I'd like to know, when rolling over, the target button.Putting a break point in a function that listens to the mouseover event, this is what I see in the debug view:
I am using a custom component at the top of my application that includes an image and a buttonBar. I have the namespace declared in main.mxml as comps and the package is components. When I assign the dataProvider to the buttonBar and run the application, all I get is a blank page. If I remove the dataProvider everything loads fine. the dataProvider is supposed to be the ViewStack component I have in the main.mxml. The buttonBar and image custom component is TopNav.mxml
The problem is that my TopNav component does not know the dataProvider I am asking it to change; MyViewStack. Do I need to create a public viewstack variable and pass it to the component?
I've got a spark buttonbar w/ a dataprovider as follows:[code]By default, the button's labels will be "Dave" and "Brenda", respectively. How can I dynamically change the label to the "addr" field when a user rolls over the button?
I have drop on a strange occurance - inserting a ButtonBar inside ListItemRenderer freeze the application. The bug is highly reproductive.ere is a bit of the code :
On MouseDown I start a repeating timer to position the Scrollbar-Button(Slider).When it reaches minimum/maximum it jitters (switching between min/max and stage.mouseYŚ) How can I prevent that?
private function onTime(e:TimerEvent):void { if(this._scrollBtn.y < min)
I have an advancedatagrid that displays a table of values from an arraycollection coming from a webservice. I am wanting to highlight either the maximum or minimum value in a row or column.I'm not bothered how they are highlighted - be it the backround changed, the font colour changed or just making it bold - I just want that particular cell to be different to the others.What I'm struggling with is finding the cell with the maximum (or minimum) value and then changing it's appearance.In one grid I want to compare across the row, in another accros the columns.
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.
I need to change the starting and ending dates, so that the earliest date that can be chosen is January 1, 2011 and the latest date that can be chosen is April 30, 2011. Also, the user should only be able to select 30 days at a time.
I am new to action scripting and am looking for a code which will reduce the volume of sound coming from my flash to 0, but then allow it to go back to 100 if pressed again, from the same button.[code]...
I am showing a stacked bar chart with Flex, and I am dynamically changing the data of the dataprovider. However, the minimum and maximum for the y-axis do not get reset with the new data. So if one dataset had a value of -100,000, but the next dataset has only positive values, the y-axis still starts at -100,000. How can I force the chart to redraw. I tried myChart.validateNow(), dataprovider.refresh(), etc.
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.
