How to set the background image in the window title?

Hello

I am a beginner in flex. I use Flex 4.

Can someone give me some advice on how to set the background image in the title window?

Is it possible to do?

Thank you.

Hello

Check the code in the example below


http://ns.Adobe.com/MXML/2009.
xmlns:s = "library://ns.adobe.com/flex/spark".
xmlns:MX = "library://ns.adobe.com/flex/mx" minWidth = "955" = "600" minHeight >
   
       
   

   
@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;
}


   
       
   

Kind regards

Anitha

Tags: Flex

Similar Questions

  • How to set a background image

    HY guys, I'm trying to set a background image on a Blackberry screen. I used this code, but the image dousen can't cover the full screen. Can someone me say what the problem is, or give me an example of how's done it? package mypackage;

    SerializableAttribute public class BackgroundImage extends UiApplication
    {
    Imagearriereplan private bitmap;
    fieldBitmap private bitmap;
        
    Public Shared Sub main (String [] args)
    {
    BackgroundImage PAP = new BackgroundImage();
    theApp.enterEventDispatcher ();
    }
        
    public BackgroundImage()
    {
    The background image.
    Imagearriereplan = Bitmap.getBitmapResource ("loginBackground.png");
            
    Display display = new MainScreen();
            
    HorizontalFieldManager horizontalFieldManager = HorizontalFieldManager(HorizontalFieldManager.USE_ALL_WIDTH | nouveau HorizontalFieldManager.USE_ALL_HEIGHT) {}
                
    Override the paint method to draw the background image.
    public void paint (Graphics graphics)
    {
    Draw the background image, then paint.
    graphics.drawBitmap (0, 0, 240, 240, Imagearriereplan, 0, 0);
    Super.Paint (Graphics);
    }
                
    };
            
    The LabelField will be visible through the transparent image.
    LabelField labelField is new LabelField ("is a label");.
            
    A bitmap with a transparent image field.
    The background image will be visible through the transparent BitMapField image.
    BitmapField bitmapField = new BitmapField (Bitmap.getBitmapResource ("field.png"));

    Add the handler to the screen.
    mainScreen.add (horizontalFieldManager);
            
    Add the fields to the Manager.
    horizontalFieldManager.add (labelField);
    horizontalFieldManager.add (bitmapField);
            
    Tap on the screen.
    pushScreen (mainScreen);
    }
    }

    Thanks in advance

    You can scale the image with EncodedImage, but it is usually best to use an image with a sufficient size

  • How to set a background image re-scalable depending on the screen resolution of viewers

    Hello

    I searched the net for ages looking for a way to make a background image on the scale according to the size of a monitor of viewers.

    I found a solution:

    Source code

    < body >

    "< img src ="... /... ' / Images/Connor/background_bg.png ' class = 'bg' >

    < / body >

    CSS (style)

    {img.BG}

    / * Define the rules to fill the background * /.

    min-height: 100%;

    min-width: 1024px;

    / * Set up a proportional scaling * /.

    Width: 100%;

    height: auto;

    / * Set up positioning * /.

    position: fixed;

    top: 0;

    left: 0;

    }

    @media screen and (max-width: 1024px) {}

    {img.BG}

    left: 50%;

    left margin:-512px. }

    }

    Now, this has the desired effect, however when I place a div below "< img src ="... /... "' / Images/Connor/background_bg.png ' class = 'bg' > ' in the body of my site, it pushes this div below my bottom.

    I got the code from " " http://CSS-tricks.com/perfect-full-page-background-image/ "and it does not seem to do this in this example. "

    I pasted my complete code below, if someone could have a look and advise where I'm wrong that would be greatly appreciated.

    Thanks and greetings

    Elliot

    Source code

    < ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "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 = text/html"; charset = utf-8 "/ >"

    < title > Untitled Document < /title >

    < link href = "style.css" rel = "stylesheet" type = "text/css" / > "

    < script type = "text/javascript" >

    function MM_swapImgRestore() //v3.0 {}

    var i, x = offline. MM_sr; for (i = 0; a & & I <.) Length & & (x = a [i]) & & x.oSrc; i ++) x.src = x.oSrc;

    }

    function MM_preloadImages() {//v3.0

    var d = document; If (d.images) {if(!d.MM_p) d.MM_p = new Array();

    var i, j is d.MM_p.length, a = MM_preloadImages.arguments; for (i = 0; i <.) Length; i ++)

    If (a [i].indexOf("#")! = 0) {d.MM_p [j] = new Image; d.MM_p [j ++] .src = a [i] ;}}

    }

    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]) & & copyrights) 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 >

    < onload of the body = MM_preloadImages('..) « /.. / Images/Connor/nav_bar/home_ro.png ','... /... / Av_bar/about_me_ro.png images/Connor/n ','... /... / Images/Connor/nav_bar/c.v_ro.png ','... /... / Bar/portfolio_ro.png images/Connor/nav_ ','... /... (/ Images/Connor/nav_bar/contact_me_ro.png') ">"

    "< img src ="... /... ' / Images/Connor/background_bg.png ' class = 'bg' >

    < div id = "web_centre_wrap" >

    < div id = 'menu_bar' > < table width = "960" border = "0" cellspacing = "0" cellpadding = "0" >

    < b >

    "< td width ="105"height ="68"> < img src ="... /... "/ Images/Connor/nav_bar/nav_bar_left.png" width = "105" height = "68" / > < table >

    "< td width ="147"height ="68"> < a href =" # "MM_swapImgRestore" onmouseover = "MM_swapImage ('Image3 '", '... /..) " (/ Images/Connor/nav_bar/home_ro.png',1) "> < img src ="... /... "/ Images/Connor/nav_bar/home.png" name = "3" width = "147" height = "68" border = "0" id = "3" / > < /a > < table >

    "< td width ="147"height ="68"> < a href =" # "MM_swapImgRestore" onmouseover = "MM_swapImage ('Image4 '", '... /..) " (/ Images/Connor/nav_bar/about_me_ro.png',1) "> < img src ="... /... "/ Images/Connor/nav_bar/about_me.png" name = "Image.4" width = "147" height = "68" border = "0" id = "Image.4" / > < /a > < table >

    "< td width ="148"height ="68"> < a href =" # "MM_swapImgRestore" onmouseover = "MM_swapImage (' picture5 '", '... /..) " (/ Images/Connor/nav_bar/c.v_ro.png',1) "> < img src ="... /... "/ Images/Connor/nav_bar/c.v.png" name = "Picture5" width = "148" height = "68" border = "0" id = "Picture5" / > < /a > < table >

    "< td width ="147"height ="68"> < a href =" # "MM_swapImgRestore" onmouseover = "MM_swapImage ('Image6 '", '... /..) " (/ Images/Connor/nav_bar/portfolio_ro.png',1) "> < img src ="... /... "/ Images/Connor/nav_bar/portfolio.png" name = "Image6" width = "147" height = "68" border = "0" id = "Image6" / > < /a > < table >

    "< td width ="148"height ="68"> < a href =" # "MM_swapImgRestore" onmouseover = "MM_swapImage ('Image7 '", '..) " /.. (/ Images/Connor/nav_bar/contact_me_ro.png',1) "> < img src ="... /... "/ Images/Connor/nav_bar/contact_me.png" name = "Image7" width = "148" height = "68" border = "0" id = "Image7" / > < /a > < table >

    "< td width ="118"height ="68"> < img src ="... /... "/ Images/Connor/nav_bar/nav_bar_right.png" width = "118" height = "68" / > < table >

    < /tr >

    < /table >

    < / div >

    < div id = "header" > < / div >

    < div id = "content" > < / div >

    < div id = "footer" > < / div >

    < / div >

    < / body >

    < / html >

    CSS (style)

    @charset "utf-8";

    / * CSS document * /.

    {img.BG}

    min-height: 100%;

    min-width: 1024px;

    Width: 100%;

    height: auto;

    position: fixed;

    top: 0;

    left: 0 ;}

    @media screen and (max-width: 1024px) {}

    {img.BG}

    left: 50%;

    left margin:-512px ;}

    {#web_centre_wrap}

    Auto margin: 0 ;}

    {#menu_bar}

    #header {}

    Background: url (.. /.. Images/Connor/Header.png) ;}

    #content {}

    Background: url (.. /.. Images/Connor/content.png) ;}

    #footer {}

    Background: url (.. /.. Images/Connor/footer.png) ;}

    Try this:

    http://ALT-Web.com/test/resizable-BG.shtml

    Nancy O.

    ALT-Web Design & Publishing

    Web | Graphics | Print | Media specialists

    http://ALT-Web.com/


  • How to set a background image in javafx?

    Hello world

    I draw FXML GUI, it includes labels and ProgressBar, load it into JavaFX, it is a code 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);

    internship. Show();

    I need to add a background image, so I add the declarations:

    Component GridPane = new GridPane();

    pane.setTitle ("background - fx - image: url ('image1.jpg')");

    and change: scene = new Scene(pane,600,400);

    It can display the background image, but I don't know how to display tags and ProgressBar on the background image.

    Give me a good resolution, please!

    Thank you very much!

    Just do

    root.setStyle("-fx-background-image: url('image1.jpg')");
    

    and use your new Scene call (...) original.

  • How to set the blog &lt; title &gt; and &lt; meta description = name

    I put in

    -Site Manager-> Module Templates - > Articles-> presentation of Blog Post details the following:

    at the top, with the tags < / body > and < / html > downstairs.

    < html >

    < head >

    < title > {tag_blogpostmetatitle} < /title >

    < name meta = "description" content = "{tag_blogpostmetadescription}" / >

    < / head >

    < body >

    < div class = "container" >

    < div class = "row" >

    and the rest of the body

    and at the end of the background:

    < / body >

    < / html >

    ______________________

    Blog-model: no title and meta description tags

    <! DOCTYPE html >

    < html >

    < head >

    <! - base - >

    < meta charset = "utf-8" / >

    no title tag or description of the blog model

    <! - Mobile Metas - >

    < name meta = "viewport" content = "width = device-width, original scale = 1.0" / > "

    <! - web fonts - >

    " < link href =" http://fonts.googleapis.com/css?family=Open+Sans:300, 400, 600, 700, 800% 7CShadows + in + clear "rel ="stylesheet"type =" text/css"/ > "

    <! - seller CSS - >

    "< link rel ="stylesheet"href="/vendor/bootstrap/bootstrap.css "/ >

    "< link rel ="stylesheet"href="/vendor/fontawesome/css/font-awesome.css "/ >

    - job description do not see. the title is not the title of the post is the name of a blog.

    -J' missed something please notify

    Thank you

    You just need to check what you will.

    http://www.stagingconnections.com/events/how-to-plan-the-perfect-outdoor-event-safely-part - 1

    Nothing wrong with BC and works. As I said - check your markup and avoid doing the things of html in the editor in admin.

  • How to resize the window title

    Hai

    I enclose a link at the same time that, in this link there are three panels, between the panels, there is an image to drag this Panel so that the Panel is maximized and the minized.

    I need to know how to use this image in flex.

    How they placed this image between the panels.

    Can someone help me...

    Thanks in advance...

    http://examples.Adobe.com/flex2/inproduct/SDK/dashboard/dashboard.html

    Hello

    Use component HDividedBox and VDividedBox Component.Both of these components add image divider with the touch of drag to minimize or maximize the separated Content.You may have more idea of the work of all flex components, see link below.

    http://examples.Adobe.com/flex2/inproduct/SDK/Explorer/Explorer.html

  • How to set the background Transparent

    Hi all

    I'm very new to blackberry development, can someone tell me how to set the background transparent.

    Thank you

    Kishore P.

    Use this code:
    VFM VerticalFieldManager = new VerticalFieldManager () {}
    //...
    }
    vfm.setBackground (BackgroundFactory.createSolidTransparentBackground (Color.COLOR_YOU_LIKE, 0));

  • How can set the background color of the status bar?

    Quote from the old forum:

    Comments: comments
    How can set the background color of the status bar?
    Posted the: July 17, 2008 02:56
     
    How can set the background color of the status bar?
    Using this code for the status bar:
    LabelField statusField = new LabelField ("Good Morning", LabelField.USE_ALL_WIDTH |) LabelField.NON_FOCUSABLE | LabelField.HCENTER)
    {
    int _backgroundColour = Color.LIGHTGREEN;
    public void paint (Graphics g)
    {
    g.setBackgroundColor (Color.RED);
    g.Clear ();
    Super.Paint (g);
    }
    };

    Font defaultfont = Font.getDefault ();
    Police smallfont = defaultfont.derive (Font.PLAIN, 12);

    statusField.setFont (smallfont);
    setStatus (statusField);

    When I ran the code you have above, my status background color was red.  Is not what you see?  If so, please provide the BlackBerry model and software version that you are testing.  You can find this under Options.

    Or if you try to do something else, please provide details.

    I tested this in the BlackBerry Simulator included with version 4.5.0 BlackBerry JDE (4.5.0.44).

    To do this in version 4.1, first call getColor and save the current color.  Then call setColor, setting the color to the color you want to use for the background.  After this call call fillRect, starting with 0, 0 and go to the size of the field (use this.getWidth () and this.getHeight () to get this).  This must fill in the field with your specified color.

    To allow the drawing of the default content of the field call setColor once again, passing in the original color, then call super.paint.

  • How to set the color for background ChoiceBox point to ChoiceBox with css?

    How to set the color for background ChoiceBox point to ChoiceBox with css?

    I need to change the backgound color list items.

    I tried with the following code, but it's not help to:

    {.context-menu .choice-box

    -fx-background-color: Red;

    }

    .choice-box .menu-item {}

    -fx-background-color: red;

    }

    In Java 8, either of your selectors should work.

    In Java 7 (JavaFX 2.2), you need of the following workaround:

    #choice-box-menu-item {
         -fx-background-color: red ;
    }
    
  • How to set the stage (or the background in the stadium?) to be transparent?

    How to set the stage (or the background in the stadium?) to be transparent?

    Thank you

    Gary

    Select the scene.

    Color sample

    Then set the Alpha slider to 0.

    .

    Darrell

  • How to set the height width for an Image field in a web App?

    I have a webApp to save the image of user with description, title. But when I display all items pictures are great, I want to know how to set the height and width for images?

    Hello

    To do this properly, you need to resize the image. Prefably before you put it in British Colombia. While you can to scale the image in CSS, you don't want to do. Why? Because the images are still very large and probably not optimized properly for the web.

    This means that the page with these images will take a long time to load for people, and people will not be happy on the display of your site.

    You must use a software such as photoshop, if you or iphoto on a mac for example for editing, crop and size of the images before uploading. If you do everything you can use free web based tools such as this one:
    http://Pixlr.com/editor/

    You can also do in British Colombia itself in the file manager. If you click on the image you can see options to resize. The downside to this is's done it by pure mathematics. He doesn't know what is in the picture and the results can make the image etc. shrivelled.

  • How to set the background color of a page_item?

    I was pasting "background-color: #5CD65C" in a number of places, like the 'attributes of the HTML table cells' under the label and the tabs of the item, but get no results. Can someone tell me how to set the background color of a cell, please?

    Hi Doug,.
    One method is to add a style to your header html in page attributes, if you add the below css styling and the change of the name of the item page (#P2_FIRST_NAME) to your he should style correctly:

    Thank you

    Paul

  • How to set the image of the project format

    Newbie question: I create a video from various sources. Some sequences are 1280 x 720, other clips from old DVD, whose size is 642 x 480. The first clip I have loaded in my project is the old (642 x 480 pixels), it seems because I loaded the small clip in the first place, the whole project is that report width / height. So now when I try to bring new clips, they get cropped. How to set the size to 1280 x 720? It's ok, if there is black bands around the small clips. Thank you

    I use first Pro CC on Mac OS 10.9.5

    Select your sequence in the project Panel, and then open it by going to sequence/sequence settings in the menu dropdown.

    Now change the custom output Format.

    Now, you will be able to change the settings.

  • Mac Mavericks. Camera raw 9.1. Camera Nikon D810. How to set the default settings of the camera profile standard (now available after downloading the camera profile and copy it into the appropriate file)? Is it possible to apply also in the pictures showe

    Oops... did not write the question where I... How to set the default settings of the camera profile standard (now available after downloading the camera profile and copy it into the appropriate file)? Is it possible to apply too in images showed in the bridge? I'm a newbie in the forums and I'm not sure how to proceed.

    You can right click and copy the settings on an image that has the right profile. Then highlight all the images that you want to edit, right click and paste the settings. On the list that is displayed, simply choose the camera calibration.

  • How to set the purge in the gutter to shoot full spread?

    I'm so confused!

    How to set the purge in the gutter so that I lose the least possible in an image that bleeds through the full spread?

    I have images double page 75 (full spread) that need to be addressed so that they lose the least possible printing in a 350-page book.

    The printer asked a bleed of 3mm. I place the photo on the purge and just accept that I lost a lot or are at - it another way?

    Thank you.

    Under normal circumstances, you should not need to divide several pasta spread, but if you do substances wrote a script that is included in the comments. Regarding the difficulties mounting, there is no reason to make the separation before export.

Maybe you are looking for