How to set the background image in the TextField in Cascade (Custom Field)?

Hello

Someone know how setBackGround image in TextField?

As it actually:

import bb.cascades 1.2
NavigationPane {
    id: nav

    Page {

        Container {

            Container {
                layout: DockLayout {

                }
                ImageView {
                    imageSource: "asset:///images/chicken.png"
                }
                TextField {
                    id: txt
                    text: "Hello"
                    backgroundVisible: false
                    verticalAlignment: VerticalAlignment.Center
                    textStyle.fontSize: FontSize.Large
                }
            }
        }
    }
}

Tags: BlackBerry Developers

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 input to a text field filter?

    I use a text entry (a flash component) to which the user will enter numbers only in (positiv and negative integers and floating point numbers) but not any other symbol.

    Copy the following code


    on keyDown me

    If ("1234567890 -") contains the key or the key = backSpace or key = tab keyCode = 123 or the keyCode 124 = then
    Pass
    on the other
    stopEvent
    end if

    end

    This script works fine when I use it with style text old fields to the Director. It does however not work with new component flash style (text entry).

    How can this be repaired?

    Thanks in advance for any help.

    HUMAN RESOURCES


    First of all, I should mention that I have avoid using Flash inside Director, so there may be a better way.

    As you noted, catch events keyDown globally affect all entrances to the keyboard. If you want to specify a subset of sprites so you need a management system which. The simplest would be a global list that fill you it with a small number of sprite when switching to a new framework.

    global gRestrictedInputSprites

    on preparemovie
    gRestrictedInputSprites = [1, 5, 6, 23] - SAMPLES
    keyDownScript = "chatchKeys()".
    end


    on stopMovie
    keyDownScript = «»
    end


    on chatchKeys
    If gRestrictedInputSprites.getPos (_movie.keyboardFocusSprite) then
    If _key.key = "," and then
    stopEvent()
    on the other
    Pass
    end if
    on the other - overall restrictions on entry
    Pass
    end if
    end chatchKey

    And then add a beginsprite to your Framescript to set the values of the gRestrictedInputSprites for each image tag loop you on--assuming that you place the frame head with "go the frame."


    global gRestrictedInputSprites

    on beginSprite me
    gRestrictedInputSprites = [] - the list of sprites all entry who need entry restrictions for this frame.
    end

    on exitFrame me
    go part
    end

    If you follow this path then I suggest to use a GPDL to set the sprite shortlists. No need to write more than one behavior.

  • How to set the primary file in custom filter UCM

    Hi all

    I have a requirement where I need to change the primary file that is downloaded.

    I use validateStandard filter and above the file gets checked... I want to change the primary file for some another file...

    But the problem is that I don't get what function I can set the value for the metadata of the primary file.

    Here is my code:

    public int doFilter (workspace ws, linking DataBinder, ExecutionContext cxt) survey DataException, ServiceException
    {
    Report.trace ("IMG_COMPRESS", "Start doFilter", null);

    String xcontentType = binder.getLocal ("xContentType");
    String primaryFilePath = binder.getLocal("primaryFile:path");
    String primaryFileName = binder.getLocal ("primaryFile");

    If (xcontentType.Equals ("CTID24"))
    {
    Report.trace ("IMG_COMPRESS", "Original file path:" + primaryFilePath, null);
    Report.trace ("IMG_COMPRESS", "file name:" + primaryFileName, null);

    Try
    {
    The output if the primaryFile:path are missing
    If (primaryFilePath == null | primaryFilePath.trim () .length () < 1)
    {
    Report.trace ("IMG_COMPRESS", "Could not find the primary file path", null);
    Back to CONTINUE;
    }

    Change the original image (input image) to the compressed Image (output image file)
    primaryFilePath = "E:\\ImgCompression";
    primaryFileName = "compressed.jpg.txt";

    binder.putLocal ("primaryFile:path", primaryFilePath + "\" + primaryFileName);
    binder.addFile (primaryFilePath + "\" + primaryFileName);

    Report.trace ("IMG_COMPRESS", "new Img path:" + primaryFilePath, null);
    Report.trace ("IMG_COMPRESS", "new Image Name:" + primaryFileName, null);
    }
    catch (System.Exception e)
    {
    Report.trace ("IMG_COMPRESS", "Unable to read file", null);
    }
    }
    executed properly, filter return CONTINUE
    Report.trace ("IMG_COMPRESS", "End doFilter", null);

    Return FilterImplementor.CONTINUE;
    }

    There is no function with addFile in the DataBinder class.

    Help, please

    As I understand it, you create your own compression via a custom filter and you want to replace the original file with this compression.

    That being said, why not do exactly as that - the original file is placed in some ~ temp directory on the server (after download), so go ahead, create compression and put it instead of the original file. One thing to consider is the MIME type - if replacing it, it should be the same; If it is not that you had to adjust first some metadata.

  • How to set the size of a text field

    I use the command

    #get - vm | Select name, folder

    The values that I get are truned.

    Please can someone explain how can I set the length of a text value?

    Concerning

    Marius

    The performance engine uses the rules of display and formatting the required properties on the limited space of the screen of the console.

    There are ways to influence the results.

    Get - VM | Select name, file | Format-Table - AutoSize

    Get - VM | Select name, file | Format-List

    Get - VM | Select @{N = "Name"; E={$_. {{Name.SubString (0.6)}}, @{N = 'File'; E={$_. {{Folder.SubString (0.10)}}

  • How to set the focus to a text field.

    Hello
    I have a form that contains 5 textfields. When the form is loaded, by default, the cursor should be on the second field. How can I concentrate on the text field.
    I checked in the API of the TextField object, and it is observed that the focusedProperty is a read only field.

    Can someone let me know how to focus on the desired TextField. ?

    Thanks in advance.
    The SAI Pradeep.

    Use textField.requestFocus)

    If your node is not always lay out to the point because of a management of the default focus of the javafx platform, wrap the call for development in Platform.runLater

  • How to set the TextField width to length of text loaded?

    I am loading a few texts from outside. How can I configure the TextField.width to the length of the texts that I'm loading external file?

    textField.autoSize = TextFieldAutoSize.LEFT;

  • How to retrieve the value of a custom field

    Hello @all.

    In my vCenter, I created a custom field 'email '. The value of this field is set to the e-mail address of the operator of that belongs to a virtual machine.

    I would like to retrieve these values in a perl script. But I have found a method to set the values of the custom fields. For example:

    $CustomFieldsManager -> SetField(entity => $_, key=> $emailKey, value => "[email protected]");
    

    What should I do to retrieve the value of the $emailKey key? Could someone provide a quick and dirty-snippet, please?

    Best regards

    Trondesson

    of course, in this discussion https://communities.vmware.com/message/1512863#1512863 you can see how it's done

  • How to set the display format for datetime field in a page jspx

    Hi, jdev 11.1.2.3
    have an EO/VO field set to DateTime format and can see the right screen in the Oracle ADF Model tester.
    but only displayed in the format of Date had been set to "javax.faces.DateTime" for the attributes property for the field palette converter.

    What should I do?
    Thank you.

    did you mean like this?


    Type = "both" / >

  • Try to set the time to a date field

    Hello

    Using jdeveloper 11.1.1.6.0.

    I have a date field in my table. I got the time string and convert it to a date field.

    String dis1 = theToken;   for example: 11:15:26

    DateFormat = formatter1
    new SimpleDateFormat("hh:mm:ss");
    Date2 date = formatter1.parse (dis1);
    rw.setAttribute ("TtAlertRecTime", formatter1.format (date2));

    While my running page and press that values have not been set for the field.

    In the page of the user interface

    < af:inputDate value = "#{row.bindings.TtAlertRecTime.inputValue} '"

    label = "#{bindings." TrackTicketsView1.hints.TtAlertRecTime.label}.

    required = "#{bindings." TrackTicketsView1.hints.TtAlertRecTime.mandatory}.

    shortDesc = "#{bindings." TrackTicketsView1.hints.TtAlertRecTime.tooltip}.

    ID = "id21" >

    < f: validator binding="#{row.bindings.TtAlertRecTime.validator}"/ >

    < af:convertDateTime pattern = 'hh '.

    type = 'time' / >

    < / af:inputDate >

    My Question is

    How to set the time in a date field? time is obtained as a string.

    Kind regards

    Prasad K T,.

    AS400 ops.

    well you can not set the time in the date field.  the date data type allow only data in a specified format before. It is designed like that.  If your issue is resolved now?

  • 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

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

Maybe you are looking for