A little stuck on the list view scrolling direction

I'm probably going crazy or something, but trying to get my item LIstItem to display and scroll from left to right (based on the code Tutorial by Rodger).

Now, as shown below, it works as expected, scrolling up and down, but once I have change orientation: orientation or LayoutOrientation.LeftToRight: LayoutOrientation.RightToLeft it disappears completely.

                    layout: StackListLayout { orientation: LayoutOrientation.TopToBottom }
 Container {
                property int pageShown

                onCreationCompleted: {
                    listView.scrollToItem([0], ScrollAnimation.Smooth)
                }
                opacity: nightMode?0.8:1.0
                id: tutorialContainer
                layout: DockLayout {}
                horizontalAlignment: HorizontalAlignment.Center
                maxHeight: 500
                verticalAlignment: VerticalAlignment.Top
                background: Color.Black
                ListView {
                    id: listView

                    property int deviceWidth:  pixelWidth==""? originalPixelWidth: pixelWidth
                    property int deviceHeight: pixelHeight==""? originalPixelHeight: pixelHeight

                    property variant background: tutorialContainer.background

                    dataModel:_pinnedVideos.dataModel
                        //XmlDataModel { source: "asset:///streamTutorialModel.xml" }
                    layout: StackListLayout { orientation: LayoutOrientation.TopToBottom }
                    flickMode: FlickMode.SingleItem

                    function updatePageShown(page) {
                        tutorialContainer.pageShown = page
                    }

                    listItemComponents: [
                        ListItemComponent {
                            type: "item"
                            Container {
                                id: itemContainer
                                layout: DockLayout {}
                                onCreationCompleted: {
                                    console.log("fff" + ListItemData.page)
                                }
                                preferredWidth: itemContainer.ListItem.view.deviceWidth
                                preferredHeight: itemContainer.ListItem.view.deviceHeight
                                attachedObjects: LayoutUpdateHandler {
                                    id: luhPosition
                                    onLayoutFrameChanged: {
                                        if (luhPosition.layoutFrame.x >= - itemContainer.preferredWidth / 2 && luhPosition.layoutFrame.x <= itemContainer.preferredWidth / 2) {
                                            itemContainer.ListItem.view.updatePageShown(ListItemData.page)
                                        }
                                    }
                                }
                                Container {
                                    layout: DockLayout {}
                                    horizontalAlignment: HorizontalAlignment.Fill
                                    verticalAlignment: VerticalAlignment.Fill
                                    ImageView {
                                        imageSource: ListItemData.artWork
                                        horizontalAlignment: HorizontalAlignment.Center
                                        verticalAlignment: VerticalAlignment.Center
                                        maxHeight: itemContainer.ListItem.view.deviceHeight * 0.7
                                        maxWidth: itemContainer.ListItem.view.deviceWidth * 0.7
                                        scalingMethod: ScalingMethod.AspectFit
                                    }
                                    Container {
                                        horizontalAlignment: HorizontalAlignment.Fill
                                        verticalAlignment: VerticalAlignment.Top
                                        opacity: 1
                                        background: itemContainer.ListItem.view.background
                                        Label {
                                            text:ListItemData.videoTitle
                                            multiline: true
                                            horizontalAlignment: HorizontalAlignment.Center
                                            textStyle{

                                                fontSize: FontSize.PointValue
                                                fontSizeValue: 10
                                                base: SystemDefaults.TextStyles.TitleText
                                            }
                                        }
                                    }

                                }
                            }
                        }
                    ]
                }
            }

I never got the hang of things UI in Cascades, any help would be appreciated

Ah, that explains it.

I looked at your code, can't really see something that would make a huge difference to my own, it's confusing to me, just completely disappears when I want to use LeftToRight :/

Tags: BlackBerry Developers

Similar Questions

  • Last updated, 8 Firefox on Win7, opens Gmail to the list view, but cannot open the editor to read or write e-mail.

    From today, after the most recent update, Firefox 8 on Windows 7, when I opened GMail, I can see the list view, but when I try to open an e-mail to read or answer, I get an error saying GMail failed to load the rich text editor, and I can only see the snippet, without the content of the email.

    It seems to be caused by Adblock Plus 1.3.10. Disable temporarily it allows me to read and compose email normally.

  • The hand left panel doen't show the usual "Control Panel Home" switch and my control panel display is stuck on the classic view.

    The same thing happened to me recently: the hand left panel doen't show the usual "Control Panel Home" switch and my control panel display is stuck on the classic view. Click on "Show common tasks in folder" but that doesn't change anything. Finally, I tried a restore without success point. No idea how to get back the link "control Panel Home"?

    Thank you very much for your support

    Alain Truchat

    Split from here:

    http://answers.Microsoft.com/en-us/Windows/Forum/windows_xp-desktop/left-hand-pane-on-Control-Panel-missing-XP-Home/6ca7e184-e2be-4709-b865-81e5c3702629#last

    Hi, Alan.

    Reset Control Panel-
     
    Press Windows key + R
     
    Type inetcpl.cpl regsvr32.exe/n/i
     
    Press ok

  • With the help of QProperty for a label inside the list view

    Hello

    I wanted to assign the value of a label in the list view to a string QPROPERTY. I did it using Qt.myname = _app. QPropertyName. And Qt.myname attributed to label.

    It updates correctly during installation. But if I change the value, it is not updated within the display list, but working in another label that is outside the view of the list.

    It works for me

            ListView {
                property string myCppProperty: app.cppProperty
                listItemComponents: [
                    ListItemComponent {
                        Container {
                            id: listItemContainer
                            Label {
                                text: listItemContainer.ListItem.view.myCppProperty
                            }
                        }
                    }
                ]
            }
    
  • Hi, I'm developing a simple mobile app in DW CC 2015 using JQuery Mobile. LIKE I need the list view with description of the product, functionality and image, I would like to connect with database instead of "writing" all the tables in the bearings inside

    Hi, I'm developing a simple mobile app in DW CC 2015 using JQuery Mobile. LIKE I need the list view with description of the product, functionality and image, I would like to connect with database instead of "writing" all the tables in the bearings inside the Jquery page. In the future I would also be able to add, to remove the DB records. Any help, tutorial... Thanks TG

    I would like to connect with the database instead of "writing" all the tables in the bearings inside the Jquery page

    This is usually done with a CMS (content management system). There are commercial products CMS like WordPress, Joomla and perch. You create one or several layouts and then create pages of these page layouts using the CMS. In this way, it is possible to have hundreds of pages, each with unique content, but a page layout that can be managed in a place of sharing.

    CMSs on shelf don't require programming skills. Otherwise, some of us write our own CMS with custom functions, but this requires back-end, as with PHP programming.

  • The list view that stretches with the property of being Non-vmware

    Hello

    I added a custom column on the home page and for this column, I have to pass the value of the property of a custom object (not vmware, Object)

    Is this possible?

    PropertyProviderAdapter and DataProviderAdapter are independent of any UI code.  What are adapters side Java responds to requests for data from the client.

    In your case you don't need any interface class mediator user, just a PropertyProviderAdapter that meets the demand for data sent by the list view.  The query is generated by the platform, do not do anything :-)

  • Simulator: stuck in the desktop view

    Using the Simulator http://quirktools.com/screenfly/ I'm stuck in the desktop view:

    AA2001.BusinessCatalyst.com/index.html

    Try the free available on internet like this - http://quirktools.com/screenfly/.

    A bit more can be found here - http://www.webdesignerdepot.com/2012/11/6-free-mobile-device-emulators-pour-essais-votre-site /.

    Yes, the url of the site you mentioned is a simulator that shows only the display size not the exact workflow on the device.

    You can install any emulator on your computer to check for the specific version of the topology. For the version of the phone, you can use:

    http://www.mobilephoneemulator.com/ this would show similar workflow as in the version of the phone.

    For Tablet, there are emulators for install.

    http://www.mobilexweb.com/emulators

    Thank you

    Sanjit

  • Impossible to scroll through the list of fonts in InDesign (stuck on the list of Document only)

    Hello

    It is my first time ever poster and if I posted in the wrong place or wrong I apologize.

    Just recently, my InDesign (CS6) met a problem scroll through fonts in the drop down menu on the Panel. I always just selected (highlighted) text in the document and then to scroll upwards / downwards in the box the name of the font so that it should scroll each cast. Of course, this would result in being able to get a glimpse of what my selected text would look like in each font that I scrolled. Well now, all of a sudden I can only scroll my document only fonts (which are at the top of my list of fonts). He basically just guard cycling through the list like 5 fonts over and over. He won't go past the last document only melting in the list. If I click on a font not in my paper now and start to scroll from there he still jumps in my fonts only document. Any idea on what could be the cause? Any help would be greatly appreciated.

    Thank you

    Heather

    Try to restore your InDesign preferences:

    Garbage, replace, reset or restore the application's preferences

  • How to get the list view in iTunes 12.4.3 for Windows

    Guys, I'm LOSING MY MIND. I had to re - download iTunes (which I refused to update in eternity because I know of updated versions are generally never good), and this new Interface is making me remove my hair and cry. Not only is it completely intuitive, but it makes it incredibly difficult to navigate.

    I'm seeing all my music in classic list view, which I know he can do. When I first loaded it upward, she appeared in list view, but the time that I started clicking around, it became this heavy nightmare of the image. Every article I've read has a UI that I don't HAVE, where there is a drop-down list of some sort. Does anyone know how? I have attached a screenshot. BTW, that blue icon that you THINK would be seen list said just what is the next song. Complete waste of space. Jesus, just put it in a status bar, or scroll across the top.

    FYI: the only changes that I made in the preferences has been disable anything itunes store or apple related radio because literally ALL itunes became ads.

    How can I view my mode music list in iTunes 12.4?

    In the drop-down list, select music. Once in the music, in the sidebar, select the songs and you should be intraditional list view.

  • Cannot modify 'Recently added' to the title of the library to the list view.

    I am now using iTunes v12.4.0.119

    I chose the "recently added" to the title of the library and it seems stuck on the display of the album, I can't switch to the display of the list no matter what I do. I appreciate looking at album art, but I just can't stand the inefficiency of having all that unused space. I largely prefer a list view. I can not change anything on this playlist, less first how it is displayed.

    If I can't get it to display the list, I'll have to remove it. It is so shocking when all other points of view are set to list view and big boom-* dead space and visual clutter to album art page.

    Don't let me use a feature of good full advantage? No problem, I don't use it at all.

    Good day Starry001

    I hope this helps. Select 'Recently added' playlist on your sidebar, now in the menu bar go to "Display" and click on "View As"-> "Songs." Your playlist should now be displayed as a list of items. You can always switch between different views for each of your playlists.

  • Metadata in the list view does not show?

    In Folio Producer I have filled fields using the metadata (title of the Article, Description)

    But when I saw on the iPad using the TOC list view, aren't there. See attachment.

    Suggestions or ideas?

    Thanks in advance.

    Tom

    Metadata Fields.png

    Actually, no. Descriptions are only visible when you scroll through the items using the view "flatplan' using the right top key.

    The table of contents displays Kickers and titles.

  • Get the title or the content of the an element selected in the list view?

    Hello guys, I made a list view and I need to get the content of the selected item (item Ontriggerd)

    onTriggered: {}
    lable. Text =?
    navigationPane.push (bPage);
    }

    Thank you

    dataModel.data (row) returns a QVariant. To call ".someProperty", you will need to know the type of the object (int, string, etc.) and call the appropriate function (toInt, toString, etc.). For example, if your QVariant has elements of the string:

    lable. Text = dataModel.data (row) m:System.NET.SocketAddress.ToString ();

    An example aside, if she has a StandardListItem object:

    Label.Text = dataModel.data (row) .title ();

  • The maximum size of the text entered in the field "Search" the list view

    I created an APEX 5.0 application using theme 51. I have a simple list view for which the function 'Enable search' is checked.

    I want to limit the length of the "search string" in the field "search". How can I do this?

    There seems to be no limit on the size of the string in the search field. Enter a very large string in this field and submitting research causes APEX return an "Internal Server" error

    CITY

    Hi Michael,

    the amount of data entering your users? Because the limit should be 32 KB.

    Unfortunately, the search field is generated by the jQuery Mobile framework so we do not really have control of a limit, but you can specify the static 'ID' attribute in your area in order to "myListView" and then add the following code to your page "Run when the page loads" level attribute

    $( "#myListView input[data-type=search]" ).attr( "maxlength", 255 );
    

    But I doubt that this is necessary. Can you please post a screenshot of your error message "internal server".

    Concerning

    Patrick

  • Web App search results to display the TASK parallel library instead of the list view

    Is it possible to get the search results Web App to view a presentation BPD instead of the standard list view?

    If it is possible the call would go on the form or on the page of results? (currently, use the same results page for several web applications.

    Thank you!

    Not quite sure what your after.

    You can send the results of research to a custom page, I think you did that? This page can have its own model.

    The module itself for the search results:

    {module_webappsresults, bkp, resultsPerPage, hideEmptyMessage, rowLength, sort}

    They are key elements where bkp being true means that search results will use the backup of the web application on the main list.

    If you apply the rule of custom template by adding a space and a model = "PATHTOFILE", you can specify the search results to use a custom template.

    http://helpx.Adobe.com/business-catalyst/partner/using-custom-templates-modules.html

    None of this is what your after?

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

Maybe you are looking for