Background images for differnet resolutions

Hello

Is there a way to define a single resource (background image) via styles or any other approach that will have definition for all taken screen resolutions supported (BB10 has 3 resolutions defined with portrait/landscape modes = 5 bitmaps)?

So, I can use this asset without success all the stuff in a code trying to find what the resolution is now and where - and then only - get a correct picture of the assets.

There are a lot of messages in this forum, but none seems to describe exactly the same problem.

Thank you

If you talk to a background image for the application, you have to manage yourself. If you are talking about the splash screen, then you would list each boot image in the XML file.

You can resize the image to fit the scene, then you might have a rectangular and square and then resized image depending on the scene according to the needs. If you don't want to resize, then you need an image for each resolution device and a naming convention, you could load dynamically depending on the size of the stage (bg_720_720.jpg, etc.).

CSS may be able to help, since you can load different CSS at startup, but this would require still allows you to define a CSS for each change that you want to support. CSS will be more important when BB10 is available on the PlayBook, since the density of the screen is very different.

Does that help?

Tags: BlackBerry Developers

Similar Questions

  • How can I use a JPEG file as a background image for my vi to 8.5

    Im working on a vi that I intend to help as part of an alarm system.  I would use a JPEG file of my house as a background image for the vi, or possibly to just display in a window on the control panel.  I've seen people use their own images before, but never looked at what it was.

    Im trying to use the 'read JPEG' file vi and the flattened pixmap 'draw' vi to achieve this.  The vi works, but nothing shows up on the front panel.  If I try to create a "new image" flag out of the flattened pixmap 'draw' vi, I get a blank white window on the front panel.

    Any advice?

    Thank you

    The image could be there just not to come to the right place in the image control. What is the control relative to the image? Must be a JPEG file or can you just copy as a bitmap to the Clipboard and paste it on the front panel? Can you put a photo and the unworking VI?

  • Cascades: How to set the background image for the menu drop down and etc...

    Hello

    Is there an easy way to set the background image for the menu drop down and etc, current support only black as a background?

    Thank you

    Tom.

    Welcome to the forums!

    This is currently not supported unfortunately.

    I encourage you to save a feature for this request:

    https://www.BlackBerry.com/JIRA/secure/dashboard.jspa

    See you soon!

    Martin

  • set a background image for a text box or label?

    Hey gang,

    I would like to put a background image for a text box or label.

    is there a way to do this?

    also if I put the bottom level of the container root and do the rest orders slightly transparent (opacity: 0.8 or something), the background appear through?

    Thank you

    J

    for your text box, define backgroundVisible: false & and/or upgrade the opacity to the low enough that you can see through it and place your background image behind the text box. (I belive opacity changes will affect the text as well).

    for labels, I used the method of the container as you described.

  • How can I change the background image for the lock screen?

    Hi, I just bought a new laptop and I got Windows 7 installed in the store, and I would like to change the background image for the lock screen.  When I went to activate my account, I found out that it has already been activated, but I can't find the settings-> settings more PC in the lower corner on the right.  Thank you!

    Lock screen?

    Are you referring to the login screen?

    Or wallpaper?

    Right-click on your desktop and select Personalize.

    Office link is at the bottom left and use a win-7 theme.

  • Is it possible to pin a background image for (android) Tablet, that it doesn't matter what I do

    Is it possible to pin a background image for (android) Tablet, that it doesn't matter what I do

    Hello

    I believe you are trying to locate the image in the layout of tablet or phone.

    Due to lack of support on some browsers and Smartphones, pinning is disabled in Muse for Tablet and smartphone layouts.

    You can see this feature in future versions of Adobe Muse.

    You can use the scroll effect to achieve this as a solution.

    Select your items you want "pinned" and open your scrolling check Motion Control Panel the check box for the movement and the value of all the values to zero.

    Here is the screenshot for help.

    Concerning

    Vivek

  • Background image for a scene in JavaFX2.0

    Hi all

    I am new to JavaFX2.0 and need to know how to set a background image for a scene.

    Thanks in advance.

    Hello
    Here is an simple example:

    bgTest.CSS

    .root {
        -fx-background-image: url("mybg.jpg");
    }
    

    BackgroundImage.java

    package playground;
    
    import javafx.application.Application;
    import javafx.scene.Scene;
    import javafx.scene.control.Button;
    import javafx.scene.layout.StackPane;
    
    import javafx.stage.Stage;
    
    public class BackgroundImage extends Application {
    
        StackPane root;
        Scene scene;
        Button button;
    
        public static void main(String[] args) {
            launch(BackgroundImage.class, args);
        }
    
        @Override
        public void start(Stage stage) throws Exception {
            stage.setTitle("Custom Background Test");
            button = new Button("test");
    
            root = new StackPane();
            root.getStyleClass().add("root");
            root.getChildren().addAll(button);
    
            scene = new Scene(root, 600, 600);
            scene.getStylesheets().add(BackgroundImage.class.getResource("bgtest.css").toExternalForm());
            stage.setScene(scene);
            stage.centerOnScreen();
            stage.setVisible(true);
        }
    }
    
  • Background image for ApplicationControlBar

    Hello
    Forgive my English and his accent, it's a little urgent.
    I need to set a background image for an applicationContolBar with css and css only (an external style sheet file)
    I tried several ways but no use... is this possible?
    Help, please...

    sharat87

    Well Yes, it may... but in any case, I guess I just find a solution to my problem... I'm posting here in the hope that it could help someone :D
    instead use background-image or backgroundImage properties, use:
    borderSkin: Embed (source = "bg.png");

    Bingo!

  • How to make the background image for a site

    Hello.

    First of all, thank you for reading this.

    I intend using a gradient image as background on a new site of black on the sides gradiating to blue in the Middle I created in Photoshop. The site is designed for 1024 (955) and upward. How the background image would handle so that no matter what the resolution above 1024, the visitor sees the gradient correctly, which means that Blue will be always exactly in the center of the page and the image not horizontal mosaic? (I don't want to repeat from left to right when the resolution someone is really high)

    I saw a couple of sites that use strong images that seem to stretch the background image according to the resolution, but were not able to understand the CSS code. In my case, I have a single image that has say 5 pixels high, how wide I need for the (reasonable) maximum resolution, and let repeat from top to bottom.

    Thank you.

    MFitz721

    To do what you ask would require CSS3.  This is because that the CSS3 added support for multiple background images.  What you would do, is to set a gradient to the left and the other to the right with a background color that arise in a vacuum.    Basically use you the abbreviation of "substance" and separate the different environments with a comma ","  See this example ( http://www.css3.info/preview/multiple-backgrounds/ ).  I think it's possible the long way as well (for example: position of background, background image, etc.), but you would need to write the values and who is 1 and 2 in order when you do this.

  • background fixed for all resolutions

    Hello

    I want to put a fixed background on my homepage under bg image in DW page properties. No problem so far, but what size do the image so that it fills the screen at 800 x 600 or 1600 x 1200? I know the tables must be paid to the size in percentage but how to see the whole picture, regardless of the screen resolution?

    Thank you very much

    t

    They do this with photo images. Other images, they create their
    Tile seamlessly through, or down, or both. For example, my
    Web site ( http://www.great-web-sights.com) uses a gradient of small images that
    tiles on the entire page (but not to the bottom of the page), and so it will fill any width
    display window.

    Is that what you mean?

    --
    Murray - ICQ 71997575
    Adobe Community Expert
    (If you * MUST * write me, don't don't LAUGH when you do!)
    ==================
    http://www.dreamweavermx-templates.com - template Triage!
    http://www.projectseven.com/go - DW FAQs, tutorials & resources
    http://www.dwfaq.com - DW FAQs, tutorials & resources
    http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
    ==================

    "wct08" wrote in message
    News:en3k0q$1Go$1@forums. Macromedia.com...
    > Ok then how web site designers to design and put in a background image so that it
    > fills the width and the length of the screen no matter what screen size or
    > resolution site is consulted on?

  • With regard to setting background image for all blackberry screens

    Hello friends,

    I'm new to blackberry... Now I do same app for all blackberry devices...  I put a screen background image which has a size 360 * 480 pixels... But when I run this application in different simulators (i.e.) such as the 9000 and 9550 simulators it hold properly 9550 but doesn't fit in 9000...  Can u send me coding to avoid this problem.

    Thank you

    Lachkar

    You must manipulate programmatically.

    In my view, use different images according to the dimensions of the scren.

    Check the size of the screen of the device, and then set your BG image according to this.

  • Background image for the Drawing Application

    Hi all

    I'm trying to understand the following: how to add a background image to my drawing application. I have a drawing application that is based on the example of gesture application.

    What is done currently is:

    case GESTURE_SWIPE: {
                gesture_swipe_t* tap = (gesture_swipe_t*)gesture;
    
                int bg[] = { SCREEN_BLIT_DESTINATION_X, swipe->coords.x,
                SCREEN_BLIT_DESTINATION_Y, swipe->coords.y,
                SCREEN_BLIT_DESTINATION_WIDTH, 10,
                SCREEN_BLIT_DESTINATION_HEIGHT, 10,    SCREEN_BLIT_COLOR, 0xffffff00, SCREEN_BLIT_END };
                screen_fill(screen_ctx, screen_buf[0], bg);
                screen_post_window(screen_win, screen_buf[0], 1, rect, 0);
    
                fprintf(stderr,"Tap x:%d y:%d",swipe->coords.x,swipe->coords.y);
                break;
            }
    

    Whenever a movement is recognized, I simply 'draw' a box in this area. Given that the gesture is wide, many boxes are then created after another, therefore, create a line.

    My question is, since I am that based on the example of application of gesture, where only one screen is used (I intend to leave it as a screen), why my "design" does not appear on the background image already in place?

    The sample application gesture used this function to load the image:

    int
    load_image(screen_window_t screen_win, const char *path)
    {
        img_decode_callouts_t callouts;
        img_lib_t ilib = NULL;
        img_t img;
        int rc;
    
        rc = img_lib_attach(&ilib);
        if (rc != IMG_ERR_OK) {
            return -1;
        }
    
        memset(&img, 0, sizeof(img));
        img.flags |= IMG_FORMAT;
        img.format = IMG_FMT_PKLE_XRGB8888;
    
        memset(&callouts, 0, sizeof(callouts));
        callouts.setup_f = decode_setup;
        callouts.abort_f = decode_abort;
        callouts.data = (uintptr_t)screen_win;
    
        rc = img_load_file(ilib, path, &callouts, &img);
        img_lib_detach(ilib);
    
        return rc == IMG_ERR_OK ? 0 : -1;
    }
    

    Where decode_setup and decode_abort are:

    static int decode_setup(uintptr_t data, img_t *img, unsigned flags)
    {
        screen_window_t screen_win = (screen_window_t)data;
        screen_buffer_t screen_buf;
        int size[2];
    
        size[0] = img->w;
        size[1] = img->h;
        screen_set_window_property_iv(screen_win, SCREEN_PROPERTY_BUFFER_SIZE, size);
        screen_create_window_buffers(screen_win, 1);
    
        screen_get_window_property_pv(screen_win, SCREEN_PROPERTY_RENDER_BUFFERS, (void **)&screen_buf);
        screen_get_buffer_property_pv(screen_buf, SCREEN_PROPERTY_POINTER, (void **)&img->access.direct.data);
        screen_get_buffer_property_iv(screen_buf, SCREEN_PROPERTY_STRIDE, (int *)&img->access.direct.stride);
    
        img->flags |= IMG_DIRECT;
        return IMG_ERR_OK;
    }
    
    static void decode_abort(uintptr_t data, img_t *img)
    {
        screen_window_t screen_win = (screen_window_t)data;
        screen_destroy_window_buffers(screen_win);
    }
    

    To the help of my function above (from case Gesture_Swipe), should not "boxes appear on the background image because it replaces the buffer by the loading of the image? What I see is the location of the image and the x and y as messages form the debugging process.

    Previously, that used to work, is another loading image, I would create a fill of WHITE screen by hand (like a whiteboard for example). It's used to work. However, with fiasca image I don't see anything. Can someone help me with what I do?

    Thank you

    A27med

    Apparently, all I did was fill the screen with a WHITE background and then load the image in the main. This solved the problem for me

  • Background image for the ObjectListField

    Hey all:

    I am trying to use a background image on a custom ObjectListField. The image is for each line, and in the method of substitution of drawListRow, I had graphics.drawBitmap (...). However, only the first line in the area is drawn, and him still ignored the code. So I was wondering if there is a way to make the background of the line drawn for each line. Why graphics.drawBitmap in drawListRow affects only the first line?

    Any help is appreciated, thanks in advance!

    Looking at the signature of drawListRow:

    drawListRow (ListField listField, graphics card graphics, int index, int y, int width)

    I suspect that you do not use this setting are in your call drawBitmap.  If you use this call:

    drawBitmap(int x, int y, int width, int height, Bitmap bitmap, int left, int top)

    Make sure you spend the fourth parameter (is) of drawListRow as the second parameter (y) drawBitmap.

  • How can I change the background image for a single tab on the navigation bar

    I create a film site for LEVEL and for the navigation bar, I intend to have a different character for each tab. However, I can't put one image of each separate tab. Instead, a single image appears on each of the tabs. Here is an example of the CSS source.

    < td width = "200" > < ul id = "navigation" > < br / >

    "< li > < a href ="... / pages/index.html "> home < /a > < /li > < br / >"

    "< li > < a href ="... / pages/cast.html "> Cast < /a > < /li > < br / >"

    "< li > < a href ="... / pages/pictures.html "> photos < /a > < /li > < br / >"

    "< li > < a href ="... / pages/soundtrack.html "> music < /a > < /li > < br / >"

    "< li > < a href ="... / pages/interview.html "> Interviews < /a > < /li > < br / >"

    "< li > < a href ="... / pages/links.html "> links < /a > < /li > < br / >"

    < /ul >

    < table >

    #navigation {}

    list-style-type: none;

    padding: 0px;

    margin: 0px;

    }

    #navigation li {}

    margin: 0px;

    padding: 0px;

    list-style-type: no

    }

    #navigation li a: link, #navigation li a: visited {}

    display: block;

    Width: 200px;

    height: 100px;

    text-decoration: none;

    text-align: center;

    line-height: 100px;

    do-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

    make-weight: bold;

    -webkit-transition: 1000ms relieve;

    -moz-transition: 1000ms relieve;

    -ms-transition: 1000ms relieve;

    -o - transition: 1000ms relieve;

    transition: 1000ms relieve;

    color: #648AAE;

    background-repeat: no-repeat;

    background-image: url (.. / Images/gifs/Batman-still-2.gif);

    background-position: center bottom;

    text-transform: uppercase;

    letter-spacing: 0.79em;

    border-radius: 5px;

    }

    #navigation li a: focus, #navigation li a: hover, #navigation li a: active {}

    Color: #000000;

    background-image: url (.. / Images/gifs/Batman-animation-2.gif);

    background-repeat: no-repeat;

    background-position: center bottom;

    background-color: #454545;

    border-radius: 25px;

    }

    So, how can I put one image on each of the tabs (home, cast, photos, etc.). Thanks in advance for your help.

    Assign a class to the element, and use CSS to apply an image as in

  • class = 'home'; > Home

  • Cast

  • Photos

  • Music

  • Interviews

  • Links

  • and the CSS

    #navigation li a: link. Home, #navigation li a: visited. Home {}

    background-image: url (.. / Images/gifs/Batman-still-2.gif);

    }

  • Background image for symbols

    Hello

    I wonder if it is possible to have a background in Mosaic for individual symbols.

    Similar to setting up for the scene or organization:

    $('body').css ('background-image',

    "url (media/bg.jpg)', 'background-repeat ',.

    'repeat')

    But for a symbol.

    I have treid it, nothing helps:

    sym.getSymbol("backdrop").css ('background-image',

    "url (media/bg.jpg)', 'background-repeat ',.

    'repeat')

    Thanks in advance for your time and your help.

    -JM

    This code works with my file:

    ({(sym.getSymbol("backdrop").$("Rectangle").css({"background-image":"url('images/smiley.gif') ', 'background-repeat': 'repeat'});

    Editing your symbol and look at the name of your square.

Maybe you are looking for

  • Now that I have installed Firefox in my Windows 8, how do I start?

    I have a new HP laptop running Windows 8. I downloaded the Firefox installer Stub, but Firefox does not start. I was hoping to find Firefox in my list of programs to set as default, but he wasn't there. My laptop is a 32-bit. Help!

  • Channel of the DAQ (SMU-4498) task order

    I have an SMU-4498 for which I generate an acquisiiton task programmatically. When the task is created channel order is not necessarily in ascending order of channel number. My question is if the DAQ card will return the data in the order in which I

  • DeskJet 2540: Cannot print from my devices mobile apple

    You just bought a deskjet 2540 yesterday to print wireless from my laptop and apple iphone 6 + and an air of ipad.  Setting up went well and I can print wireless from laptop but when I search for the printer on my apple devices, it happens with the m

  • ProBook 4431: Please help me

    ProBook 4431 s Wifi cannt detect after you try all the driver wifi Please help me what should I do? almost 3 days, I try to install this driver Wifi on 4431 probook but the ACITN still system turn on Wifi on the Device Manager have 3 yellow flag Base

  • Windows Update guard same installation updates on update install Win7

    Hello I've recently updated my Windows Vista to Windows 7 RC running on my DELL XPS M1530 laptop. My current version of McAfee would not work if I installed the free beta version of Panda Antivirus on it. The problem with my laptop is that whenever I