Foldable list help

Hello

Help QML and Javascript pro.  So far, things work fine, I can get the list to load and collapse but I can't edit the styles of the components.  When I debug it seems to ignore the component settings that I have.  I used the sample code from this Blackberry Dev Blog post to lead me to what I have now.

I tried several different things and currently have the following executable code (just don't do what I want):

hand. QML

import bb.cascades 1.0

Page {
    id: homeScreen

    //Background container
    Container {
        objectName: "mind_template_preferences"
        topPadding: 200

        //Background
        background: backgroundPaint.imagePaint
        attachedObjects: [
            ImagePaintDefinition {
                id: backgroundPaint
                imageSource: "img/editingBG.png"
                repeatPattern: RepeatPattern.XY
            }
        ]//End Background

        //Elements
        Container {
            ExpandableItem {
                prefHeader: "Data To Track"
                prefList: "models/trackData.xml"
                expandImage: "img/plus.png";
                collapseImage: "img/minus.png";
                prefVisible: false
            }
            ExpandableItem {
                prefHeader: "Auto Reports"
                prefList: "models/trackData.xml"
                expandImage: "img/plus.png";
                collapseImage: "img/minus.png";
                prefVisible: true
            }
        }//End Elements
    }//End Background Container
}//End Page

ExpandableItem.qml

import bb.cascades 1.0

Container {
    property alias prefHeader: btnHeader.text
    property alias prefList: modelSource.source
    property alias prefVisible: xmlBody.visible
    property string collapseImage
    property string expandImage
    onPrefVisibleChanged: {
        if (prefVisible) {
            btnHeader.imageSource = collapseImage;
        } else {
            btnHeader.imageSource = expandImage;
        }
    }

    Button {
        id: btnHeader
        text: "default header"
        preferredWidth: maxWidth
        imageSource: collapseImage
        onClicked: {
            if (prefVisible) {
                xmlBody.visible = false;
                btnHeader.imageSource = expandImage;
            } else {
                xmlBody.visible = true;
                btnHeader.imageSource = collapseImage;
            }
        }
    }

    ListView {
        id: xmlBody
        dataModel: XmlDataModel {
            id: modelSource
                       source: "model default"}
       //List of Components
       listItemComponents: [  

           //Component One
           ListItemComponent {
               type: listItem
               Container {
               Label { text: ListItemData.title
                       textStyle.color: Color.create("#ff0173ff")}
               CheckBox {
                checked: false}
               }
           }//End Component One

       ]//End List of Components
    }//End List View
}

dataTrack.xml


    
    
    
        
        

Okay I got it.  Simple Bobo.  I forgot the name of element xml in quotes.

This was the fix:

           //Component One
           ListItemComponent {
               type: "listItem"
               Container {}}

Tags: BlackBerry Developers

Similar Questions

  • Adjustments in the layout of event details/list, help!

    Hello

    I could really use your help on this:


    I want to make those changes in the module event model:

    -be able to hide the booking form for certain events
    s ' ensure that the layout of the event list only shows the upcoming events for the selected month. And not all upcoming events (otherwise, this list is much too long).
    -Add a specific field for 1. times 2. costs of rental and 3. detail in case layout (just as the 'date' is the Setup program).

    Can someone tell me if this is possible? And if so, how can I do that or who can do this for me? (I'm a beginner in ABC...).

    Thank you very much!!

    Kind regards

    Yfke

    On web applications, a web application doesn't have the capabilities of an event.

    You can always create a booking form, but what will do it is take the payment, no capacity, no reminder etc as you do in the modules of events.

  • To change a bulleted to a checkbox list - HELP

    Why is it so difficult? I have a list of the features of the software product, I want the list to have boxes rather than balls so that readers will feel want to check features when comparing to other solutions software. DOESN'T HAVE TO BE INTERACTIVE. Just a Visual. Just a G & * $^ #*!) *%! checkbox. I spent half an hour trying to find a solution to this SIMPLE F9823769 thing. Why is it so difficult? Waste of time ion of simple tasks is not happy. On CC (online) version 9, not on a Mac then don't believe it. Thanks for help

    Or, Alt-click the icon of the bulleted list, list Type/bullets, Bullet character/add and look for the box. Then you will have it as an option to apply when it comes to.

  • CSS Menu - drop down list help.

    Hi guys,.

    I am re - create a website for a friend and am currently finding the difficult Menu CSS coding.

    Here is MY version of the Web site:

    http://abacusmortgages.co.uk/index.html

    Here is the current version, which I am trying to copy:

    http://sdhmarketing.co.UK/

    Pages: Our types of customers and what you need to have special css menu dropdown lists that come when you hover over the button.

    Here is the CSS code that I have so far:

    #holding ul {}

    margin: 0px;

    padding-left: 0px;

    list-style-type: none;

    do-family: Arial;

    do-size: 14px;

    make-weight: bolder;

    color: #506F1A;

    background-image: url(images/navbg.jpg);

    position: absolute;

    left: 0px;

    Top:-3px;

    }

    #holding ul li {}

    float: left;

    Width: 200px;

    margin: 0px;

    make-weight: bold;

    }

    #holding ul li a {}

    do-family: Arial;

    do-size: 11pt;

    color: #506F1A;

    text-decoration: none;

    background-color: Transparent;

    text-align: center;

    display: block;

    padding: 5px;

    }

    #navigation {}

    }

    #holding ul li a: hover {}

    color: #FFF;

    background-color: #333;

    make-weight: bolder;

    do-size: 14px;

    }

    .menu {}

    }

    Here is the HTML code I use:

    < ul >

    < li > < a href = "index.html" > HOME < /a > < /li >

    < li > < a href = "ourclienttypes.html" > OUR CUSTOMER TYPES < /a > < /li > ""

    < li > < a href = "whatdoyouneed.html" > of WHAT do you NEED? " < /a > < /li >

    < li > < a href = "casestudies.html" > CASE STUDIES < /a > < /li > ""

    < li > < a href = "managementteam.html" > MANAGEMENT TEAM < /a > < /li > ""

    < /ul >

    If someone could help it would be much appreciated.

    Thank you all!

    . Selected a: hover {}

    background-color: #444;

    color: #fff;

    }

    }< remove="" that="">

  • Related question drop-down list help

    In my dropdown menu, I have several different time zones and they are all related number of UTC offset. The problem is that when I click on a zone (for example Russia), he returned to the zone which precedes it in alphabetical order with the same offset from UTC. This is problematic because many different countries sharing the same UTC offset (that is-14-14).

    I wonder if there is a way to stop the drop-down menu to change automatically in a different time zone that has the same offset or if there is a way to get into the drop-down list and add all variable offsets.

    I'm new to JS if possible sentence there for a beginner. I never used before livecycle but know C++ and Java, and will have a hard time setting. With all the resources out there, it is difficult to find a good place to get a Uni livecycle background so if anyone has recommendations on the reference material so I would be interested in this good.


    Thank you.

    Hello

    The problem is that the bound value represents the value of the object, so that it always displays the first item in the display which corresponds to the bound value.

    We know by one of the LC Designer, setItems(), methods that Adobe will at some point in the future allow us to link several values in a drop-down list object. However for now you cannot have a single value given.

    But there is always a workaround solution. If you set values the display of elements to include the country. Thus, for example for a display item «Russia», the bound value would be "Russia,-14 a 14.

    It is a unique value in the drop-down list, so it will not solve the current problem.

    The last step would be to analyze parts of the bound value, so that you get the offset of UTC, which you can then use in your script.

    There is an example here: http://assure.ly/HjRnIN.

    Hope that helps,

    Niall

  • too much impression in gmail to allow the display of email list. help me to reduce the size of the letters!

    Pressed something that makes print huge on the gmail account and can only see part of the first 6 emails. Can't even move to the bottom of the page. Pls help me get back to the Inbox of emails to normal size! Thank you.

    Maybe all you have to do is view zoom in Firefox on this site as using the hotkey Ctrl + - (hold down the CTRL key and press the key once or more)

    Or maybe you have changed the size of the font on Gmail (I guess it's possible)

    Maybe a screenshot of the problem would be helpful

  • @LIST help - goal?

    Hello

    Looked TechRef and can't always understand what is the purpose of @LIST. Here's the Calc. Why the @LIST?

    DIFFICULTY)
    @LIST (@CHILDREN ("Input hypothesis"), @CHILDREN ("health care premiums")),
    [CurrCompany], [CurrVersion], 'No entity', 'No Profit Center', 'No_Category', 'no employees '.
    )

    DATACOPY 'Forecasts' to THE 'Budget ';

    ENDFIX

    Hi again,

    Why is she even said here?
    No reason, you can simply delete and will see even lead

    It is just the list of children of the two stacks?
    Yes

    Why not just fix on these children and remove the @LIST?
    No reason specified.

    so not possible to estimate the original intention, why it is coded like that, but it is still correct in syntax and semantics. CORRECTION controls expects "A member name or a list of members from any number of database dimensions" in all cases.

    Kind regards
    Ahmet

  • Choose the values of the list - HELP!

    Assume that query test01 values are "9,2,20,21,27,97,28,29,121,93,32".
    When I submit the form, the selected values are different from what he was selected. what I've done wrong?

    In this part, < cfoutput query = "test01" >
    < value = "" #test01.index_id # the option ' < cfif form.colorname contains test01.index_id > selected = "selected" < / cfif > / > #test01.colorname #"
    < / cfoutput >

    I think this fails because form.colorname has multiple values.
    I want to preserve selected values when the form is submitted. If there is a selected value which means form.colorname has a value, then there is no problem; However, if it contains multiple values, the selection list has unexpected values are selected. The selected values must be selected after due form.

    Can someone correct me? I worked this code for long hours, but I see no way to remedy. I tried the feature list, but it did not work for me.

    HandersonVA,

    Contains returns true if a string contains another string. The expression below YES displays because the string "21,27, 97 ' contains the string ' 9'. This isn't the right type of comparison for what you are trying to reach.

    YES

    To determine if the '9' value is contained in a list of values, use ListFind or ListFindNoCase list functions:

    YES

  • List help/authorization

    Hi guys

    I am trying to install an authorization scheme for my menu from the list so that only admin and team managers would be able to enter these pages in my menu from the list.

    I have an idea of the cutter on the way to do and I created one for the admin who doesn't seem to work

    I installed the USER_IS_ADMIN method, but it does not work I get an error displaying the page administrator



    Someone at - it a quick script that I could borrow? I need of Admin and the team managers only to be able to enter 2 of the pages in the menu.

    Hello

    The parameters would be null (which by default is the double quotes) or a different, unique, character - so be it, you end up with a separator for all channels. The only way I can think to completely remove delimiters is to create your own report export - it of doable, but will be set up.

    Andy

  • Implementation of collapsible list, cannot set field

    Hello

    I implement foldable list by using managers and field:

    -When the cell is developed, a data provider returns a list of the fields to add as the child cells, and they are inserted into the vertical field Manager.

    -When the cell is reduced, the child fields are removed from the Manager of the vertical.

    -The data provider is fetch field on the web properties, so it is an asynchronous process

    Everything works well except:

    -For the passage to the next screen and back n trying to expand, collapse of the cells, the JDE console says:

    WARNING cannot field layot, insufficient height or width

    And new fields are added to the Manager of you but not drawn on the screen

    Help, please

    Thank you very much

    Sorry for reply late cos I was on vacation.

    My problem is solved without changing the code of the user interface (my managers already had vertical scrolling properties) defined.

    The problem was related to the operation of the network and the listeners.

    Sorry for the confusion.

    Although every thing is good, but I always get warnings and I don't know why.

    Thanks again.

  • Use of the RAM of Firefox causing accidents?

    In the last three days, I have observed a new problem with my Firefox. I never had this problem before.
    If I load any text or images on a tab, it causes the RAM to increase usage. Its use does not diminish over time, and sites such as Facebook and 9GAG, with long flow of images and text, can cause the use of RAM go more than 2.5 Gigabits. Once it reaches this threshold, Firefox crashes. Manually close Firefox also removes the use of RAM, although the closing of tabs does not work.
    I scoured the list help accidents, even if nothing is done.
    I am running the latest version of Firefox (15.0)

    (Note: problems still occur with the functions below disabled)
    Add-on:
    Adblock Plus 2.1.2
    AVG does not follow the 12.0.0.2189
    Greasemonkey 1.0
    Memory Fox 7.4 (attempted solution to problem, does not work)
    Print Helper 2.5
    TinEye Reverse Image Search 1.1
    Xmarks 4.1.2
    Plugins:
    Adobe Acrobat
    iTunes application detector
    Java Deployment Toolkit
    Microsoft Office 2010
    Pando Web Plugin
    Shockwave Flash
    Silverlight plug-in
    VLC Web plugin
    Windows Live Photo Gallery

    Start Firefox in Safe Mode to check if one of the extensions or if hardware acceleration is the cause of the problem (switch to the DEFAULT theme: Firefox/tools > Modules > appearance/themes).

    Create a new profile as a test to see if your profile is the source of the problems.

    See "basic troubleshooting: a new profile:

    There may be extensions and plugins installed by default in a new profile, so check that in "tools > Modules > Extensions & Plugins" in case there are still problems.

    If the new profile works then you can transfer files from the old profile to the new profile, but make sure not to copy corrupted files.

    See:

  • Whenever I have add a reminder, he sends my entire company

    I have no idea why, but every time that I add anything in my application of reminders (the native app), it sends my entire company and invited them to an event with the title of my reminder. This happens in the various lists, and lists are not yet shared.

    Someone at - it ideas? It's really annoying, just sent everyone (over 300 people) a bunch of movie titles.

    The email comes from [email protected] and the event date is January 1, 1970. This is the beginning of the time time, which makes me think it's a bug.

    Performs an action on this link - iCloud: share a recall list help?

  • Unicode character on the command line

    I have a folder that contains a non-ASCII character, "registered sign" (®), which can be typed in a Terminal by using the-r option.

    It is U + 00AE, and as an 8-bit character, it is 174 decimal. I want to be able to enter this character on the command line without

    typing Option, because I have to build a Terminal command using an application that

    is not respectful of Unicode. So option-r helps me create a string that contains this character.

    For example, in the Terminal, I made a folder in ~ with as its name in full (I typed a r while pressing the option key):

    > mkdir ~ /.

    I can list help

    > ls ~ /.

    but I have to be able to do so * without using any modifier key * (as option).

    I thought I could use something like (after cd ~)

    > ls \302\256

    or

    > ls \u00AE

    or

    > ls \xc2\xae

    but I could not do the shell to interpret what I type as registered r symbol. Everything what I enter is interpreted

    literally as individual characters rather that, for example, the \xC2 is considered a single character. I also tried different combinations

    quotes as double the backslash, but I continue get "No such file or directory".

    How can I represent this character on the command line without modifier keys? I'm on El Capitan, OS X 10.11.2, running bash 3.2.

    Have you tried zsh instead of bash?

    I think bash supports \u starting only 4.2

  • How to unlock a sender in Outlook express

    I have a few block how to unlock express look when I click on block sender list I do not see a list, help me

    I blocked the sender by mistake

    and Yes, it goes into the deleted items

    Go to: tools | Message rules | Blocked senders and remove the address.

  • BlackBerry App World updated 4.0.0.63 updated Smartphones and no icon on the home screen

    After update my App World to 4.0.0.63 the icon is missing on my homescreen. I have no hidden icons and have reset the default layout in the options if nothing appears in the records. It appears under the application management, I have deleted and re-uploaded but to no avail. I have a Torch 9800. Anyway I can't reslove it?

    RIM has created an article for the same problem. See if any of the resolutions that they list help to solve the problem for you and if not, let me know and I'll see if I can get more assistance:

    http://www.BlackBerry.com/BTSC/KB29422

Maybe you are looking for

  • Satellite P100-106: can I install Windows XP x 64 edition?

    Hello everyone, I have windows XP Home Edition installed on my Satellite P100-106. Does anyone know if I could install the x 64 edition without any problem? I mean, are the drivers offered by Toshiba ok for XP as well as for XP x 64?I'll be able to u

  • A third party read or access my messages without knowing?

    A third party can access my messages, watsapp or my email without my knowledge or permission of their device, a computer or Mac?

  • Bad Apple ID after software update for iOS9.3

    Hello community, I updated my iPhone 5 this morning (since I was curious about the new version iOS9.3) and wanted to activate my phone after that, however, I still have the message ' incorrect Apple ID-... does not unlock this iPhone. ". I'm really s

  • Module Performance System

    It's early days for the system on Module (SOM) and untouchables are waiting for us our first developers kit, but maybe someone got the chance to test the SOM already and could give us an idea of the level of performance, we can excpect from him? In p

  • Problem of lens date code

    Hi all! I hope someone could help me in the determination of the date of that my kit lens was manufactured. I "googled" all morning & searched these forums & others, without success. I bought my kit of 6 d 24-105 mm Canon last March 2014 & saved the