Welcome!

Welcome to the official BlackBerry Support Community Forums.

This is your resource to discuss support topics with your peers, and learn from each other.

inside custom component

Native Development

Reply
Highlighted
Developer
Posts: 120
Registered: ‎12-22-2011
My Device: ---
My Carrier: ---

ListView Custom Cell

Dears , 

 

I made a custom cell in BlackBerry 10 

but the view changed from the layout in qml and on device/simulator 

 

my code 

 

import bb.cascades 1.0

Page {
    id: viewListQML

    signal pagePushed()

    onPagePushed: {
        myIndicator.start();
        listChannelModel.loadAllChannels();
    }

    Container {
        layout: DockLayout {

        }

        horizontalAlignment: HorizontalAlignment.Fill
        verticalAlignment: VerticalAlignment.Fill

        ActivityIndicator {
            id: myIndicator
            preferredWidth: 100
            verticalAlignment: VerticalAlignment.Center
            horizontalAlignment: HorizontalAlignment.Center
        }

        Container {
            layout: StackLayout {
                orientation: LayoutOrientation.TopToBottom
            }

            Label {
                text: "your list  "
            }

            Label {
                id: responseLbl
            }

            ListView {
                id: listView
                property variant listImageManager: feedImageManager
                dataModel: feedModel
                layout: StackListLayout {
                    headerMode: ListHeaderMode.Sticky
                }
                listItemComponents: [
                    ListItemComponent {
                        type: "item"
                        RowItem {
                        }
                    }
                ]
                }


            }
        }
    }

}

 

The View im qml 

 

 

layout.png

 

the view on simulator or device 

simulator.png

 

Can any one tell me why this hepppen ??