How to set a background image in javafx?

Hi everyone,
I draw FXML GUI,it includes labels and ProgressBar,load it in JavaFX, this is a snippet.
root = FXMLLoader.load(getClass().getResource("StartMenuFXML.fxml"));
label1=(Label)root.lookup("#label");
label2=(Label)root.lookup("#label");
progressBar = (ProgressBar)root.lookup("#ProgressBar");
scene=new Scene(root,600,400);
stage.setTitle("Start Progress");
Progress p = new Progress();
p.start();
stage.setScene(scene);
stage.show();
I need to add a background picture in it, so I add the statements:
GridPane pane = new GridPane();
pane.setTitle("-fx-background-image: url('image1.jpg')");
and change: scene =new Scene(pane,600,400);
It can display the background picture, but I don't know how to display the labels and ProgressBar on the background picture.
Give me a good resolution please!
Thank you so much!

James_D，
Your answer is the exact solution, you are a real expert.
Thank you very very much!!!

Similar Messages

How to set a background image to fill the entire screen on any device in a spark mobile application

Hi,
I started developing a mobile application with Flex.
I'm trying to set a background image to fill the whole screen. I've been stucked at this point for days now. I tried everything and no solution seems to work for me.
I'm using a TabbedViewNavigatorApplication and i need to set some background images on views.
I need my image to fill the entire screen on any device. i don't need to mantain image aspect ratio, just need it to be fullscreen. This seemed to work when setting a custom skin on the TabbedViewNavigatorApplication, however this blocked all my views for some reason and all components contained in view became invisible.
Can you please tell me how can i achieve this?
Kind regards,
Dan

Basically you need a larger image which can accommodate any device. The trick is to show only what each device can display, so therefore some clipping will occur based on device. Have something centered and towards margins have a gradient or just plane colors that way the stuff in the middle will be visible on every device while nobody will care if you are clipping from the color fill.
C

How to set a background image in Web dynpro for Java?

Hi,
Experts,
As i want to set a background image in my application can u please suggest how to get background image. send any sample scenarios.
Thanks in advance,
Shabeer ahmed

Hi,
I don't think it can be done in WDJ.
Maybe something can be done on the portal end.
Refer to http://help.sap.com/saphelp_nw70/helpdata/en/79/affe402a5ff223e10000000a155106/frameset.htm
Changing the theme can help maybe but I do not know how to go about that
Regards,
Himanshu

How to set a   background for jFrame?

Hai.i have a code for background image.i.e
* TextOver.java
* Created on June 23, 2008, 1:53 PM
* To change this template, choose Tools | Template Manager
* and open the template in the editor.
import java.awt.Dimension;
import java.awt.Graphics;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.net.MalformedURLException;
import java.net.URL;
import javax.imageio.ImageIO;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.JScrollPane;
import javax.swing.JTextArea;
public class TextOver
private static final String IMAGE_PATH =
"http://upload.wikimedia.org/wikipedia/commons/b/b5/HMS_Cardiff_%28D108%29_1.jpg";
private BufferedImage image;
private JTextArea textarea = new JTextArea(20, 40);
private JPanel mainPanel = new JPanel()
@Override
protected void paintComponent(Graphics g)
super.paintComponent(g);
if (image != null)
g.drawImage(image, 0, 0, this);
public TextOver()
URL imageUrl;
try
imageUrl = new URL(IMAGE_PATH);
image = ImageIO.read(imageUrl);
Dimension imageSize = new Dimension(image.getWidth(), image.getHeight());
mainPanel.setPreferredSize(imageSize);
JScrollPane scrollpane = new JScrollPane(textarea);
textarea.setOpaque(false);
scrollpane.setOpaque(false);
scrollpane.getViewport().setOpaque(false);
mainPanel.add(scrollpane);
catch (MalformedURLException e)
e.printStackTrace();
catch (IOException e)
e.printStackTrace();
public JPanel getPanel()
return mainPanel;
private static void createAndShowGUI()
admin_login_code a=new admin_login_code();
a.setVisible(false);
JFrame frame = new JFrame("TextAreaOverImage Application");
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
frame.getContentPane().add(new TextOver().getPanel());
frame.pack();
frame.setLocationRelativeTo(null);
frame.setVisible(false);
public static void main(String[] args)
javax.swing.SwingUtilities.invokeLater(new Runnable()
public void run()
createAndShowGUI();
i want to give this backgground to my existing jFrame something like
import java.sql.*;
import java.io.*;
import javax.swing.*;
import java.awt.*;
import java.awt.event.*;
public class admin_login_code extends javax.swing.JFrame {
String admin_name;
String password;
Connection con;
Statement stmt;
ResultSet rs;
public admin_login_code() {
initComponents();
jPasswordField1.addKeyListener(new KeyAdapter() {
public void keyTyped(KeyEvent e) {
char c = e.getKeyChar();
if (!(Character.isDigit(c) ||
(c == KeyEvent.VK_BACK_SPACE) ||
(c == KeyEvent.VK_DELETE))) {
getToolkit().beep();
e.consume();
jFormattedTextField1.addKeyListener(new KeyAdapter() {
public void keyTyped(KeyEvent e) {
char c = e.getKeyChar();
if (!(Character.isLetter(c) ||
(c == KeyEvent.VK_BACK_SPACE) ||
(c == KeyEvent.VK_DELETE))) {
getToolkit().beep();
e.consume();
// <editor-fold defaultstate="collapsed" desc=" Generated Code ">
private void initComponents() {
jLabel1 = new javax.swing.JLabel();
jPanel1 = new javax.swing.JPanel();
jLabel2 = new javax.swing.JLabel();
jFormattedTextField1 = new javax.swing.JFormattedTextField();
jLabel4 = new javax.swing.JLabel();
jPasswordField1 = new javax.swing.JPasswordField();
jPanel2 = new javax.swing.JPanel();
jButton1 = new javax.swing.JButton();
jButton3 = new javax.swing.JButton();
setDefaultCloseOperation(javax.swing.WindowConstants.EXIT_ON_CLOSE);
jLabel1.setFont(new java.awt.Font("Tahoma", 1, 36));
jLabel1.setForeground(new java.awt.Color(255, 0, 0));
jLabel1.setText("ADMIN LOGIN");
jLabel2.setFont(new java.awt.Font("Tahoma", 1, 24));
jLabel2.setText("Admin Name");
jFormattedTextField1.addActionListener(new java.awt.event.ActionListener() {
public void actionPerformed(java.awt.event.ActionEvent evt) {
jFormattedTextField1ActionPerformed(evt);
jLabel4.setFont(new java.awt.Font("Tahoma", 1, 24));
jLabel4.setText("Password");
jPasswordField1.addActionListener(new java.awt.event.ActionListener() {
public void actionPerformed(java.awt.event.ActionEvent evt) {
jPasswordField1ActionPerformed(evt);
org.jdesktop.layout.GroupLayout jPanel1Layout = new org.jdesktop.layout.GroupLayout(jPanel1);
jPanel1.setLayout(jPanel1Layout);
jPanel1Layout.setHorizontalGroup(
jPanel1Layout.createParallelGroup(org.jdesktop.layout.GroupLayout.LEADING)
.add(jPanel1Layout.createSequentialGroup()
.add(39, 39, 39)
.add(jPanel1Layout.createParallelGroup(org.jdesktop.layout.GroupLayout.LEADING)
.add(jLabel4)
.add(jLabel2, org.jdesktop.layout.GroupLayout.PREFERRED_SIZE, 161, org.jdesktop.layout.GroupLayout.PREFERRED_SIZE))
.add(43, 43, 43)
.add(jPanel1Layout.createParallelGroup(org.jdesktop.layout.GroupLayout.LEADING)
.add(jPasswordField1, org.jdesktop.layout.GroupLayout.DEFAULT_SIZE, 190, Short.MAX_VALUE)
.add(jFormattedTextField1, org.jdesktop.layout.GroupLayout.DEFAULT_SIZE, 190, Short.MAX_VALUE))
.addContainerGap())
jPanel1Layout.setVerticalGroup(
jPanel1Layout.createParallelGroup(org.jdesktop.layout.GroupLayout.LEADING)
.add(jPanel1Layout.createSequentialGroup()
.add(47, 47, 47)
.add(jPanel1Layout.createParallelGroup(org.jdesktop.layout.GroupLayout.BASELINE)
.add(jLabel2, org.jdesktop.layout.GroupLayout.PREFERRED_SIZE, 34, org.jdesktop.layout.GroupLayout.PREFERRED_SIZE)
.add(jFormattedTextField1, org.jdesktop.layout.GroupLayout.PREFERRED_SIZE, org.jdesktop.layout.GroupLayout.DEFAULT_SIZE, org.jdesktop.layout.GroupLayout.PREFERRED_SIZE))
.add(60, 60, 60)
.add(jPanel1Layout.createParallelGroup(org.jdesktop.layout.GroupLayout.LEADING)
.add(jLabel4)
.add(jPasswordField1, org.jdesktop.layout.GroupLayout.PREFERRED_SIZE, org.jdesktop.layout.GroupLayout.DEFAULT_SIZE, org.jdesktop.layout.GroupLayout.PREFERRED_SIZE))
.addContainerGap(org.jdesktop.layout.GroupLayout.DEFAULT_SIZE, Short.MAX_VALUE))
jButton1.setText("Login");
jButton1.addActionListener(new java.awt.event.ActionListener() {
public void actionPerformed(java.awt.event.ActionEvent evt) {
jButton1ActionPerformed(evt);
jButton3.setText("Exit");
jButton3.addActionListener(new java.awt.event.ActionListener() {
public void actionPerformed(java.awt.event.ActionEvent evt) {
jButton3ActionPerformed(evt);
org.jdesktop.layout.GroupLayout jPanel2Layout = new org.jdesktop.layout.GroupLayout(jPanel2);
jPanel2.setLayout(jPanel2Layout);
jPanel2Layout.setHorizontalGroup(
jPanel2Layout.createParallelGroup(org.jdesktop.layout.GroupLayout.LEADING)
.add(org.jdesktop.layout.GroupLayout.TRAILING, jPanel2Layout.createSequentialGroup()
.add(38, 38, 38)
.add(jButton1, org.jdesktop.layout.GroupLayout.PREFERRED_SIZE, 93, org.jdesktop.layout.GroupLayout.PREFERRED_SIZE)
.addPreferredGap(org.jdesktop.layout.LayoutStyle.RELATED, 110, Short.MAX_VALUE)
.add(jButton3, org.jdesktop.layout.GroupLayout.PREFERRED_SIZE, 93, org.jdesktop.layout.GroupLayout.PREFERRED_SIZE)
.add(55, 55, 55))
jPanel2Layout.setVerticalGroup(
jPanel2Layout.createParallelGroup(org.jdesktop.layout.GroupLayout.LEADING)
.add(jPanel2Layout.createSequentialGroup()
.add(38, 38, 38)
.add(jPanel2Layout.createParallelGroup(org.jdesktop.layout.GroupLayout.BASELINE)
.add(jButton3, org.jdesktop.layout.GroupLayout.PREFERRED_SIZE, 32, org.jdesktop.layout.GroupLayout.PREFERRED_SIZE)
.add(jButton1, org.jdesktop.layout.GroupLayout.PREFERRED_SIZE, 32, org.jdesktop.layout.GroupLayout.PREFERRED_SIZE))
.addContainerGap(30, Short.MAX_VALUE))
org.jdesktop.layout.GroupLayout layout = new org.jdesktop.layout.GroupLayout(getContentPane());
getContentPane().setLayout(layout);
layout.setHorizontalGroup(
layout.createParallelGroup(org.jdesktop.layout.GroupLayout.LEADING)
.add(layout.createSequentialGroup()
.add(layout.createParallelGroup(org.jdesktop.layout.GroupLayout.LEADING)
.add(layout.createSequentialGroup()
.add(574, 574, 574)
.add(jLabel1))
.add(layout.createSequentialGroup()
.add(459, 459, 459)
.add(layout.createParallelGroup(org.jdesktop.layout.GroupLayout.TRAILING)
.add(jPanel1, org.jdesktop.layout.GroupLayout.PREFERRED_SIZE, org.jdesktop.layout.GroupLayout.DEFAULT_SIZE, org.jdesktop.layout.GroupLayout.PREFERRED_SIZE)
.add(jPanel2, org.jdesktop.layout.GroupLayout.PREFERRED_SIZE, org.jdesktop.layout.GroupLayout.DEFAULT_SIZE, org.jdesktop.layout.GroupLayout.PREFERRED_SIZE))))
.addContainerGap(521, Short.MAX_VALUE))
layout.setVerticalGroup(
layout.createParallelGroup(org.jdesktop.layout.GroupLayout.LEADING)
.add(layout.createSequentialGroup()
.add(149, 149, 149)
.add(jLabel1, org.jdesktop.layout.GroupLayout.PREFERRED_SIZE, 66, org.jdesktop.layout.GroupLayout.PREFERRED_SIZE)
.add(43, 43, 43)
.add(jPanel1, org.jdesktop.layout.GroupLayout.PREFERRED_SIZE, org.jdesktop.layout.GroupLayout.DEFAULT_SIZE, org.jdesktop.layout.GroupLayout.PREFERRED_SIZE)
.add(42, 42, 42)
.add(jPanel2, org.jdesktop.layout.GroupLayout.PREFERRED_SIZE, org.jdesktop.layout.GroupLayout.DEFAULT_SIZE, org.jdesktop.layout.GroupLayout.PREFERRED_SIZE)
.addContainerGap(250, Short.MAX_VALUE))
pack();
}// </editor-fold>
private void jPasswordField1ActionPerformed(java.awt.event.ActionEvent evt) {
private void jFormattedTextField1ActionPerformed(java.awt.event.ActionEvent evt) {
private void jButton3ActionPerformed(java.awt.event.ActionEvent evt) {
Object src=evt.getSource();
if(src==jButton3)
dispose();
private void jButton1ActionPerformed(java.awt.event.ActionEvent evt) {
Object src=evt.getSource();
if(src==jButton1)
admin_name=jFormattedTextField1.getText();
password=jPasswordField1.getText();
try
Class.forName("oracle.jdbc.driver.OracleDriver");
con=DriverManager.getConnection("jdbc:oracle:thin:@localhost:1521:orcle","scott","root");
stmt=con.createStatement();
rs=stmt.executeQuery("select admin_name,password from admin_registration where admin_name='chandana' and password='8989' ");
while(rs.next())
if(admin_name.equals(rs.getString(1))&&password.equals(rs.getString(2)))
admin_registration a=new admin_registration();
a.setVisible(true);
dispose();
else
JOptionPane.showMessageDialog(null,"Please enter admin name & password ");
catch(ClassNotFoundException e)
e.printStackTrace();
catch(SQLException e)
e.printStackTrace();
public static void main(String args[]) {
java.awt.EventQueue.invokeLater(new Runnable() {
public void run() {
admin_login_code a=new admin_login_code();
a.setVisible(true);
// Variables declaration - do not modify
private javax.swing.JButton jButton1;
private javax.swing.JButton jButton3;
private javax.swing.JFormattedTextField jFormattedTextField1;
private javax.swing.JLabel jLabel1;
private javax.swing.JLabel jLabel2;
private javax.swing.JLabel jLabel4;
private javax.swing.JPanel jPanel1;
private javax.swing.JPanel jPanel2;
private javax.swing.JPasswordField jPasswordField1;
// End of variables declaration
Can any one can help me how to set a background for jFrame?
Thank you in advance.
Edited by: forums.com on Jul 14, 2008 1:40 AM

90% of the code you posted is not relevant to your question.
If you want further help post a Short, Self Contained, Compilable and Executable, Example Program (SSCCE) that demonstrates the problem.
And don't forget to use code tags when posting code.

How can put a background image in a simple_text?

hi,
i've alredy builded a page with tabs on it. in one of these tabs-sites i puted
a simple_text. now my question: how can i put a background image in that
simple_text?
i already tried to put it in the HTML code but it doesn't work.
i'm able to insert images to a area as a simple_image so my pathes are working.
thanks for help

You cannot set the background image for a simple text directly. But you can
1. create a style, and define the Background image for this style
2. edit the region which the simple text item is on, set the region style to be the one you created on (1)

How to repeat a background image to cover the height of the page?

Hi
I have a page with an image alinged to the top in a table and
I have a pattern in the background of the cell in the same table
I need that background of the cell to repeat it self along
the height of the page, so when someone views the page at a higher
resolution, the background image will repeat it self to cover the
extra space.
I've tried setting the height of the table to percentage, but
the table doesn't cover the height of the page.
I could also make the table really long so when viewed at
higher resolution there wont be any blank space at the bottom, but
this makes an unnecessary and long scroll when viewed at lower
resolution.
Someone told me to use css but i have now idea how to
implement that.

make sure you have set your page margins to 0 if you don't
want the default
margin top left. Cut and paste the following into the head of
your document
just before the closing </head> tag.
then if you want to repeat a background image in a cell, you
need to create
a rule to do this:
.cellback {
/*this repeats the image across the page horizontally*/
/* if you want to repeat down the page, then change to
repeat-y */
background: url(pics/whatever.gif) repeat-x;
you can combine this background image rule with the other
margin setting so
you have:
<style type="text/css">

</style>
You then apply to the class to your cell
<td clas="cellback">
Examples here:
http://www.dreamweaverresources.com/tutorials/pagebackgrounds/cellbackground.htm
this shows how to use a background image for your entire
page:
http://www.dreamweaverresources.com/tutorials/pagebackgrounds/examplehor.htm
Nadia
Adobe� Community Expert : Dreamweaver
http://www.csstemplates.com.au
- CSS Templates | Free Templates
http://www.perrelink.com.au
- Web Dev
http://www.DreamweaverResources.com
- Dropdown Menu Templates|Tutorials
http://www.adobe.com/devnet/dreamweaver/css.html
> I have a page with an image alinged to the top in a
table and I have a
> pattern
> in the background of the cell in the same table
> I need that background of the cell to repeat it self
along the height of
> the
> page, so when someone views the page at a higher
resolution, the
> background
> image will repeat it self to cover the extra space.

Set body background image in reflow

Hi, I've been lookoing up and down to find where I can set a background image for a page in reflow. Cant find it anywhere. If I manually edit the html or css in the files edge generates to add a background image, of course it works, but next time I reopen the project in reflow, my changes get deleted, and I am back where I was before.
So, where in reflow can I set the background image?
thanks and best regards,
c

Something like this? Background Pictures Edge Reflow

How to put the background image in Title Window?

Hi,
I'm newbie in flex. I 'm using Flex 4.
Can anyone give me some guidelines on how to put the background image in Title Window?
Is it possible to do this?
Thanks.

Hi,
Check the below sample 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"
               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
    <fx:Declarations>
        
    </fx:Declarations>
    <fx:Style>
        @namespace s "library://ns.adobe.com/flex/spark";
        @namespace mx "library://ns.adobe.com/flex/mx";
        s|BorderContainer {
            background-image:Embed(source="image/wheres_the_green_rez.jpg");
            background-image-fill-mode:clip;
    </fx:Style>
    <s:TitleWindow width="100%" height="100%">
        <s:BorderContainer width="100%" height="100%"/>
    </s:TitleWindow>
</s:Application>
Regards,
Anitha

How 2 set the background color in j2me

Can any body tell me how to set the background color to midlet.??

if you are using Screen then you can call its setBackColor()
or if you are using Canvas then you can call
g.setColor(r,g,b);
g.fillRect(0,0,getWidth,getHieght);
where g is the Graphics instance of Canvas,for further information consult documentation

Setting a background image using CSS Designer

I am trying to set a background image for a page header using the CSS Designer. When I click the browse button the Select Image Source dialog box launches but any time I click on something the dialog box closes and no changes are made. Does anyone know what is causing this?

Which DW are you using and which platform/OS, please? I am unable to reproduce this with CC2014 on OS10.9.4

I would like to know how to stretch a background image using HTML

Hello Seniors of Sun,
I gota small doubt in HTML, can any one please help me in solving it,
I would like to know how to stretch a background image using HTML? I have tried and tried to figure this out and cannot..
so any one kindly help me in this...
waiting for reply...

Please note that this is not an HTML forum.
You can use an image tag on a DIV positioned behind the rest of the page, so that could actually work. And if you want to use body:background, then look up an HTML/CSS reference and see if there are any other body attributes or CSS stuff that applies to the background image.

Setting a background image on JApplet

Hi all,
I am new to swing programming. i have to develop a web enabled pgm. for the gui i need to set a background image. i saw some postings in this forum but they didn't satify my requirement. my main class extends from JApplet & it uses a borderLayout. in this i'm putting 2 panels. i need to set the background of the WEST region an image. i used
getLayeredPane().add(label, new Integer(-1))
to add the background image. but when i added the panel to the container then the panel is not getting displayed. i added like
Container c = getContentPane().
c.setLayout(new BorderLayout());
c.add(panel,BorderLayout.NORTH);
here label is a JLabel, panel is a JPanel.
Can somebody help me with a solution. what i should be doing to get everything displayed.
Thanks in advance

check this post : http://forum.java.sun.com/thread.jsp?forum=57&thread=316074

Does ne1 now the html code to set a background image=non repeat, center for dreamweaver or where to find it?

Im trying to set up an about me page like that of myspace.com
i know that in myspace you can set the background image center non
repeat can this be done as will with dreamweaver?

Hello,
Yes, it can be done using CSS.
You can place this in your code, right before </head>.
Just substitute your image for mypicture.jpg.
<style type="text/css">

</style>
-OR-
You can also do this using DW's dialog boxes (like a wizard).
If you have DW8 or CS3...or MX2004 if memory serves, you can
right click on
your page in design view.
Select CSS Styles > New
A CSS Rule dialog box opens.
Select tag, then in the tag box, type body.
You can select whether you want to add the CSS to this page
(like the code
above) or to a stylesheet linked to this page. If you are
going to use CSS
on multiple pages, it's a good idea to use a stylesheet. Then
you can make
changes in one place that affects all the pages linked to
that stylesheet.
When you click OK, a new box will open where you can define
your CSS.
Select "background" from the sidebar, and the fill in areas
are pretty self
explanatory.
I hope that helps.
Take care,
Tim
"Jimtheman2000" <[email protected]> wrote in
message
news:fo84t1$je9$[email protected]..
> Im trying to set up an about me page like that of
myspace.com i know that
> in myspace you can set the background image center non
repeat can this be
> done as will with dreamweaver?

Why is there a scroll bar though I set the background image to "scale to page size"?"

Why is there a scroll bar though I set the background image to "scale to page size"?"

The current build of iTunes may occasionally draw the scroll bar off the edge of the screen. It should be possible to resize the window to reveal the scroll bar.
You can restore much of the look & feel of the previous version with these shortcuts:
Ctrl-B to turn on the menu bar.
Ctrl-S to turn on the sidebar.
Ctrl-/ to turn on the status bar.
Click the magnifying glass top right and untick Search Entire Library to restore the previous search behaviour.
You can also open the menu bar temporarily by pressing Alt.
tt2

How do I remove background images from a PDF? Using Adobe Acrobat 6.0 Standard.

I have a file I need to print off, but the document is 100 pages lond and each page as a very obnoxious background image that makes it difficult to read the content, and I really don't want to waste the ink.
I have tried a few things with no luck:
-Tried replacing document background color in the 'Accessibility' tab in preferences.
-Tried unchecking the 'Display large images' field in the 'Page Display' tab in preference - this leaves a dark gray background that I can't get rid of, which is almost as bad as the original image.
-Tried several combinations under the 'Color Management' tab in preference to lessen the gray background achieved from the previous step. I can only brighten the shade slighty, but there is still a fair amount of gray background.
I just want a white background, or a clear background, and I have not seen any article or help topic on how to accomplish this. Please help!
Mike

You might want to see if you can select the background with the object touchup tool. If so, can you then just delete the selected object. May take a while to go through the document, but if it solves the problem you are ahead. You may be able to select it with JavaScript and repeat the process. My point of using the object touchup tool is that it may not be a background set by Acrobat, but something that is simply labeled as an image from the Acrobat viewpoint.

How to set a background image in javafx?

Similar Messages

Maybe you are looking for