How to create a label as in the picture

Hi all

How to create a tag like the one below.

That's what I did today.

Container {
                    layout: DockLayout {

                    }
                    preferredWidth: displayInfo.pixelSize.width/2
                    preferredHeight: 110

                    Label {
                        id:firstname_label
                        text:"First Name:"
                        textStyle.color: Color.create("#000000")
                        textStyle.fontSize: FontSize.Large
                        horizontalAlignment: HorizontalAlignment.Right
                        verticalAlignment: VerticalAlignment.Center

                    }
                    ImageView {
                        minWidth: firstname_label.text.width()
                        imageSource:"asset:///images/border.png"
                    }
                }

How do I get the width of a string in QML. Think that it is not the width setting in the imageView.

I use this custom control to create borders around something (e.g., labels not only)...

Container {
    topPadding: 30
    leftPadding: 30
    rightPadding: 30
    bottomPadding: 30

    background: mybackground.imagePaint

    horizontalAlignment: HorizontalAlignment.Center

    attachedObjects: [
        ImagePaintDefinition {
            id: mybackground
            imageSource: "asset:///images/border1.amd"
        }
    ]
}

Tags: BlackBerry Developers

Similar Questions

  • I would like to know how to create a slide show on the pictures I imported on my computer.

    I have vista and found library in my programs. I was able to import pictures from my digital camera, but can't see how to create a slide show. Please instruct me how to do this. Also, I have several clips video and panoramas. How can I include these? Thank you in advance. Shoshana

    I have vista and found library in my programs. I was able to import pictures from my digital camera, but can't see how to create a slide show. Please instruct me how to do this. Also, I have several clips video and panoramas. How can I include these? Thank you in advance. Shoshana

    =============================================
    Perhaps the following links will propose a few ideas:

    Windows Vista-
    See the photos as a slide show
    http://Windows.Microsoft.com/en-us/Windows-Vista/see-pictures-as-a-slide-show

    Windows Vista-
    Choose a theme for your slide show
    http://Windows.Microsoft.com/en-us/Windows-Vista/choose-a-theme-for-your-slide-show

    Windows Vista-
    Use pictures as a screen saver
    http://Windows.Microsoft.com/en-us/Windows-Vista/use-pictures-as-your-screen-saver

    If you want to create a slide show, you can save and share with others
    Movie Maker, ay be worth a try:

    Windows Vista-
    Demo: Create a slide show with music in Windows Movie Maker
    http://Windows.Microsoft.com/en-us/Windows-Vista/demo-create-a-slide-show-with-music-in-Windows-Movie-Maker

    How to easily create and edit slide shows/videos
    Windows Movie Maker (Vista)
    http://www.YouTube.com/watch?v=0Lz046qcBk4

    In regards to your panoramas... free Photo Story 3 can a pan
    side to side... just set a start and an end point. However... Photo
    History cannot import videos... just photos.

    (FWIW... it's always a good idea to create a system)
    Restore point before installing software or updates)

    PhotoStory 3 for Windows
    http://www.Microsoft.com/download/en/details.aspx?ID=11132
    (works on XP, Vista and?) Win7?)

    This is not a full tutorial, but should be enough to help you started...

    First be sure that the photo is less than 7200 x 7200 pixels pixels.

    Import a panoramic photo in Photo Story 3 and move on
    the screen "tell your photos and customize the animation."
    (do not remove the black borders)

    On the left, click Custom animation...

    Check the box on the screen to customize the animation...... "specify
    Start and end Position of the movement "." Resize and reposition the
    Start management Position and final Position you prefer and
    on the left, click the Preview button to see the result.

    Also you can import multiple instances of a photo and
    Pan from point A to point B in the first instance,... then point B
    point c on the second instance and so on.

    When the effects of movement are completed you can add music if
    you want and go to the screen "Save Your Story."

    You can left click on the 'Settings' button for several choices of
    resolution... the profile of 1024 x 768 is perhaps a good choice.

    Also... Choose a backup location and a name for your video.

    To save the project as a. WMV video file... click Next
    last time.

    Then you can import that video as well as other photos and
    video clips in DVD Maker to create your DVD. If you have
    problems with the video clips you may need to convert to MP4
    paste them into WMV format before importing in creation of DVD.

    More info...

    Create a story from a single
    Another Photo with Photo Story 3

  • How to create checkbox with HTML in the labels?

    How to create checkbox with HTML in the labels?
    If it is possible without the help of APEX_ITEM. BOX?

    Hello

    Yes you can do it. You just need to set * "Escape special characters" = No * in the area of 'Security' of the page box point you. But please be aware that this change could make your application vulnerable to XSS attacks in the case if users are allowed to enter data into the table that is used to fill the entries in the box.

    Concerning
    Patrick
    -----------
    My Blog: http://www.inside-oracle-apex.com
    APEX Plug-Ins: http://apex.oracle.com/plugins
    Twitter: http://www.twitter.com/patrickwolf

  • How to create a shortcut to toggle the sound device?

    Anyone have any suggestions on how to create a shortcut to toggle the USB audio device in Device Manager?

    A shortcut is to enable this device, and the other shortcut is disable this device.

    Thanks for all the suggestions

    Hi oem7110,

    · Why you want to create a shortcut to enable or disable an audio device from Device Manager?

    You will be able to create the shortcut to Device Manager but no shortcut to enable/disable a device in Device Manager:

    a. right-click on the space empty where you want to create a shortcut

    b. click the shortcut

    c. in the type of space empty in devmgmt.msc

    d. click Next and follow the instructions in the wizard.

    With regard to:

    Samhrutha G S - Microsoft technical support.

    Visit our Microsoft answers feedback Forum and let us know what you think.

  • How to create a document and insert the words and/or art on both sides of the page

    How to create a document and insert the words and/or art on both sides of the page

    How to create a document and insert the words and/or art on both sides of the page

    You create a document by using an application of word processor like Microsoft Word or Corel WordPerfect or OpenOffice Writer.  Think of it as a broad a page roll.

    When you print the document, you can print all pages of the document on one sheet of paper (the normal default value), or you can print on both sides of a sheet of paper.

    Some printers are capable of automatic double-sided printing.  With others, you print all the odd pages and then take the stack of paper, turn upside down and put it back into the printer to print all pages.  You need either to read your printer manual, or experiment a bit to determine if you need to re - organize the first last pages before printing the second side.

  • How to create a new folder in the voice tab 7 hp slate

    How to create a new folder in the voice tab 7 hp slate?

    I wish to cretae a folder in my home page.

    Please help me...

    Hello and welcome to the HP support community!

    You want to organize your icons in folders, or put a shortcut of data on your home page folder?

    The first is easy, this last not so much.

    Just hold your finger on an icon, and then drag it on another similar icon.  A "folder" will be done with the name "unnamed file".  Press and hold the words to change the name of the folder.

    I'm not aware of a way to file a record of data on the homepage...

    WyreNut

  • How to create a restore point in the protection of the system in safe mode?

    As topic the question, how to create a restore point in the protection of the system in safe mode?

    Hello

    read a tutorial on the below link for everything you need to know about the system restore

    http://www.bleepingcomputer.com/tutorials/tutorial143.html

    and read this too

    System Restore: frequently asked questions

    http://Windows.Microsoft.com/en-us/Windows-Vista/system-restore-frequently-asked-questions

  • Smartphones blackBerry how to create a new folder in the video folder in the media

    Hi, I'm trying to figure out how to create a new folder in the video folder in the media. I can easily create new folders in the pictures folder, but not in the videos... Why? Thanks in advance for your help.

    well I'm sorry, I think that I have not read your emails correctly.

    The media application doesn't care about records at all. It will read the files, the tags when they are available, playlists, but it will not show the files. with the exception of the pictures.

  • How to create a Viewer without buying the image? I want to be able to save the images I'm looking a subject without purchase or download.

    How to create a Viewer without buying the image? I want to be able to save the images I'm looking a subject without purchase or download.

    After talking to the Customer Service, I now get it. Thank you.

    That is to say: down arrow recorded a watermark image in the gallery without you buy. You can download an overview lores on your desktop for motorhomes with this same arrow, but it is unfortunately a watermark (unlike the DPC). You can also copy and send a link to the Gallery clients to review before you buy.

  • How to create my electronic signature for the first time

    How to create my electronic signature for the first time

    Hi debbieh62171891,

    You can fill feature & signature to create a Signature in Adobe Reader. If you want to create a Digital Signature using Adobe Reader you must then a PDF form with signature inside and drive field expanded licence fees. In this case, when you click the signature field it will take you with the process of creating a Digital Signature.

    Thank you

    Abhishek

  • Please how to create an e-commerce using the muse of adobe

    Please how to create an e-commerce using the muse of adobe

    ECWID is certainly the easiest to customize muse and it's very easy for customers to add/manage products. Another thing that many people love in Ecwid, it's that you can host several stores account. If you know css/javascript then you can do this on your own, but if you want a widget that does, make these widgets.

    If you are looking for some great Ecwid widgets, you can enter these ones that are free. And if you are wanting to customize even more (including the ability to host multiple account stores), you can get these even more impressive widgets for $14.99 with promo code: 1MUSESTORE #.

  • I need to update the screenshots for a new version of an app existing Itune application to download a new version. Since I did not create the original version, can you guide me how to create a new version with the new version number?

    I need to update the screenshots for a new version of an existing iTunes Connect App asks me to download a new version. Since I did not create the original version, can you guide me how to create a new version with the new version number?

    You must call the assistance of the company and ask them to help you with this. You can find contact information by logging on http://digitalpublishing.acrobat.com/ and looking at the Middle at the bottom of the page.

    Neil

  • How to create a report based on the item selected from the list of selection?

    Hello

    I created a tables_LOV based on:

    Select table_name table_name user_tab_cols r, d

    where column_name like '% _type % '.

    Then I created a ListOfTables page element, display in a selection list and pointing to tables_LOV.

    I run the page, and I can choose the table I want in the drop-down list.

    How to create a report based on the selected element? (ex: select * from selected_table)

    Thanks in advance

    Salah

    Hi Salah,

    Allright, take a look at this page: http://apex.oracle.com/pls/apex/f?p=vincentdeelen:collection_report

    I think that simulates what you are trying to accomplish. I've implemented the simplest method I could think of.

    The report is based on a collection of apex. If you are not familiar with this, you should study the documentation: APEX_COLLECTION

    To recreate my example, you should:

    (1) create a report (interactive) on your collection

    SELECT *
       FROM APEX_collections
     WHERE collection_name = 'MY_COLLECTION'
    

    (2) create a selection list page_item for the tables that you want to display (in my case, this is called "P38_TABLES")

    (3) create a dynamic action that triggers on the evolution of your selection list page_item. Dynamic action must be a parade of PL/SQL procedure the following code:

    declare
      l_query varchar2(4000);
    begin
      l_query := 'select * from '||:P38_TABLES;
      if apex_collection.collection_exists
            ( p_collection_name => 'MY_COLLECTION' )
      then
        apex_collection.delete_collection
          ( p_collection_name => 'MY_COLLECTION' );
      end if;
    
      apex_collection.create_collection_from_query
        ( p_collection_name => 'MY_COLLECTION'
        , p_query           => l_query
        );
    end;
    

    Make sure that you add your page_item 'Page to send items' section.

    (4) add a real extra action that makes an update of the report area.

    Here are two photos describing the da:

    http://www.vincentdeelen.com/images/OTN/OTN_COLLECTION_REPORT_DA1.PNG

    http://www.vincentdeelen.com/images/OTN/OTN_COLLECTION_REPORT_DA2.PNG

    Good luck and greetings,

    Vincent

    http://vincentdeelen.blogspot.com

  • How to create images that react to the size of the browser (and not to the device)?

    How to create images that react to the size of the browser (and not to the device)?

    Hello

    Please try this widget.

    http://widgets-musethemes.BusinessCatalyst.com/tb032.html

    Concerning

    Vivek

  • How to create drop down menus in the main menu?

    How to create drop down menus in the main menu?

    such as:

    1 menu 2 menu 3 menu 4

    menu one

    menu b

    menu menu menu x c y menuz

    menu d

    I have the top menu, but don't know how to get the submenus

    Help you to appreciate in advance

    You must set the 'Pages' menu preferences:

Maybe you are looking for