[SOLVED] How to center the splash background image

Hi,
My question is about the Frank Nimphius code example:
http://www.oracle.com/technology/products/jdev/tips/fnimphius/custom_splash_screen/index.html
It's really a great-easy-usefull article ;)
It works very well, but I can't center the imatge of splash (not the progress bar, just splash image). I try with text-align, position, etc. css properties, without luck.
Can anybody help me, please?
JVN

Hi Simon,
Using firebug I can solve the problem. I change the value of 'top' and 'left' attributes of 'af|document::splash-screen-content' and now it appears centered :)
Thanks!
JVN
P.S: using a css class, like 'af|document.globalDocument::splash-screen' and then in jspx page: '<af:document styleClass="globalDocument">', it doesn't work.

Similar Messages

  • How do I keep the body background-image centered?

    I have a body background-image that does not fill up the
    entire window on the tops and bottoms of most monitors (it
    strectches to the left and right just fine) and so I would like to
    have it centered vertically with equal amounts of the
    background-color #ECE5C8.
    I assumed using background-position: 50% 50% would do the
    trick and it does until switching to full screen mode and all the
    content jumps upwards and messes up the whole site layout (IE
    only-in friefox, the background-image still doesn't center) so
    instead I have the background-position set to: 50% 0%.
    Thanks a million to anyone who can help me get it centered, I
    know there has to be an easy fix but I sure can't figure it out!
    The site can be found here:
    http://www.lightspacewebdesign.com/sacredsolas

    There would be only two ways to make this layout 'work'.
    1. Just make everything on that page a graphic. Then there is
    no
    possibility that resizing the text in the browser will blow
    the layout.
    This is a very bad idea for obvious reasons.
    2. Have the text containing 'graphical box' built in pieces
    so that as the
    text expands, it can cause the box to expand as well. The
    easiest way to do
    this is with a top a middle and a bottom image of the box,
    using each as the
    background image of three stacked containers. Place the text
    in the middle
    container and as it expands, it will tile the middle
    background image
    vertically to give the impression of the box expanding. This
    approach
    doesn't lend itself to your background image, since there is
    no way to tile
    the background image to fill the newly created space.
    Beyond that, I think you are a dead duck. The problem is not
    that this is
    what you were given to work with - it's that you didn't
    understand how
    unusable the design was when you accepted it. I think your
    best option now
    is to go back to the designer and explain to them how this
    lovely layout
    only works well in print, and not on the web. Show them how
    it fails.
    Solicit suggestions from them for how to make it work in a
    medium where
    there is no way to control the size of the text.
    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
    ==================
    "afriendofcheese" <[email protected]> wrote
    in message
    news:[email protected]...
    > By "a rigid layout scheme that cannot allow flexibility"
    I assume you mean
    > that
    > everything shouldn't be bound inside the position of the
    background-image,
    > but
    > this is what the designer and client gave me to work
    with.and so I have to
    > make
    > due.
    >
    > With that in mind, I hope someone out there can help me
    out with this!
    >

  • How do I change the blurred background image on the Select User Screen

    I have changed the desktop image on all of my users, as well as the screen savers.  However, when I logout of one user and the screen where you select another user comes up, there is an image on the background of this particular screen that I cannot figure out how to change.
    This is crucial because I do not want to see my crazy, abusive ex-wife every time I select a different user...even if it is a blurred image.
    This blurred out image does not appear anywhere else on any of the different user accounts as a background/desktop image.
    How do I change this background image?
    Please help.

    This seems to be a bug that goes away w/ 10.10.1
    Yosemite login screen possible bug
    "if I put my Mac in sleep mode, when I wake up it, the password request screen uses the default Yosemite wallpaper in blurred mode instead of the wallpaper I have chosen for my desktop."
    or maybe not:
    "And it still happens after the 10.10.1 update."
    This seems to work.
    "The only way I was able to fix this problem was to go Mission Control and close all extra desktops I was using except Desktop 1 (which you cannot delete if it is the last one). After deleting the extra desktops besides Desktop 1, I went into preferences and set my wallpaper. Once I complete both of these steps I returned to the login screen. The wallpaper I used for Desktop 1 was now my background for the login screen. Hope this helps."

  • 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;

  • How to I add a background image in an Encore slidehsow?

    How do I add a background image in an Encore slidehsow? Currently the slideshow has a black background and I would love to be able to change that to an image.

    You can always fire up Premiere (or Photoshop) and create images with whatever background you choose.........

  • How will I put a background Image in a JPanel?

    Can you help me on how will I put a background image in a JPanel?
    And also in a JDeskTopPane?

    Hint:
    Search the forum using two keywords in your subject. This question had been asked many times.

  • How can I do a Background image like this (example inside)

    Check this out:
    Click Here
    Notice if you view the background image by itself, its much bigger than what is appearing on the website in the browser.  Is it set to automatically adjust to your monitor size?  How can I achieve this through CSS?
    Also, how can I setup a transparent background (like in the middle of the page?)
    Thanks

    "Is it set to automatically adjust to your monitor size?  How can I achieve this through CSS?"
    It's an illusion.  The body background image is defined with a fixed position, so the image is actually floating off to the left when viewport width is decreased.  Another example of this can be seen here along with the CSS code used to create it.
    http://alt-web.com/DEMOS/fixed-background.shtml. 
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics |  Print | Media Specialists
    www.alt-web.com/
    HTML Validator -  http://validator.w3.org
    CSS Validator - http://jigsaw.w3.org/css-validator/
    Tutorials - http://w3schools.com/

  • How to change the default BC image that shows in the address bar?

    Does anyone know how to change the default BC image that shows in the address bar? I want to swap it out so the client logo shows next to their URL.
    Thank you!

    Hi,
    If you are trying to change the favicon for your site,
    You can do it from Site Manager-> Page template -> Default Template
    Look for the code   <link type="image/x-icon" href="/Path for your image" rel="icon" />, and Click save.
    Now where you will use this template, it will display your favicon for that webpage instead of BC favicon. You can define it on Page directly if you are not going to use template.
    Please let me know if you have any doubt.

  • How to change the color background in Pages for iPad?

    how to change the color background in Pages for iPad?

    You can find many themes at https://github.com/hdoria/xcode-themes  There's a download zip button on the right side of the page.
    Unzip and and copy the .dvtcolortheme files into /Users/YourUsername/Library/Developer/XCode/UserData/FontAndColorThemes Create the directory if it doesn't exist.
    If you can't find the Library directory you can get to it by using Finder's "Go to Folder..." option under "Go" or press shift + cmd + G then type the path.

  • How to center the text displayed in a JList

    Hi,
    The width of the JList display area is wider than the text displayed. I tried to center the text displayed to make it look nicer. I had tried using "setAlignmentX(Component.CENTER_ALIGNMENT)" in my own ListCellRenderer class but did not work. Any idea how to center the text?
    Fai.

    Yes, I am using JLabels in my renderer and the following is the code:
    public class MyCellRenderer extends JLabel implements ListCellRenderer {
         private static final Color HIGHLIGHT_COLOR = new Color(0, 0, 128);
         public MyCellRenderer() {
              setOpaque(true);
              setIconTextGap(12);
         public Component getListCellRendererComponent(
              JList list,
              Object value,
              int index,
              boolean isSelected,
              boolean cellHasFocus)
              String entry = (String)value;
              setText(entry);
              setFont(new Font("Ariel", Font.BOLD, 18));
              setAlignmentX(Component.CENTER_ALIGNMENT);
              if(isSelected) {
                   setBackground(HIGHLIGHT_COLOR);
                   setForeground(Color.white);
              } else {
                   setBackground(Color.white);
                   setForeground(Color.black);
              return this;
    Can you point out where to implement the centering logic?
    Thanks,
    Fai.

  • Is there an ARD command or Unix command that I can send to reset the desktop background image to default?

    I was forced to create a local user with an automatic login on all of the machines in the building. I listed off many various issues that could come arise by doing this but was tuned out. Now people are changing all of the desktop backgrounds to some pretty inappropriate images. I forewarned the person ordering this that this may be one of the many issues that would arise when doing away with our server based logins, and now I am charged with fixing every desktop every time someone changes it to something inappropriate.
    Is that an Apple Remote Desktop command or a Unix command that I can send through ARD v3.5.3 to the machines to reset the desktop background image to the default Aqua Blue jpeg image located in the /MacintoshHD/Library/Desktop\ Pictures/Aqua\ Blue.jpg.
    The machines that I am dealing with have OS X 10.4.11, OS X 10.5.8, OS X 10.6.8, and OS X 10.7.4 installed on them, but the OS X 10.4.11 machines are the ones that are creating the biggest issue so I would like to deal with those first.

    Ya, I'd love to have the computers connected to the Xserver, unfortunately against my heeding, I was ordered to take them off of the Xserver, so they only have a local account that automatically logs in on startup, and even though I have Parental Controls set, I can not stop them from going to Safari, selecting an inappropriate image and setting it as the background, so now I’ve been ordered to fix all of the backgrounds that people are messing with.
    My Xserver is running OS X 10.4.11 Server Edition. Yes, I would love a new server, but that’s not happening due to budget cuts.
    So what I am hoping for is a command that I can put into Apple Remote Desktop v3.5.3 and push out to all of the computers via its Unix commands and reset all the desktops to their default image.

  • How to change the selection background color of the selected item in the popup menu of the choice box ?

    How to change the selection background color of the selected item in the popup menu of the choice box ?
    By defaut, the selection background color likes "blue", but if I want it to be "yellow" for example, how should I do ?
    Thanks

    The id is applied by (I think) the skin class of the ChoiceBox. You don't need to define it.
    You have to apply the css in an external style sheet. You can apply the external style sheet to any parent of your choice box, or to the scene (the most usual way to do it).
    Example:
    import java.util.ArrayList;
    import java.util.List;
    import javafx.application.Application;
    import javafx.scene.Scene;
    import javafx.scene.control.ChoiceBox;
    import javafx.scene.layout.VBox;
    import javafx.stage.Stage;
    public class ChoiceBoxTest extends Application {
      @Override
      public void start(Stage primaryStage) throws Exception {
        primaryStage.setTitle("Example 2");
        final ChoiceBox<String> choiceBox = new ChoiceBox<>();
        List<String> tempResult = new ArrayList<String>();
        for (int i = 0; i < 10; i++) {
          tempResult.add("Item " + i);
        choiceBox.getItems().setAll(tempResult);
        VBox root = new VBox();
        root.getChildren().add(choiceBox);
        final Scene scene = new Scene(root, 300, 250);
        scene.getStylesheets().add("choiceBox.css");
        primaryStage.setScene(scene);
        primaryStage.show();   
      public static void main(String[] args) {
        launch(args);
    choiceBox.css:
    @CHARSET "UTF-8";
    #choice-box-menu-item:focused  {
    -fx-background-color: yellow ;
    #choice-box-menu-item .label {
    -fx-text-fill: black ;
    Message was edited by: James_D

  • How to center the content in crystal report viewer?

    open crystal report viewer in winform, default at the left top
    after maxmium the winform window, content become at the center
    another odd thing is that i set window winform size 1208*1024 and crystal report view is fill
    then tried, content is not center any more
    How to center the content in crystal report viewer in code?
    Edited by: Mathew_666 on Oct 6, 2011 5:20 AM

    Since there is no control for center you'll need to do the math on your own. This is just a rough draft, but you'll get the idea.
    One of the things you'll need to figure out is your buffer to help you give a centered feel. We'll say that value is 50 in this case.
    Height
    int buffer = 50;
    int formHeight = 1000; // we'll assume a height of 1000 in this case
    int crystalTop = buffer;
    int crystalViewerHeight = formHeight - (buffer * 2); // buffer is at the top and bottom
    Width
    int formWidth = 1000; // we'll assume a width of 1000 in this case
    int crystalLeft = buffer;
    int crystalViewerWidth = formWidth - (buffer * 2); // buffer is at the top and bottom

  • How to Paint the Presenter desktop images in participant application?

    Hi everybody,
    I have one doubt
    how to paint the Presenter desktop image in the participant
    application?
    In the breeze doing great work
    Please tell me how its possible
    Thanks and regards
    Flashgroups

    Hi John:
    If I understand your question correctly, this is something
    you can do
    in a Breeze meeting. Within the meeting, you would need to
    open a
    share pod and choose to share your screen. Once your screen
    is being
    shared, you can click on the right hand corner menu and
    choose
    "Whiteboard overlay". Then presenters, hosts, and
    participants with
    enhanced share pod priveleges will be able to "paint on top
    of" the
    desktop image (whatever application you're sharing).
    Hope this helps!
    Jeff Von Ward
    Manager, Breeze Product Support
    Adobe Systems, Inc.
    On Thu, 22 Jun 2006 09:36:40 +0000 (UTC), "johnentry"
    <[email protected]> wrote:
    >Hi everybody,
    > I have one doubt
    > how to paint the Presenter desktop image in the
    participant application?
    > In the breeze doing great work
    > Please tell me how its possible
    > Thanks and regards
    > Flashgroups

  • Set the custom background images to default?

    Is there any way to set the custom background image to default instead of manually changing the background image in the phone?

    This was actually discussed some time ago. Please see this link.
    http://www.voipintegration.com/software.html
    See discussion here:
    http://forums.cisco.com/eforum/servlet/NetProf?page=netprof&forum=Unified%20Communications%20and%20Video&topic=IP%20Telephony&CommCmd=MB%3Fcmd%3Dpass_through%26location%3Doutline%40^1%40%40.1ddd4505

Maybe you are looking for

  • Adding a listner

    I have a problem with an error that says my class should be abstract: public class KenshinGame2 extends Frame implements WindowListener { public KenshinGame2 () {      addWindowListener (this); setTitle ("Game: Level 1");      setLocation (frmLoc, 14

  • Thunderbolt to TV issues

    I have a macbook pro mid 2011 and Im having trouble with the thunderbolt to hdmi connection. I have a Lg tv and when connecting the hdmi the tv screen flickers and I lose audio for about 3 seconds. This happens about every 10 seconds. I assumed it wa

  • Need efficient queries to retrieve reports inside a folder

    Case 1: To retrieve reports in a particular folder - I am currently using 2 queries - a) retrieving parentid given a folder name b) retrieving all reports given the above parent id. Can I combine these into 1 query ? Case 2: I also need to retrieve a

  • Is there an about:config command I can create for Firefox Mobile to remove the list of "Top sites?"

    So it would seem that there is no add-on or feature to wipe or hide the "Top sites" list from Firefox mobile. If there is no built in method of removing this information, could I make an entry in the about:config of the mobile platform to remove this

  • Maximum number of dhcp reservations

    I am using an airport extreme (3rd gen, latest firmware). I added 26 DHCP reservations. Now I want to add some more. Problem is: The ´+´ button is gray, only the ´-´ button is black. using the EDIT button changes an existing entry and overwrites it.