Change the State of all the Image inside the list view toggle button when a list is tap

Hi, please help, is there a way to change the State of a toggle button to image inside the listview where in when you type a list, the toggle button in the list state change and the other toggle button will be set to their default image? the list has a defined Image toggle button to check both...


ListView {

                    layout: GridListLayout {
                        cellAspectRatio: 1.4
                    }

                    id: denominationList
                    dataModel: _model.denominationModel

                    listItemComponents: [

                        ListItemComponent {

                            id: component
                            type: "item"
                            CustomListItem {

                                id: itemRoot
                                dividerVisible: false
                                highlightAppearance: HighlightAppearance.None

                                Container {
                                    id: fieldContainer
                                    topPadding: 5
                                    leftPadding: 10
                                    rightPadding: 10
                                    bottomPadding: 5
                                    //maxWidth: 270

                                    layout: DockLayout {}

                                    Container {
                                        id: amountContainer
                                        //topPadding: 

                                        layout: DockLayout {}
                                        background: Color.create("#ffffff")
                                        horizontalAlignment: HorizontalAlignment.Center
                                        verticalAlignment: VerticalAlignment.Center

                                        ImageView {
                                            id: amountBorder
                                            preferredWidth: 400
                                            imageSource: "asset:///images/flux/amount-border-other.png"
                                        }

                                        Container {
                                            horizontalAlignment: HorizontalAlignment.Center
                                            verticalAlignment: VerticalAlignment.Center
                                            layout: StackLayout {
                                                orientation: (!(ListItemData.name > 4) ? LayoutOrientation.TopToBottom : LayoutOrientation.LeftToRight)
                                            }

                                            Container {
                                                horizontalAlignment: HorizontalAlignment.Center
                                                verticalAlignment: VerticalAlignment.Top
                                                visible: (ListItemData.name.length > 4)

                                                preferredHeight: 60

                                                Label {
                                                    id: loadPromoName
                                                    textFit.mode: LabelTextFitMode.FitToBounds
                                                    //multiline: true
                                                    visible: (ListItemData.name.length > 4)

                                                    textStyle{
                                                        fontSize: FontSize.Medium
                                                        fontWeight: FontWeight.W300
                                                        color: Color.create("#b9babe")
                                                        textAlign: TextAlign.Center
                                                    }

                                                    text: ListItemData.name
                                                }
                                            }

                                            Container {
                                                verticalAlignment: VerticalAlignment.Center
                                                topPadding: 8
                                                rightPadding: 0
                                                ImageView {
                                                    visible: (ListItemData.name.length <= 4)
                                                    preferredHeight: 40
                                                    imageSource: "asset:///images/flux/pesosign-amount.png"
                                                }
                                            }

                                            Container {
                                                verticalAlignment: ((ListItemData.name.length > 4) ? VerticalAlignment.Center : VerticalAlignment.Bottom)
                                                horizontalAlignment: HorizontalAlignment.Center
                                                leftPadding: 0

                                                Label {
                                                    id: amountLabel
                                                    textFit.mode: LabelTextFitMode.FitToBounds

                                                    textStyle{
                                                        fontSize: FontSize.XLarge
                                                        fontWeight: FontWeight.W300
                                                        color: Color.create("#b9babe")
                                                        textAlign: TextAlign.Center
                                                    }

                                                    text: ListItemData.amount
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    ]
                    onTriggered: {
                        var selectedItem = dataModel.data(indexPath);

                    }
                }
            }

link the button to a property of an element, and then change all the elements in the datamodel. ListView reflects these changes.

Tags: BlackBerry Developers

Similar Questions

  • Change the color of a button when clicked

    Hi all

    I'm relatively new to Adobe Captivate and created buttons that allow a users through each step with a new screen that appears. I would like to implement the buttons so one a user has clicked on one of the steps that it changes color to show that summer above.

    Is it possible through Captivate? And if so, how do I go about this?


    Thanks a lot for your help!

    Amanda

    The best way to achieve this is simply having two buttons in exactly the same position on the slide.  Define their colors you want.

    One button begins hidden and another begins illustrated (Visible in the output selected in the Properties tab).  When we click the button it needs to run a standard or advanced conditional action rather than just a single action as this will allow you to do more than one thing.  Whatever you want the button is one thing, the second thing, it's to hide the already visible button and display it previously hidden, this has the effect to make it look like the button has changed color when in fact you actually replaced by one single button for another.

    I would say the best type of button to use in this situation would be a form of Smart serve the value button.

  • Change the color of a button when you click on it in multiple colors

    Ive been given the task of creating a map for a major renovation of our hotel. I have limited experience in Acrobat and so all the reccomondations script would be greatly apprecated.

    I need to create a pdf file that management can click on a button/box (just something to cover the room) and be able to cycle although three colors independently to see quickly what the State of each piece. There are 884 rooms on eight floors. Ive fixed a section of one of the floors. Thanks in advance for any help.

    Level Four Section.jpg

    So let's say you have a button called "Room1". Set its fill color to red (most of the columns and rows from center left) and add this code as its MouseUp JavaScript action:

    var field = getField ("Room1");
    If (color.equal (field.fillColor, color.red))
    field.fillColor = color.green;
    ElseIf (color.equal (field.fillColor, color.green))
    field.fillColor = color.blue;
    ElseIf (color.equal (field.fillColor, color.blue))
    field.fillColor = color.red;

    If you need to apply it to several areas, you can create a script doc-level, as follows:

    function switchColor (fName) {}

    var field = getField (fName);
    If (color.equal (field.fillColor, color.red))
    field.fillColor = color.green;
    ElseIf (color.equal (field.fillColor, color.green))
    field.fillColor = color.blue;
    ElseIf (color.equal (field.fillColor, color.blue))
    field.fillColor = color.red;

    }

    and then each button MouseUp action simply call you the function with the name of the button as a parameter:

    switchColor ("Room1");

  • How to change the list of bookmarks

    Where can I find instructions to change the list of bookmarks?

    You can change the bookmarks in the bookmarks (library) Manager.

    Just to be sure you understand how this works:

    • By clicking on the star in the toolbar navigation go to bookmark the page in the "Unsorted Bookmarks" folder and the star lights in blue to show that
    • Bookmarks > 'Bookmark this Page' (Ctrl + D) going to bookmark the page in the folder of bookmarks Menu (you will need to confirm that)
    • 'Bookmark this Page' is accessible via the context menu in the area through the bookmarks menu or navigation in the menu or Firefox menu button drop-down bar (Alt + B)
    • If the URL in the active tab is set bookmark and the star is highlighted blue and then click the star highlighted or use "Bookmark This Page/Edit this bookmark" (Ctrl + D) to change the properties of the bookmark as the name and the location and move the bookmark to another folder or delete the bookmark
  • How to change the size of taskbar buttons? I did everything that I've seen proposed in these pages, and nothing works.

    How to change the size of taskbar buttons?  I did everything that I've seen proposed in these pages, and nothing works.

    The buttons of programs open in the taskbar are tiny and square.  I want them to be of normal size (by default).  I have locked and unlocked the task bar.  I moved the "three vertical lines composed small points."  Nothing works.

    If you want to enlarge all the icons in the taskbar, and then increase the point size of buttons of legend to a larger number of advanced appearance settings.
    Follow these steps:

    1. click on start, Control Panel, personalization, window color and appearance.
    2. on the window color and appearance, click "Classic appearance open for more color options" (link below).
    3. in the box "Appearance settings", click on the button "Advanced".
    4. in the box "Advanced appearance" under "Item:" dropdown, choose "buttons".
    5 set your size
    6. click on the OK button.
    7 on the "Appearance settings" box, click on the button 'Aplly', wait.
    8. click the OK button if you are uncomfortable with the size to change, or just click on the "Advanced" button to set the size.

    I hope I could help

  • Editable interactive report. To change the list column dropdown type filter.

    Hi all, I thought I had posted this, but I can't find my post, so apologies if it turns up to twice more...

    XE SUMMIT 4.2 11.2

    Ive created an editable interactive report... Everything works very well, and I have several Text, LOV and selection list columns...

    However when I now click on a column header to filter, sort etc drop-down list is the same format as the column itself. So if for example, I have a text box, then the drop-down list is also text boxes, if the column is a column LOV, the filter drop-down list is a list of fields LOV. (Im assuming this is correct behavior, because it simply inherits the column parent..)   So, I would change the lists to a list of standard display so that they are in order and can be used...

    I think so? I know I have to do, which is either to substitute the function that generates the dropdown filter... or probably more simply, write a bit of JS/JQuery that modify data for drop-down lists.  Im still to learn, some help would be appreciated...

    I think so. (and please correct me if I'm talkiing... garbage)   I need to find each of the appearance of the DIV with the ID that corresponds to the drop-down list box, and then loop through each entry and change the structure...

    Currently the source for drop-down fields resembles the following (for a text field...). :

    < div id = "apexir_rollover_content" >

    < a href = "javascript:void (false); ">

    < input type = "text" value = "24489" maxlength = size "2000" = "6" name = 'f06' > < / input >

    < /a >

    < a href = "javascript:void (false); ">

    < input type = "text" value = "N1021" maxlength = "2000" size = "6" name = 'f06' > < / input >

    < /a >

    < / div >

    How could I 1) browse each occurrence of div id = "apexir_rollover_content" on my page, so I found out about each other, how would I go through the list and change the line above an input to a standard list item text...? Or is there a simpler way to do it?

    Kind regards

    Richard

    Hello

    Problem was on your process to GET the VALUES of LOV.

    You did not bind the variable values of cursor.

    I created another process for your page that manages LOV BUDGET_CAT

    Kind regards

    Jari

  • Is it possible to change the playlist view back to display columns on iTunes?

    Is it possible to change the playlist view back to display the columns?

    View > view as > songs.

    TT2

  • Spam: how to change the list of junk e-mail in iPad

    How to change the list of junk e-mail in iPad

    If your question is about - how to indicate whether or not an e-mail is sent to the junk e-mail folder-

    Your best bet would be to do it on the web portal of the email provider (e.g. for Yahoo it would mail.yahoo.com)

    There is usually a button or switch to designate mail "Junk" or "not junk".

    If your question is rather modify the list itself

    Mailbox - junk e-mail - Edit button is at the top right

  • When I start Firefox, I always "Welcome to Firefos" tab. I tried to change the options for mu, but when I close Firefox, the options return to the origional options before them, I changed. How to fix the problems of St?

    When I start Firefox, I always "Welcome to Firefos" tab. I tried to change the options for mu, but when I close Firefox, the options return to the origional options before them, I changed.

    Looks like your current profile does not work correctly.

    Create a new profile as a test to see if your profile is the source of the problems.
    See basic troubleshooting: make a new profile:

    If this new profile works then you can transfer files from the old profile to the new profile (be careful not to copy corrupted files)

    See:

  • Satellite A200 - 23 X: how to change the app assigned to buttons on the touchpad

    Dear friends,
    I have the Toshiba A200 23 X with Vista.
    I installed the Synaptics pointing for the touchpad device. I assigned in the 3 buttons, 3 different possibilities for that when I touch each of these buttons to start the appropriate application.

    The question is how to change the applications that I assigned?

    The first time, before fix, when I touch for example, the first button, a small window appears asking to attach a request, the same happened with the rest buttons 2.
    But now I want to change these apps that I have attached to these buttons, I know no way th.

    If anyone can help please.

    Thank you very much

    Hello

    I think you can change the settings of touchpad button in the properties of the touchpad.
    You can find properties of * Panel-> mouse-> device (last tab)-> settings button settings *.

    There are a few options. You must choose the option called Dual mode
    You will find the area where new applications could be affected.

    Concerning

  • ThinkPad Tablet 2 BIOS: I can't change the list of boot devices. Help, please!

    Hello community,

    I need to restore Windows on my ThinkPad Tablet 2 via USB. But I can't change the list of boot devices in BIOS. The F12 option is not available. It is said: "F12 key is used to call a pop-up the boot devices list. This option is available only when supervisor enters setup. »

    What can I do?

    Kind regards

    The problem is solved!

  • How to permanently change the color of a button

    I use an action to change the color of a button.  It works but the color changes for only about a second and then back to the original color.  How can I make the color change permanently?

    Sigh, if a question was clear, that he would not take as long to get a response. I knew there was more than simply by changing the color of a button, where my questions.

    Personally, I would never trust effects for this particular case. They do not always work as expected and even less in 8.0.1 then 7. In addition, as this has always been the case, the application of effects by a step (or shared action) has a lot of limitations, because you cannot set the duration of effect, or specify the path, if it is a motion effect. The only solution that I found and explained a long time ago was to create a custom effect to apply. But the workflow is quite heavy: first he must create the effect based on time with the correct time and settings, then you can save it, but it won't be available immediately in the drop-down list in the dialog of AA. You must apply the effect custom time once, before it becomes available. BTW, the default duration of the tint to apply is 2secs, which cannot be changed in the AA dialog box.

    I don't see your response to Ajit, for some reason, maybe because it is personal and I am just a user. My approach would be to replace the original button with a touch of the color that you want, something as I used in the dashboard in this blog: Captivate 8 - first adventures - Captivate blog

    Forums act as strangely today as effects in Captivate, now the answer to Ajit popped up.

    Text buttons will always have the appearance of the system buttons, you can not change their color. It can be done with text buttons but once again, I never use them more because the form buttons appeared. Those are much easier to style and offer more choices. Furthermore they can be used on master slides and timed for the rest of the project, and you can even insert on Question slides.

  • How to use JavaScript to change the named view

    How to use JavaScript to change the named view

    Do you mean to jump to a specific Destination named within a PDF file? SE so there

    the method gotoNamedDest of the Document object.

  • Cannot change the list of participants

    I'm trying to change the list of participants, but I get a message saying that the "system is unable to process' .  Any ideas?

    Thanks for responding. My role was that of the host. In any case, I'm finally able to change the list of participants. I was told that Adobe Acrobat Connect Pro is 'down' for a day or two, and it's probably why I couldn't change the list. It seems to be okay now.

    Thank you

    Suzanne

  • Function that is supposed to change the label of a button

    I have a function that is supposed to change the label of a button component.

    "< mx:Button ="190"x ="266"id ="payoffType"labelPlacement = 'left' icon="@Embed (source ='... Toggle.png') "label ="-call ' width = '78' >
    < mx:click >
    <! [CDATA]
    updateLabels();

    []] >
    < / mx:click >
    < / mx:Button >

    public function updateLabels (): void
    {
    If (payoffType.label.slice (4, 5) is 'P')
    {

    payoffType.label = currencyPair.selectedLabel.slice (0, 3) + "Call";
    }
    on the other
    {
    payoffType.label = currencyPair.selectedLabel.slice (0, 3) + "Put";
    }
    }

    However once this is called it will update the datatip buttons (for example ' GBP Put ' that you see when you hover over the button) and the label of the button is set to "GBP" -

    Please please advise

    I think there can be question of width of button, do slightly increased it in & see what it shows as the label.

Maybe you are looking for