How to put background image on whole screen of javaFx app

Hello,
I have a javaFx window,on which u have displayed certain data that is coming from a webservice call.
Now to make it look attractive,i want to put a background image on the screen.
I know the image tag in the content,but it does not cover the whole screen and is not below the data.
How can i do that??
Also, how can i change color of the text. In the Text attribute,we have font,but nothng to change its color...
Please help
Thanks
Anuj

Hi,
I don't know about the background image but the color of Text can be set using the fill property of a Text node.
Text {
content: "Hello World"
font: Font {
size: 100
x: 100
y: 100
fill: Color.RED
stroke: Color.BLACK
strokeWidth: 3
- Alexander

Similar Messages

HOW TO UPLOAD BACKGROUND IMAGES IN SMARTFORMS

HI
HOW TO UPLOAD BACKGROUND IMAGES IN SMARTFORMS

Hi,
goto se78 -> in the menubar click graphic and import to select ur images from ur system .. then click transport button .. it automatically gets into the smartform graphic image list.. then get into transaction smartform and use the image u imported into that..
U can import anykind of image which u have stored in ur pc through se78..
Regards,
Priya.

How to auto rotate Images on Full Screen Slideshow if pictures were taken mixed Portrait and Landsca

In Muse: How to auto rotate Images on Full Screen Slideshow if pictures were taken mixed Portrait and Landscape

There is no way that Muse would automatically rotate the images. What you can instruct Muse to do is whether you want to show all image content and leave blank space in either direction OR scale the image to fill the frame resulting in some cropping, but filling the otherwise blank space.
The options are Fit Content Proportionally and Fill Frame Proportionally respectively.
Cheers,
Vikas

Flex 4 Mdi canvass, how to set background image..?

Hi.,
     Now i try to use mdi canvass background image,how to set background image in mdi canvass in flex 4..
With Regards
LinFlex-

In the past flex 3 version, there is an attribute call <flexlib:MDICanvas backgroundImage="@Embed(source='/imgFolder/imgFile.png')/>
to set it. However it has problem in Flex 4 because of 'halo' and 'spark' theme library changed.
The following is my post that still haven't found the answer.
Dear all,
We have a project that doing migration from flex 3 to flex 4. We use flexlib the latest version of
flexlib - 2.5 - flex4.zip.
However we confronted problems that several of attributes that flex 4 doesn't support:
Constraints are listed as follows:
1) <flexlib:MDICanvas backgroundImage="@Embed(source='/imgFolder/imgFile.png')/>
2) <flexlib:MDICanvas backgroundSize="auto"/>
3) <mx:ApplicationControlBar barColor="#000000">
original error message:
====================================================
Description     Resource    Path    Location    Type
The style 'backgroundImage' is only supported by type 'flexlib.mdi.containers.MDICanvas' with the theme(s) 'halo'.    MainView.mxml     /osss/flex_src/hk/gov/labour/osss/view    line 242    Flex Problem
Description    Resource    Path     Location    Type
The style 'backgroundSize' is only supported by type 'flexlib.mdi.containers.MDICanvas' with the theme(s) 'halo'.     MainView.mxml    /osss/flex_src/hk/gov/labour/osss/view    line 242     Flex Problem
Description     Resource    Path    Location    Type
The style 'barColor' is only supported by type 'mx.containers.ApplicationControlBar' with the theme(s) 'halo'.    MainView.mxml     /osss/flex_src/hk/gov/labour/osss/view    line 227    Flex Problem
Regards,
Man Pak Hong, Dave
manpakhong
[email protected]

How to upload background image in Theme Editor

Hi
I want upload an image to theme
I try by the theme edit i'ts not work
I try by Edit "Right to Left" Theme Images
I don't find the button "Upload"
please Help!!!!
How to upload background image in Theme Editor without to entry to the server
Regards
Yossi

Hi
Thank you for response
I want upload to TransparentContainer Image in background
I change the design to Plain
I Try Upload by the browse in the theme
but The image is not upload
even if i delete the chace serever
i'ts not working

How to change background image in existing template?

Hi
Current website needs overall change in background image which is already set in template. Is there anyone who knows how to change background image in existing templates?

Make a friend with firebug & you could find yourself from where it is getting applied.
For the website you have given the background image it is using is [1] and it is getting set in css of body tag [2]. So Find the css at [3] and modify it OR replace [1] with other image with same file name.
[1]   www.hanwha.com/etc/designs/hanwha/images/bg-body.jpg
[2]
body {
    background: url("images/bg-body.jpg") repeat-x scroll 50% 0 #FFFFFF;
    color: #757373;
    font: 14px/18px Arial,Verdana,Helvetica,sans-serif;
    margin: 0;
    min-width: 979px;
[3]
/etc/designs/hanwha/...../*.css

Any one know how to put an image in a textarea?

Any one know how to put an image in a textarea?

yes, it is post on the forum, did you search?

How I put photos / images at facebook page? The files do not open.

How I put photos / images at facebook page? The files do not open.

The crash happens on setting up the audio hardware. Either you have a broken driver or your preferences is damaged. You can try deleting the MainStage preferences.

How can i display image in RTF template when Oracle Apps running in Windows

Can any body help how can i display image in RTF template when oracle apps running in Windows Server.
Thanks
Ravi

Hi Ravi,
You can add images into your rtf template using MS Word Insert Picture feature.
Did you try this method?
Thanks
Ravi
[email protected]

I don't know how to put an image instead of colours for background

I am usin awt and I want to put an image from my HD as background instead typical colours. How can I do this?

Ah. This one is mine. You can try making a Frame anonymus class and overriding paint(). Do you know how to get your picture?
{=^)

How to put an Image as a background of Portal

Hi All,
I was exploring of possibility of how to include an image as background of portal. I want to see in backdrop ,instead of default portal them ,an image as background.
Thanks
Srikant

Hi Srikant,
This url will help you in creating a new portal theme and assigning them to your application.
https://www.sdn.sap.com/irj/servlet/prt/portal/prtroot/com.sap.km.cm.docs/help/sdn_nw04/saphelp_nw04/helpdata/en/1a/d7c1617dd29e4d85064b467636fada/content.htm
Best Regards,
Nibu.
(Please close your queries if you get your problem solved).

How to get background image to fill the browser and remain fixed in both IE and Firefox?

Basically what it says in the title. I've come very close in achieving this but something just doesn't tie up in the html and css code...
First of all, I'm using IE8 and the latest version of Firefox to test this.
I used 2 sources of information for getting this done: 1) http://css-tricks.com/perfect-full-page-background-image/ and 2) http://stackoverflow.com/questions/8958697/css3-background-size-cover-doesnt-make-image-co ver-vertically
In Case 1 the example on the page called CSS-Only Technique #1 gives code that works almost perfectly for me, except that obviously I need a background image, however the CSS provided there is clearly just for an image dropped in the body of a page with no regard for other content that may already be there. The html code that I put on the page is simply <img class="bg" src="../images/background_image.jpg">
Obviously I used the CSS code provided in the example, minus the last bit which is "@media screen" etc etc, which seems irrelevant to me. Obviously substituting values to suit the image on my page.
So what happened is that it almost worked as intended in both the browsers (which means the image filled both browsers width-wise as intended and also remained fixed when I zoomed in or out in each case) except that the image went over the top of the current content that I had there already precisely because it's not a background in this "technique". (A curious side-note is that the image didn't push down the content, as I'd have expected in normal circumstances, but went right over the top of it so it hid it (like z-index).
One thing that does bother me about this "technique" is that if you click on View Demo just below the code provided you will see on the working example page (forest background) the image clearly works as a background and the content sits happily on top! So I don't know whether the person providing the example was trying to mislead people or what! Or he got lazy and showed a different page that didn't use the exact code he provided. No matter.
In any case this leaves me with the job only half finished, as I still need a background image that works like the 'normal image' code provided.
On to Case 2 and on this page the first example provided gives the CSS for the background image - namely the code within html {...} part and also shows the same 'normal image' code as given in Case 1. In this case however, although the person provided a suggestion, the css and html doesn't really tie up properly plus some of the css and html seems a bit redundant. So this time when I used the 'html portion' of the CSS code (i.e. just the bit that was most relevant) I got two different behaviours in each browser and neither of which was quite what I'm looking for. In IE8 initially the page looks fine (background fills the page and content is on top) however when I zoom in or out the background also zooms in or out accordingly so is NOT fixed. In Firefox the background image DOES stay fixed, however because the image originally is not the whole height of the browser I'm guessing the code stretches it downwards (while keeping proportions - so the image essentially enlarges) to fill all of it. The quick way to get around it is to probably add some white space to the bottom of the image just to give it enough height that it doesn't stretch/resize automatically. But it would be nice to find out anyway how to get around this in the code. Overall I would say that the result in Firefox comes closest to the desired solution but of course it doesn't help matters with IE8.
Apologies for the lengthy description but that should at least provide plenty info for anybody that might have a possible solution for me. Essentially what would be great is if somebody could advise me how to take the code from Case 1 and apply it to a 'background' piece of coding like the type that's contained within html {...} in Case 2. Like I said, it's so nearly there but I just can't make it work atm after trying to combine the various bits of code this way and that... Alternatively, if somebody has another html-css version that works nicely for achieving this then please by all means let me know! Thanks v much in advance!

This works in modern CSS3 supporting browsers. But not pre-IE9.
http://alt-web.com/TEST/Resizable-BG.shtml
Nancy O.

How to change background images in s:application

hello!
i want to make a webside by flex4 as this web http://www.templatemonster.com/flash-cms-templates/29930.html
But i don't know how to make change background images by click and make sound when load page.
Can u help me ,please. sorry i write E not well.
Thanks so much
BUI THI PHUONG THANH- FROM VIETNAM

Hi,
please create a sink for your application inside that put your image.And apply that skin to your application on any click.
Below is the code.
Main Application
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/halo" xmlns:mx1="library://ns.adobe.com/flex/mx">
    <fx:Script>
        <![CDATA[
            protected function btn_click(evt:MouseEvent):void {
                this.setStyle("skinClass", MySkinClass);
        ]]>
    </fx:Script>
    <s:Button label="Change BackGroundImage" click="btn_click(event);"/>
</s:Application>
MySkinClass
<?xml version="1.0" encoding="utf-8"?>
<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009"
        xmlns:s="library://ns.adobe.com/flex/spark"
        xmlns:mx="library://ns.adobe.com/flex/mx">
    
    <fx:Metadata>
        [HostComponent("spark.components.supportClasses.SkinnableComponent")]
    </fx:Metadata>
    <s:states>
        <s:State name="normal" />
        <s:State name="disabled" />
    </s:states>
    <s:BitmapImage source="@Embed('image1.jpg')" smooth="true" left="0" right="0" top="0" bottom="0" />
</s:Skin>
with Regards,
Shardul Singh Bartwal

Gallery Demo... how to toggle background-image on playLabel

Anyone? I'd like something besides the play/pause text --
basically, using a background-image... how can I tap into whatever
it is that toggles the text to get it to toggle the css instead?
Any help appreciated, thanks!

quote:
Originally posted by:
n2dreaming
Anyone? I'd like something besides the play/pause text --
basically, using a background-image... how can I tap into whatever
it is that toggles the text to get it to toggle the css instead?
here's a solution that seems to work for me:
1) look in the gallery.js file and find the StartSlideShow()
function
2) Find the two instances of playLabel.firstChild.data=
3) put a single space in there instead of play and pause
4) create your graphics for previous, next, play and pause
5) add IDs to your links in the #transport
<li><a> (#nextLabel, #prevLabel, #playLabel)
6) set up css rules to use your next, prev and pause graphics
as background-images, using this format:
#transport a#nextLabel:link, #transport a#nextLabel:visited {
background-image: url(sharedimages/next.gif);
background-repeat: no-repeat;
background-position: center center;
7) set up a :focus rule for a#playLabel:focus, (and :active
for IE) to use the play background-image:
#transport a#playLabel:focus, #transport a#playLabel:active {
background-image: url(sharedimages/play.gif);
background-repeat: no-repeat;
background-position: center center;

How to add background image for AdvancedDataGrid in Flash Builder 4

I want to add a background image for the whole AdvancedDataGrid and
Application. Can anyone tell me how to do that?
Thank you.

you can use css to customize skin of af:document. something similar to this
af|document
background-image: url("../../img/Bluehills.jpg");
body {
background: url("/img/body_bg.gif") repeat-x #E0E0E0;
}if you are using Jdev release 2 then you can simply do this from Skin editor check this link for more info http://download.oracle.com/docs/cd/E18941_01/tutorials/jdtut_11r2_83/jdtut_11r2_83.html
Edited by: Zeeshan BaiG on Jul 12, 2011 10:33 AM

How to put background image on whole screen of javaFx app

Similar Messages

Maybe you are looking for