TextField on top of background image

How can I put a textField on top of a background image with JSC?

How can I put a textField on top of a background image with JSC?I believe that when you put a background image in JSC... everything else would go on top of the background image. You set the background image by selecting the Background Image property under the Appearance part of the Properties panel. There you can select the image you want to set as background.
On the other hand, if you insert a separate image component instead of the background image... there you may have to tell your textField to go on top of the image. You do this by right-clicking the textField and selecting the Bring To Front option.
Franklin Angulo

Similar Messages

How do I get rid of the thin line that goes across the top Persona background image.

There is a 1-pixel wide light grey line across the top Persona background image between the navigation toolbar and the bookmarks toolbar from left to right. Nomatter whatever persona I have installed, it is there. Same thing also when i hover on any other Persona at Getpersonas.com. It is not there when using any other program and not when only showing the desktop. Only when using FF4. My PC is a HP Pavilion dv6000 laptop using Windows Vista. This is not a monitor issue nor a graphic card issue since it only shows in FF.

for me, it happens on a maximized window. when i do restore to window, the line disappears.

Adding .flv or .swf in dreamweaver on top of background image

Hi,
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.
Thanks

Hi
This sounds as though you are not actually using a background-image but just placing an image on the page. To get any help people will have to see your page and the code, can you provide a link to a live page?
BTW: Your background-image size is way to big for most users monitors, just thought you should know.
PZ

Can Edge Reflow handle type on top of background image within a box?

What I mean is, from code point of view, it's not <img src="">, but <style="background: url()">, then put type on top of the background image. Can Edge Reflow handle that? Really appreciate your help.

This forum is actually about the Cloud, not about using individual programs
Once your program downloads and installs with no errors, you need the program forum
If you start at the Forums Index http://forums.adobe.com/index.jspa
You will be able to select a forum for the specific Adobe product(s) you use
Click the "down arrow" symbol on the right (where it says ALL FORUMS) to open the drop down list and scroll
http://forums.adobe.com/community/edge_reflow_preview

Adding text boxes, etc on top of background image (bitmap)

I have an image (saved as a bitmap that I created in a drawing program) and I want to add it as a background to one of my panels in my swing application. I need to be able to put stuff on top of it, such as text boxes, etc. What is the best way to get this image as the background????

I converted the image to a jpg and tried to then used the code in the thread though my situation is a little different since I want to add the image as a backdrop of a JPanel which is inturn a tab on a JtabbedPane. I use the following code but it doesnt seem to work
ImageIcon icon = new ImageIcon("backdrop.jpg");
JPanel jPanel13 = new JPanel() {
public void paintComponent(Graphics g)
// Approach 2: Scale image to size of component
Dimension d = getSize();
g.drawImage(icon.getImage(), 0, 0, d.width, d.height, null);
setOpaque(false);
super.paintComponent(g);
tabbedPane.add(jPanel13, "System Status");

Gif loader for background image

I simply want to run an animated gif while my background image loads for a slideshow.
I've searched the web and this forum for hours and can't get the various bits of code tips (ajax, jquery) to work because I'm a totaly idiot when it comes to code...i've tried cutting and pasting in many different configurations but can't get anything to work properly.
Can someone help me out to get this to work?
I have this slideshow:
http://www.piquecollaborative.com/fox.html
and want an animated gif to run during load of each page
gif is this:
http://www.piquecollaborative.com/images/loading.gif
here is my code for the page(s)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="Matthew Fox Residence by PIQUE architecture, Peter Jahnke, Eric Meglasson" />
<meta name="keywords" content="pique llc, architecture, emerging architects, young architects, northwest, peter jahnke, eric meglasson, keith ballantyne, collective studio, collected design" />
<title>PIQUE: Fox House</title>
<style type="text/css">
.projectpage {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #333;
body,td,th {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #333;
    font-size: 12px;
body {
    background-image: url(images/fox-01.jpg);
    background-repeat: no-repeat;
#title {
    position:absolute;
    width:350px;
    height:65px;
    z-index:1;
    left: 10px;
    top: 10px;
#apDiv1 {
    position:absolute;
    width:108px;
    height:161px;
    z-index:2;
    top: 3px;
    left: 8px;
#apDiv2 {
    position:absolute;
    width:237px;
    height:160px;
    z-index:3;
    left: 118px;
    top: 3px;
    text-align: right;
#text {
    position:absolute;
    width:351px;
    height:194px;
    z-index:4;
    left: 10px;
    top: 90px;
    background-image: url(images/fox-01.jpg);
#project-text {
    position:absolute;
    width:355px;
    height:300px;
    z-index:5;
    top: 288px;
    text-align: justify;
    left: 13px;
#right-arrow {
    position:absolute;
    width:90px;
    height:330px;
    z-index:6;
    left: 915px;
    top: 270px;
</style>
<script type="text/javascript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
</head>
<body class="projectpage" onload="MM_preloadImages('images/arrow-rt-inv.png')">
<div id="title"><img src="images/fox-title.gif" width="350" height="65" /></div>
<div class="projectpage" id="text">
<div id="apDiv2">Fox House<br />
    central Oregon<br />
    single family residence<br />
    4175 sqft<br />
    2010<br />
    Timberline construction, Elemental engineering </div>
<div id="apDiv1">name:<br />
    location:<br />
    type:<br />
    size:<br />
    year:<br />
    collaborators: </div>
<img src="images/line-dot-small.png" width="361" height="5" /><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<img src="images/line-dot-small.png" width="361" height="5" /> </div>
<div id="project-text">
<p> This home sits on a bluff overlooking rolling sagebrush meadows   in Oregon’s High Desert with views of the Cascade Mountains dominating    the western horizon. The owners, Matthew and Margherita Fox requested   an extremely durable and energy efficient home for their family. The   request for a net zero house necessitated extensive use of photovoltaic   panels, ground source heat-pumps, careful consideration of day   lighting and shading strategies, and a super-insulated structure. </p>
<p>Italian architect and childhood friend Maria Chiara Trevisan   created the original vision for the structure as a gift to the Foxes.    The three masses, originally conceived as parallelepipedo (rectangular   cubes) resting at various angles in the earth, evolved into three   shelled structures clad in stone, a loose reference to the Three   Sisters mountains which dominate the home’s view.</p>
<p>Photos by Nicole Werner, Bob Woodward, Peter Jahnke</p>
</div>
<div id="right-arrow"><a href="fox02.html"><img src="images/arrow-rt.png" alt="" name="Image1" width="48" height="48" border="0" id="Image1" onmouseover="MM_swapImage('Image1','','images/arrow-rt-inv.png',1)" onmouseout="MM_swapImgRestore()" /></a></div>
</body>
</html>
can anyone help me get a leg up on this? Sorry to be such a noob. This is not my trade and i have more respect for you all now than ever before! sorry again,

You might want to reconsider the use of absolutely positioned div's for layout purposes...
it often leads to big difficulties.http://www.apptools.com/examples/pagelayout101.php
Regarding your loading gif, try defining a container for the picture
and position your loading gif as a centered non-repeating background for container
and insert your image in the container.

Spry Horizontal Menu Bar background image IE8 not visible.

I have a slight problem with a horizontal menu bar that I have placed on my site and am hoping someone can help me. It views fine in Firefox, however in IE8 the top menu background image is white instead of the image I specified. Firefox image is below.
Below is IE8 image lacking top menu background:
I am a novice and this is driving me nuts. How can something view fine in Firefox and loose the image in IE explorer? I must have a code incorrect, I know it. Any help is greatly appreciated.
Thank you,

At the bottom of SpryMenuBarHorizontal.css, you will find
@media screen, projection
ul.MenuBarHorizontal li.MenuBarItemIE
display: inline;
f\loat: left;
background-color: #FFF;
Change the background colour to transparent and all is well.

Website logo needs to sit on top of backgropund image with no box

I am trying to create a logo with a transparnt background for my website, so my logo can sit on top of background images. I have created different file, png, gif, eps all with transparent backgrounds but everytime I upload it to my website builder (wix) it has either a grey or white background. Can someone advise on how I would ahcieve the correct file?

Jadelm,
Presuming you are referring to the large grey box, I agree with Gonzalogxg.
If you are referring to what appears to be a white fringe, it should only occur in GIF and only if you have a Matte colour different from the background, but not in PNG and EPS.

How can I stretch a background image in label?

Hi,All
How can I stretch a background image in a label?
public void start(final Stage primaryStage) {
             final Label lbTest = new Label("My Test Label");
             lbTest.setAlignment(Pos.CENTER);
             lbTest.setTextAlignment(TextAlignment.CENTER);
             lbTest.setStyle("-fx-background-color:red;-fx-background-repeat:stretch;-fx-background-position:center top;-fx-background-image:url(\"http://upload.wikimedia.org/wikipedia/commons/thumb/1/1c/BlueMarble-2001-2002.jpg/640px-BlueMarble-2001-2002.jpg\");");
             final HBox hbox = new HBox();
             hbox.setId("MyRootPane");
             Button btnLeft=new Button("Left Button");
             Button btnRight=new Button("Right Button");
             hbox.getChildren().addAll(btnLeft,lbTest,btnRight);
             final StackPane layout = new StackPane();
             layout.getChildren().add(hbox);
             Scene scene = new Scene(layout, 600, 320);
             lbTest.prefWidthProperty().bind(scene.widthProperty());
             lbTest.prefHeightProperty().bind(scene.heightProperty());
             primaryStage.setScene(scene);
             primaryStage.show();
    }this code doesn't work,if I deleted css -fx-background-repeat:stretch;the background image stretched but repeated,I want to let the background image stretched and no-repeated,it can be stretched with the resizing window automatically.

Try -fx-background-size: stretch;

Background image in td

I have a background image in a td tag that worked fine, until
several months ago. The image shows up in Firefox, but does not
show in IE. Any suggestions. the code is
<th width="96" height="274" align="left" valign="top"
background="images/btn_UPCOME.jpg" bgcolor="#898AC0"
scope="row"no-repeat="no-repeat" fixed="fixed">

Your code is horked....
<th width="96" height="274" align="left" valign="top"
background="images/btn_UPCOME.jpg" bgcolor="#898AC0"
scope="row"no-repeat="no-repeat" fixed="fixed">
First, you should be using CSS to specify the background
image. Next, you
are missing a space between '"row"' and 'no-repeat'. Then,
there is no such
attribute as either 'no-repeat' or 'fixed'. Try this -
<th width="96" height="274" align="left" valign="top"
style="background-image:url(images/btn_UPCOME.jpg);
background-color:#898AC0;repeat:no-repeat;background-attachment:fixed;">
But - be aware, IE doesn't play well with fixed background
images on
anything but a body tag. The good news is that it doesn't
make good sense
to have a fixed background image in this table cell.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"shirley11" <[email protected]> wrote in
message
news:ge5lv1$68n$[email protected]..
>I have a background image in a td tag that worked fine,
until several
>months
> ago. The image shows up in Firefox, but does not show in
IE. Any
> suggestions.
> the code is
>
> <th width="96" height="274" align="left" valign="top"
> background="images/btn_UPCOME.jpg" bgcolor="#898AC0"
> scope="row"no-repeat="no-repeat" fixed="fixed">
>

How can I get rid of the dark area on top one third of my iphone screen which spoils my background image?

How can I get rid of the dark area on top one third of my iphone screen which spoils my background image?
It seems this problem is caused by the software to increase the readibility of upper letters (clock battery etc.) It be nice to leave us the control of choosing background letter color too if we are using brighter images or darker images.
I'm using iphone 4s and it appeared after I updated to new patch. 7.1.1.
Thanks,
Cem
I do not know how to move topics from sections of forum so I apologise for duplicate post.
https://discussions.apple.com/message/25594879#25594879

Photo added.

Problem placing buttons on top of a background image

My knowledge of Java isn't the greatest and I am currently having problems placing buttons on top of a background image within a JApplet (this is also my first encounter with Applets).
I'm using a Card Layout in order to display a series of different screens upon request.
The first card is used as a Splash Screen which is displayed for 5 seconds before changing to the Main Menu card.
When the Main Menu card is called the background image is not shown but the button is.
While the Applet is running no errors are shown in the console.
Full source code can be seen below;
import java.awt.*;
import java.awt.event.*;
import javax.swing.*;
import java.net.*;
// First extend JApplet
public class WOT extends JApplet {
     //--------------- Variables are declared here -----------------
     private CardLayout contentCardLayout = new CardLayout(); // declare CardLayout
     private Container contentContain;     // declare content Container
     private JPanel contentCard, splashScreen, mainMenu, menuImage; // declare content Panels
     private JLabel splash, menu, map; // declare image labels
     private ImageIcon mapBtn; // declare ImageIcons
     private JButton mapOption; // declare option Buttons
     private Timer timer; // declare Timer
     private ActionListener actionListener, mapOptionListener; // declare ActionListener
//--------------- Initialise Applet -----------------
public void init() {
     //--------------- Set-up Card Layout -----------------
     contentCard = new JPanel(contentCardLayout); // assign card panels to CardLayout
     //--------------- Splash Screen -----------------
     splashScreen = new JPanel();
     splash = new JLabel(new ImageIcon(getClass().getResource("img/bg.gif")));
     splashScreen.add(splash);
     splashScreen.setSize(600,800);
     splashScreen.setLocation(0,0);
//--------------- "View Map" Option Button -----------------
     mapBtn = new ImageIcon(getClass().getResource("img/map.gif"));
     mapOption = new JButton(mapBtn);
     mapOption.setBorder(null);
     mapOption.setContentAreaFilled(false);
     mapOption.setSize(150,66);
     mapOption.setLocation(150,450);
     mapOption.setOpaque(false);
     mapOption.setVisible(true);
//--------------- Main Menu Screen -----------------
     //menuImage = new JPanel(null);
     //menuImage.add(mainMenu);
     //menuImage.setLocation(0,0);
     mainMenu = new JPanel(null);
     menu = new JLabel(new ImageIcon(getClass().getResource("img/menu.gif")));
     menu.setLocation(0,0);
     mainMenu.add(menu);
     //mainMenu.setBackground(Color.WHITE);
     mainMenu.setLocation(0,0);
     mainMenu.setOpaque(false);
     //mainMenu.setSize(150,66);
     mainMenu.add(mapOption);
     //--------------- Map Image Screen -----------------
     map = new JLabel(new ImageIcon(getClass().getResource("img/map.gif")));
     //--------------- Add Cards to CardLayout Panel -----------------
    contentCard.add(splashScreen, "Splash Screen");
     contentCard.add(mainMenu, "Main Menu");
     contentCard.add(map, "Map Image");
//--------------- Set-up container -----------------
      contentContain = getContentPane(); // set container as content pane
      contentContain.setBackground(Color.WHITE); // set container background colour
       contentContain.setLocation(0,0);
       contentContain.setSize(600,800);
      contentContain.setLayout(new FlowLayout()); // set container layout
       contentContain.add(contentCard); // cards added
       //--------------- Timer Action Listener -----------------
       actionListener = new ActionListener()
                public void actionPerformed(ActionEvent actionEvent)
                         //--------------- Show Main Menu Card -----------------
                         contentCardLayout.show(contentCard, "Main Menu");
     //--------------- Map Option Button Action Listener -----------------
       mapOptionListener = new ActionListener()
                public void actionPerformed(ActionEvent actionEvent)
                         //--------------- Show Main Menu Card -----------------
                         contentCardLayout.show(contentCard, "Map Image");
     //--------------- Timer -----------------
     timer = new Timer(5000, actionListener);
     timer.start();
     timer.setRepeats(false);
}Any help would be much appreciated!
Edited by: bex1984 on May 18, 2008 6:31 AM

1) When posting here, please use fewer comments. The comments that you have don't help folks who know Java read and understand your program and in fact hinder this ability, which makes it less likely that someone will in fact read your code and help you -- something you definitely don't want to have happen! Instead, strive to make your variable and method names as logical and self-commenting as possible, and use comments judiciously and a bit more sparingly.
2) Try to use more methods and even classes to "divide and conquer".
3) To create a panel with a background image that can hold buttons and such, you should create an object that overrides JPanel and has a paintComponent override method within it that draws your image using the graphics object's drawImage(...) method
For instance:
an image jpanel:
import java.awt.Dimension;
import java.awt.Graphics;
import java.awt.image.BufferedImage;
import java.io.File;
import java.io.IOException;
import java.net.URISyntaxException;
import java.net.URL;
import javax.imageio.ImageIO;
import javax.swing.JButton;
import javax.swing.JPanel;
public class BackgroundImage
    // **** this will have to be changed for your program:
    private static final String IMAGE_PATH = "../../m02/a/images/Forest.jpg";
    private BufferedImage myImage = null;
    private JPanel imagePanel = new JPanel()
        @Override
        protected void paintComponent(Graphics g)
        {   // *** here is where I draw my image
            super.paintComponent(g); // **** don't forget this!
            if (myImage != null)
                g.drawImage(myImage, 0, 0, this);
    public BackgroundImage()
        imagePanel.setPreferredSize(new Dimension(600, 450));
        imagePanel.add(new JButton("Foobars Rule!"));
        try
            myImage = createImage(IMAGE_PATH);
        catch (IOException e)
            e.printStackTrace();
        catch (URISyntaxException e)
            e.printStackTrace();
    private BufferedImage createImage(String path) throws IOException,
            URISyntaxException
        URL imageURL = getClass().getResource(path);
        if (imageURL != null)
            return ImageIO.read(new File(imageURL.toURI()));
        else
            return null;
    public JPanel getImagePanel()
        return imagePanel;
}and an applet that uses it:
import java.lang.reflect.InvocationTargetException;
import javax.swing.JApplet;
import javax.swing.SwingUtilities;
public class BackgrndImageApplet extends JApplet
    @Override
    public void init()
        try
            SwingUtilities.invokeAndWait(new Runnable()
                @Override
                public void run()
                    getContentPane().add(new BackgroundImage().getImagePanel());
        catch (InterruptedException e)
            e.printStackTrace();
        catch (InvocationTargetException e)
            e.printStackTrace();
}

Need help flushing background image to top of browser window

OK, this may be a very common problem, I'm just an idiot. In
Dreamweaver I have a background image in a centered div on the
page. Can anyone help me get that div to the absolute top of that
screen? I've already set the body tag to 'margin=0 padding=0' but I
don't know what else to do. Now when I look at it it's fine on my
pc but the mac is the one that displays the space....Help!
-Thanks, Nathan
Website in question:
www.stormsheltersdirect.com

Your site is asking for a user name and password?

Add BackGround image to TextField control

Hi,
i'm using spark list that contains a few TextField controls. how can i add a background image to text field?
i've tried adding it with the htmlText property but i can i combine it with the current htmlText that contains the current text represented in the control?

You can add a background image for the whole page, but not for an individual portlet.
Jerry

How can I put a vertical menu ON TOP OF the background image?

I've taken a screenshot to describe my problem.
http://i48.tinypic.com/10ndeg4.jpg
I want to put the menu on top of the background image. Compare it to placing another image on top of the background image. HOW on earth can I do this?

Did you try putting the image in a <div> and setting the background image for the <div> with CSS. Then within the <div> place your menu.
Just a thought.
LJD

TextField on top of background image

Similar Messages

Maybe you are looking for