In a component 'Group' I drag multiple pictures at one time I need to clean this component, but contains a component BitmapImage and I will not be erased:
<s:Group id="droppedImages" width="100%" height="100%">
<s:BitmapImage id="bg" source="@Embed('lineal2.jpg')" width="1024" height="577" verticalCenter="0"/>
[code].....
The project I'm working on requires older libraries that extend mx components (such as TitleWindow and TabNavigator), I can't use what I know about Spark skinning directly. However, since the project is being programmed using the default Spark theme (with my modifications on top) rather than the Halo theme, I apparently don't have access to the styles I need (namely backgroundImage and contentBackgroundImage which apparently require Halo to be active). Simply setting Halo to be the theme will break other things, not the least of which my own theme.
Plans are in the works to replace the older libraries or at least patch them better to Flex 4, but as of right now, I need a way to style/skin these components without modifying them directly. It would be ridiculous to be unable to add a background image to a TitleWindow's content area! I've searched the internet high and low all day and tried countless variations of styles, skins, selectors, and combinations thereof with no luck. How to add a background image to the content of a mx TitleWindow while using the Flex 4.1 sdk?!
I'm trying to build a simple component extending spark.components.Group to have a background color, more specifically a spark.primitives.Rect component stretched to fill the background.
This is what I've come up with thus far:
<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/halo"
<fx:Metadata>
[Code].....
I'm using Flash Builder 4 Premium. My application has a title bar that I don't want to scroll, and a group underneath that should scroll. Here is the group that I want to be able to scroll:
[Code]...
Is this the most efficient way to listen to mouse events on the background of a group?
<s:Group width="200" height="100" rollOver="group1_rollOverHandler(event)" rollOut="group1_rollOutHandler(event)">
<s:Rect width="100%" height="100%">
<s:fill>
<s:SolidColor alpha="0"/>
</s:fill>
</s:Rect>
</s:Group>
seems pretty minimal, but alpha = 0 is not the most efficient thing out there.
I use a s:Group to place my component in my form.I'd like all form item have the same horizontal align inside the group.I try to use horizontalcenter with value 0 but it doesn't work.ve that.
<s:Group width="100%" resizeMode="noScale" verticalCenter="0" horizontalCenter="0">
<s:FormItem label="Naissance" tabIndex="5" x="{cbQualite.x}" id="fiNaissance">
<mx:DateField id="dfNaissance" width="
[code].....
This is the setup. I have created a timeline with a playhead. When my playhead is dragged I would like the timeline to scroll with the drag.
So far, the only way I can do this is by setting clipAndEnableScrolling to true. But in this case I lose the scrollbars(not to mention the impact on my view). So what I would like is to set this property to false and dynamically affect the horizontal scrollbar's position, in other words enable scrolling without the clipping.
I have a problem with a custom component based on a Group. Actually, I want to create a section component (a container with a border and a title). I created a path so that the border doesn't hide the label (title):
[Code]...
Is it at all possible to put a image on the background of a text input component? I know I can change the color of the background, but I was hoping I could add a background image to it. IS this possible?
View 1 RepliesI have a panorama picture and I can move this picture using my arrows I have made. I would like to put the buttons on the specific place of the picture. I want to make the buttons move with the picture while I scroll the panorama.
View 1 RepliesI have a Flex Tree component in my app. I set the icons for open and close.
BUT I can't find something about changing the default background-color from white to something different.
obviously there is no background-color setable in css...
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?
I have an Array of days. I want those days to have a different background-color in the DateChooser component, say red.
View 3 RepliesI created a custom component that is a s:SkinnableContainer. I want the background and other items to fade out when this component is visible. Something similar to what happens when calling Alert.show(..) so the Alert box is in focus and everything else is faded out.
View 2 RepliesI have a pretty large quiz/survey with 60 questions (4 questions per page and 15 pages) and I get a deselection bug come up at pages 5, 10, 15 for no apparent reason! I have checked the code vigourously for any errors and I can't see anyWhat happens is that a particular question within those pages stated above - when the alternate radio button is selected, it does not deselect the other radio button in the group.
There was no real clear solution to this other than build the questions dynamically from an XML file. I would really love to do this but my AS3 skills are not advanced enough to be able to program everything dynamically and I currently don't have time to learn these skills as the flash file is due like yesterday
I'm using Flash Builder 4 to create an application. I need to set an background image for the app. I've pulled through the data from XML. I am using an <mx:Image> for the background-image. But I need elements to then be added inside it. How do I achieve this? I considered using Layers, but dont know how you achieve this.
View 3 RepliesI have written a custom skin in Flex 4.5, which shows a custom image. I want this to my background image, so how can I set this skin to the application container?
View 3 RepliesI want to give the users the ability to set the background color or choose image to make it background (Tile, Center and Strentch). I tried couple of things with no luck such as trying to chaing a Skin object and assign it.and tried something like:
FlexGlobals.topLevelApplication.setStyle("backgroundColor",uint(chosenColor));
I have tried setting the background image this way, but it doesn't work. how to set the background image of a rich text control in flex as easy as possible?
.rte{
...
backgroundImage: "assets/globe.jpg";
}
[Code].....
I want to load an image into the background of my Flex app. However, I am wondering about a few things, and have a few contraints.I want it to be much like the way it's done with CSS. See this example of fullscreen background images with CSS.It is very important that there is no white-space (background colour) showing behind the image, and that the image is not stretched. This would mean some of the image would be cut off. This is absolutly fine. Actually, the first five points in the bulleted list on the linked page above are all exactly what I am after.I am relitivly new to the Flex framework, but have a strong AS3 background. So I can do this easily with actionscript using a mask, stage.width/height, the stages RESIZE event, and a little bit of Math. But I am wondering what would be the "Flex" way of doing this?I don't want to narrow the answers, but would I create my own component, that extends canvas, that I put behind all my other content? Or to I set some property of the application?
View 5 RepliesI was wrote the following code to set the background image in one vBox.
vBox.setStyle("backgroundImage", "PreviewBackground.png");
vBox.setStyle("backgroundAttachment", "fixed");
Where the height and width of vBox was 250 x 350 and the height and width of background image was 400 x 400.The problem is that the background image doesn't show the full image. The image has cropped. How can i show the full image as a background image?
I have assigned a logo image of my software to HBox as follows [code]...
Now I need to change the backgroundImage to some other image on a event.
CustomAppSkin Class
<?xml version="1.0" encoding="utf-8"?>
<s:Skin name="CustomApplicationSkin"
xmlns:fx="http://ns.adobe.com/mxml/2009"
[code].....
I would like to change the bacground image for the preloading bar in Flex, the one which appears before loading your application. This article describes the way in which you can change the background-color, but is there a way to add a background image (and keep the loading bar on top of that)?
View 3 RepliesAfter upgrading a project from Flex4 Beta1 to Beta2, I've found that the background-image style is no longer supported on Halo components.Eg:
<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml"
backgroundImage="@Embed(source='myImage.png')" />
Note that jira issue SDK-23050 points out the following :ackgroundImage is not supported for Spark skins.But this is not using a Spark skin, just a standard Halo component.
I have created a tile list with custom item renderer and in terms of functionality it works as it should. I reduced the width and height of the item renderer to 95% which then shows the tile lists background in the remaining 5% of that item. The problem is that only when I hover over the item, the background is covered up and I cant get a gap to appear between items. Is it possible to change the height and width of the hover over?
<mx:Canvas id="Card2" label="Card2" width="100%" height="100%" backgroundColor="#FFFFFF">
<mx:TileList id="tlCard2" x="10" y="10" dataProvider="{acCard2}" width="580" height="340" dropEnabled="true" borderThickness="0" maxColumns="4" maxRows="4" rowHeight="85" columnWidth="145" borderColor="#000000" horizontalScrollPolicy="off" verticalScrollPolicy="off" borderStyle="solid" dragMoveEnabled="true" dragEnabled="true" backgroundImage="{imgGuide}" themeColor="#BCBCBC">
[Code] .....
I have an Image object that gets resized to the containers size when the image loads.The images that it will load are dynamic in size so after resize I end up with a sliver of the image object's white background showing.How can I make the Image object not have a white background and be transparent.Parts of the PNG's have transparent parts but show up as white due to the white background of the object is it loaded into.
<mx:Panel xmlns:mx="http://www.adobe.com/2006/mxml" headerHeight="20" >
<mx:Script>
<![CDATA[
[code].....
I want to display an image instead of Color in item Selection and Hovering(mouse over) in Flex DataGrid. how i can do it ?
View 2 RepliesI want to replace the default title of the header with my image in Flex Panel.
View 2 RepliesI'm trying to put an image, generated from some text, in a RichEditableText. Since it's a styled text, I thought about putting it another RichEditableText, style it, then print it to a Bitmap to use as source for InlineGraphicsElement.I use the following code to do that
var txt:RichEditableText = new RichEditableText();
txt.text = name;
// Appliy given styles to the text flow of input rich editable text
[code].....