Is it possible to modify a Spark button-bar (or to use the design/skin(?)) to have a dynamic flash-generated image in between?
(button | dynamic image | button)
The dynamic image is a double-ended progress bar generated by beginFills and such.
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.
<s:ButtonBar id="bb" selectedIndex="0" skinClass="skins.bbSkin">
<s:dataProvider>
<s:ArrayList>
[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:
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
[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:
View 1 RepliesHow to disable the toggle nature of buttons in spark:Buttonbar so that it would behave similar to mx:ButtonBar?
View 2 RepliesHow can I disable a single button in a buttonbar in Flex?
View 2 RepliesI am creating a vertical button bar with 3 buttons.How do I force the same width for all three buttons so it doesn't look like crap?
<s:ButtonBar x="10" y="10" dataProvider="{viewstack1}" >
<s:layout>
<s:VerticalLayout gap="-1"/>
[code]....
How do I set the individual button sizes in a Spark ButtonBar? It used to be something like[code]...
View 2 Repliesi have the following code:
<s:ButtonBar id="tabs" y="15" left="0" height="31"
change="VideosMenuBar_changeHandler(event)" requireSelection="true">
<s:layout>[code].........
how can i change the height of the buttons in this buttonbar?? is it possible without extra skin class?
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?
View 1 RepliesI 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 RepliesI 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 :
<s:VGroup id="buttonHolder" visible="false" gap="0" width="100%">
<s:ButtonBar id="buttonMenu" width="100%" height="18" minWidth="100" change="buttonMenuChangeHandler(event)">
[code].....
I am creating an image dynamically on flex. This images changes (as in changes image source) when the user clicks on it. Images are PNG format and I replace it with this code:
img.source = PATH_TO_IMAGE;
The problem with this is when I replace the image is it is not smooth even if you set the image property to smoothBitmapContent.
Is there a way to smoothen images when you are trying to replace the source?
Need to:1) Create bytearray from BitmapData in Flex2) Pass this bytearray (or maybe converted to string with b64) to php script3) Convert this bytearray again to image in PHP and show it.
View 1 RepliesIn my app, I have a button bar with data provider as an arraycollection and a text field. I want to validate user input in the text field based on the item selected in button bar. my sample code is like this....
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
[Code]....
I am changing image through flex every time i change it saved into server directory with same name(which i am referring to show). So when i refresh my page my browser didn't send new request to server since it's already in request.so didn't getting new image.Tip:- when i clear browser history it will come with new image
View 2 RepliesI 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 want to generate a button sequence on ButtonBar with some disabled buttons:[code]
View 1 RepliesI have a MC called image_mc. When I load an image from XML, I want the centre of the image to be over the MC.Here is my code which isn't working. Currently, it positions the top left of the image at the MC regardless if the image is portrait or landscape.
Code:
pic = portfolioTag.childNodes[num].attributes.IMAGE;
// LOAD IN FIRST PICTURE IN XML FILE, first occurance of IMAGE NODE[code]....
I am creating one desktop application of facebook.
So here I am getting streams from facebook post. So when any facebook application's long image link I am getting that I can't display in Image container, this is not displaying image.
One also fact is that, When I am giving this link directly then it is working.....
When I have seen this in Charlse Debugging proxy then it is displaying 403,Forbidden error of image.
i want to rotate 3D an Image called img1 in Flex. I want to rotate it around y axis 180 degree. I can do this by using 3D effect already built in Flex but i want to do a bit more different. I want during rotating, there's another image called img2 appear on back of img1 (in default case, the image appear on the back is img1) and when rotating finish, the image will be img2.
View 2 Repliesi have a question while reading Flex 4 Cookbook i came across the method to dynamically adding control to the container controls but nowhere i came across with how to provide them with the dynamic properties and events like they have created a button dynamically inside a group control but what good a button be if i cannot give it an event dynamically. in the same way i want to add a tree view inside a vbox but what good that be if cannot provide a data provider to it dynamically.actually i am creating an web application where i add the tree view to a vbox and i want to the data provider should also be dynamic depending upon the option i have selected in the combo box.
View 1 RepliesI found examples in adobe site only to position the object where the mouse pointer is. But i have to place the image in the position of drag proxy image.
View 1 RepliesI have an image that doesn't fill the <mx:Image> tag because it's not the exact dimensions (it is too short) and I have maintainAspectRatio set to true:
<mx:Image id="theImage"
source="{data.photo_thumb}"
horizontalCenter="0"[code]....
The <mx:Image> tag has a fixed width and height (it's 100% of the tile size--this is in an ItemRenderer). How do I get the image to sit on the bottom of the <mx:Image> tag?
I can;t figure out how to do this. Someone selects and image after calling FileReference.browse(). I take that image and make a thumbnail in flash. Then I upload that image like so:
[Code]...
All this does it upload the original image. How do I change the fileRef to upload the new thumb? I have traced out the size of the "myThumbImage" and it is correct. I have placed it visually on the stage after creating the thumb, and it seems like it works. But when I upload it to an aspx page (that basically just throws it into a folder), it uploads the original larger image.
Gallery in DataGroup, How can i Call selected image(MouseClick Image) this is my Sample code
<fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
[code].....
I'm coding a image viewer application for tablets using Adobe Flex 4.5. Basically, I have a list with a custom item renderer that renders the images in the list. I have set up the image size to be the width/height of the tablet device in portrait (600x1024). This way, only one image can be seen at one time. The problem is that when the device orients to landscape, this design obviously screws up. My question is how can I get it to change the width/height of my images automatically when the orientation changes such that only one image is shown at a time?This is my list:
<s:List width="600" height="1024"
id="imageList" dataProvider="{data}" itemRenderer="{inlineRenderer}" click="imageList_clickHandler(event)"
verticalScrollPolicy="off" useVirtualLayout="true">
[code]....
This is the item renderer:
<s:Scroller width="600" height="1024">
<s:Group>
<s:Image source="{data.imageurl}" width="600" height="1024"
contentLoader="{FlexGlobals.topLevelApplication.imageCache}"/>
</s:Group> </s:Scroller>
I am developing a website in flex. And in that, i am trying to set the background image of my application. like this: parentApplication.setStyle("backgroundImage", data.image_src);
From a different location.
My issue is that, the images that i have are small and hence they are being stretched when used as background images. I want to avoid that from happening. How can i do it?