Flex :: Adding Background Image To MX Component?
Apr 8, 2011
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?!
View 2 Replies
Similar Posts:
Jul 28, 2011
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].....
View 1 Replies
Feb 6, 2009
Am working on a simulation and am running into some trouble. I am attaching what I have so far. (I'm just in beginning stages so it's nothing fancy) What I still need to do is place the main image into the code using this code:
[Code]...
View 2 Replies
Mar 22, 2011
I added an image background 1900 x 1200 in dreamweaver, which will serve as my background image for my web site. I would like to incorporate my .flv or .swf on top of my background image. Although, when doing so, the .flv or .swf gets placed under the background image and not on top. How do I place the .flv or .swf file on top of my background image in Dreamweaver CS5.
View 2 Replies
Apr 17, 2010
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 Replies
Oct 21, 2010
I 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...
View 1 Replies
Dec 12, 2009
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?
View 1 Replies
Sep 28, 2010
I have an Array of days. I want those days to have a different background-color in the DateChooser component, say red.
View 3 Replies
Feb 12, 2011
In our flex application we have tabs at the main level and under it we have subview.e.g
Home / Tasks / Admin etc...
In one condition we have to click on a button and open a new tab, on this tab we have to add an existing mxml component and show it in the tab.We are using parsley as the framework. Inside the mxml component test.mxml(that is shown in the tab) i am configuring it with parsley using the tag.Now when i add the instance of this test.mxml i am getting an exception. I am deriving this test.mxml instance using teh parsley context
as
context.getObject(id of component) as DisplayObject and adding it to the tabNavigator...
But i am getting exception when i try to grab an instance of a view using parsley context. How do i get an instance of a view or component that is configure through parsley using the parslye context.Also the problem is occuring becuase of the view injection..because i get a parsley excepiton on startup of the application stating that there is some problem in the context.
View 1 Replies
Mar 8, 2011
I'm having a problem when adding a child to a VBox component. Is it not the same thing?:
List Item:
<mx:Script>
<![CDATA[
public function addChildren():void {
[Code]....
I am injecting two properties (question and answer) to the FaqItem component from an auxiliar file (using BabelFX) that depends on the id of the FaqItem, but it is only working when I choose the second option. If I use the first option, I get a child but with the text in question and answer fields is empty. I need to use the first option.
View 1 Replies
Mar 26, 2010
I 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 Replies
Feb 23, 2010
I need to create a gallery to load images and display them. This part is fine:
/**
* @variable image_name to store the name of the selected item
*/
private function showimage(evt:Event):void
[Code].....
where imgMain is the id the image component.
But, I need a small twist. A transition image i.e. loading image should be displayed while the the image is being loaded.
View 1 Replies
Sep 19, 2009
I have a flex application and I want to add a new custom component with action script at runtime. This works fine. I have created my custom component and added the following code:
var freeView:FreeView=new FreeView();
freeView.setStyle("showEffect",this.fadeIn);
freeView.setStyle("hideEffect",this.fadeOut);
[Code]....
But my problem is the fade in effecto is not working. I know I've declared the effect correctly because if I use it in another component (like a panel) it works fine.
View 2 Replies
Apr 26, 2010
How can I add an MXML component as a child of the main application using ActionScript. It's not possible to instatiate it, is it? Assuming that behind every mxml file stands an actionscrpt3 class, I tried to import it but id didn't show up.
View 1 Replies
Feb 9, 2011
I'd like to extend the standard DataGrid component in flex with mxml. But I want to add buttons to the bottom of the component. I've tried attempting the following but its not working...Am I adding the Button to the wrong element?
<mx:DataGrid xmlns:fx = "http://ns.adobe.com/mxml/2009"
xmlns:mx = "library://ns.adobe.com/flex/mx"
xmlns:s = "library://ns.adobe.com/flex/spark">[code]............
View 2 Replies
Mar 23, 2011
Is there a way to make the elements of a VBox smoothly move to their new positions when a new element is inserted or removed?
I actually need only to make them move smoothly when I remove an element.
View 1 Replies
Mar 25, 2011
I'd like to add some functionalities to the right border of my ADG component tothe user resize and potentially do more stuff. Is there a skin for that border? For instance, how would you make it wider, or add a handle that perhaps animates when you hover over it?
View 1 Replies
Sep 8, 2011
I have been stuck on this for far too long. I think it's simple so I must be misunderstanding something. I want these to display across the full width of my flash app. When I shrink the width of the flash player I want a scrollbar to appear. At the moment no scroll bar is appearing.
[Code]...
View 1 Replies
Aug 21, 2011
I'm new to Flex and am porting a pure Flash/AS3 app to Flex 4.5. I've created a custom MXML component based on BorderContainer
<?xml version="1.0" encoding="utf-8"?>
<s:BorderContainer
xmlns:fx="http://ns.adobe.com/mxml/2009" [code]...........
and it would work well, but here in Flex 4.5 I don't know how to do this.Also I've noticed that there is a dropShadowVisible="true" attribute, but not sure if/how it can be used for my purposes.And I'm not sure if scaling up/down a custom component is allowed in flex or I probably should use "Flex Effects" (but how?) and also set disableLayout="true"?
View 1 Replies
Jul 9, 2010
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 Replies
Jul 10, 2011
I 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 Replies
Sep 26, 2010
I 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));
View 1 Replies
Apr 11, 2011
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].....
View 3 Replies
Feb 4, 2010
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 Replies
Jun 15, 2010
I 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?
View 1 Replies
Oct 25, 2010
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.
View 1 Replies
Feb 15, 2011
CustomAppSkin Class
<?xml version="1.0" encoding="utf-8"?>
<s:Skin name="CustomApplicationSkin"
xmlns:fx="http://ns.adobe.com/mxml/2009"
[code].....
View 1 Replies
Sep 19, 2011
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 Replies
Oct 27, 2009
After 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.
View 4 Replies
Jun 20, 2011
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] .....
View 3 Replies