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?
I am using a WindowShader in my website. every thing is working fine. but for somereason i am unable to display any background for my "home_feeds" VBox. If i add components on it, i can see them. But they backgound is not working. Even if i remove every thing from the Canvas(with home_feeds) i still dont see any background. But if i remove the comments from my mx:List.. i can see the background.
my code is given below
<mx:VBox right="35" paddingRight="10" verticalAlign="top" horizontalAlign="right">
<containers:WindowShade id="shade" opened="false" openIcon="{null}" closeIcon="{null}" paddingTop="0"
[Code].....
I'm working with Flex 3.4 SDK.
I'm trying to programmatically(yep, must be this way) style/skin a VBox so that its top right corner is rounded, and it gets a two colors gradient brackground.
Modifying examples I found around I was able to accomplish both effects(corner and background) but only separately:
VBox with not all rounded corners: [URL]
VBox with gradient background: [URL]
But what I need to do is to apply both at the same time. And all my coding attempts so far have failed silently.
I'm trying to create a website with full screen background images (or possibly, a video) but don't know the best way to approach it. The Die Antwoord site does pretty much what I'm trying to accomplish. I'd also like to know how they can use such high resolution images. If I try to use a high res image, the file size is enormous.I also want to do is to be able to change the background image when a button is clicked. What is the best way to do that with large images? Another site that uses similar technology only with a video is the TV on the Radio site.
View 3 RepliesI'm trying to create a website similar to this one, where the content is a fixed width and height (i.e. made to fit a 1024x768 screen), but the background image is full screen and scales proportionally when the window is resized.
How can I achieve this full screen background using Flash CS4/AS3?
How can I fill my whole background with a big image? The photo is 1400*867 and with the solution here it fills up the width but not the height. I don't care if the photo gets cropped in order to fill up the height too.
The CSS3 way (background-size) is perfect but doesn't work in IE.
If you don't know a way with css/jquery could you direct me to a flash script where I could just enter the path of the image and let flash resize it?
I have searched everywhere but I can't seem to find anyway to create a full screen background image. Does anyone know the code to do this? Or know of any tutorials?
View 3 RepliesThis is a thing I developed using Flash and Javascript, to set any image dynamically as a background image of a web page and allow all other page content to scroll over the top of it.
[URL]
Would be interested on anyone's comments feedback, particularly about the flash (source code can be downloaded)
I have a VBox with fixed width and height, and I add image objects with fixed width and height. I find that if my objects' height exceed the VBox's height, it doesn't show the object. I tried validateNow(), but it doesn't work. The object is added, but VBox just doesn't display it, so it leaves a blank with a same height as my other object.
[Code]...
I have been trying to work out how the full-browser background was done here: [URL] It scales in a very elegant way: it never stretches the image, stays centered on the image and never causes ugly blank areas around the image. For me, it's become deceptively difficult to achieve! :-(
View 1 RepliesI am trying to create a background like the attached image (full screen).I don't like these colors, but do like the effect.
View 9 RepliesI am creating a website where the entire background is tiled and it also contains a photo gallery. Now, the photo gallery has to only appear within a limited height but the width could be similar to the browser window. (The website will be a full browser website with a capability of going fullscreen.). I tried a lot of things but the stage calculation requires to be a little different than the general stage properties.
In general, the height and width of the image is directly proportional to those of the stage. But what I am looking at is for the image to be rescaled proportionally to the width of the stage but the height nneds to be about 20-30% less than the height of the actual stage. Basically the background will be visible in that 20-30% of empty space. (And of course other elements)
My scaling of the image code looks like following,
Code:
function scalePic():void {
if ((stageHeight / stage.stageWidth) < imHeight) {
im.width = stage.stageWidth;
im.height = imHeight * im.width;
[Code] .....
And it also centers the image on the stage based on the new stage size.
Currently I have link on an HTML page, and when the link is clicked, it opens a flash movie with slideshow and a semi transparent black background. The way I have it set up is as follows
CloseButton.as (the close button for the slideshow)
FullBackground.as (the black background)
MainContent.as (loads the slideshow)
then I have
main.fla (loads the CloseBtn, FullBG, and MainContent)
preloader.fla (loads the main.fla .swf)
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?
when i run the image, it only appear in center with 2 blank white space in between.
<s:Image x="0" y="0" height="100%" width="100%" source="@Embed('assets/d.jpg')"/>
How can i make an image goes full screen (covering up the whole screen) with double tap/touch on mobile app?
And if possible how to turn it back to non-full screen (back to normal)?
I am still struggling with transforming my app build in Java/Eclipse to Flex/Actionscript with Flashbuilder.Now I can not find how I should implement an image to cover the hole screen.[code]...
View 1 RepliesI'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 blur a VBox component when my mouse is out of it and unblur it when my cursor comes back to the VBox region. How can I blur a VBox in Flex?
View 1 RepliesI have the following application and I am trying to put a scrollbar somewhere inside the TabNavigator, preferably on the innermost Vbox, but the scrollbar always ends up on the Panel. Is there some kind of property which controls this? I thought height=100% would have controlled it but it doesn't seem to work.[code]
View 2 RepliesI am having troubles adding a radiobutton to a VBox in actionscript.
var radioButton:RadioButton = new RadioButton();
radioButton.groupName = "source";
radioButton.label = "label";
[Code].....
I first created these radiobuttons in mxml and it worked fine, but now that the radiobuttons need to be dynamically generated in actionscript it doesnt work.
When stepping through in the debugger I get to a binding error (1009) when trying to execute the addchild statement and nothing shows up in the VBox.
How do I add a border to a Flex VBox? My VBox is the renderer of a List. I've tried the following without success (in particular VBox's borderVisible="true" borderStyle="solid" borderColor="0x888888"):
<mx:List id="myList" dataProvider="{myData}"
width="100%" height="100%"
variableRowHeight="true"
[Code].....
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));
My mx:Text's htmlText is the following:
mainText.htmlText = "<img src="breadmaker.png" width="339" height="275" vspace="0" hspace="0" />" + "Lorem Ipsum is simply dummy tex......(more here)"
However, the result looks like the following:ScreenshotAs you can tell, it cuts off the first few characters in the text after the image tag (Lorem Ipsum is sim), but it is only because the image is full width. If I change the img tag to width="200", it shows the text floating to the right.However, as you can tell with a full width image (because the Text component's width is 339), it seems the text is still floating to the right, but it's hidden off to the right side of the image.
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 am trying to get a left hand like panel bar in my application, one much like the OneNote left hand(notebook) panel.
I have been trying to use a VBox with Buttons and setting the rotation on the buttons to 90. The buttons seem to disappear when I do this.
An example of what I am trying to achieve is here:[URL]..
What is the best way to achieve Vertically stacked buttons like this?
I only really need the HBox answer but figure that if we get a good answer in here I'm trying to do a similar thing with a VBox. It would be nice to know this in both actionscript and MXML. So I have an HBox that I want some text aligned from the left and some radios from the right. Like so:
[CODE]...
I am in need of a strange solution. I have one requirement in which I am displaying two components in a VBox. But on click of the main container I need to maximize that and need to display the components in horizontal. I was just wondering whether I can change the VBox to HBox and viceversa dynamically using actionscript or some other way.
View 1 RepliesIn flex, I am using VBox & HBox to stack components. When I try to get x,y coordinate of a component, I always get 0. If I specify cooridnate like mx:VBox x="120", then I get the value.
How can I get the coordinate without explicitly stating it.
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.