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
Developer
laurentC
Posts: 266
Registered: ‎02-05-2010
My Device: Blackberry Z10
My Carrier: Bouygues Telecom

How to center ListItemComponent in GridListLayout ?

Hello,
I want to use the GridListLayout layout to display Labels in my ListView.
But I can't center them verticaly. They are only centered horizontaly !!!
Here's my code :

Page {            
    Container {                                    
        ListView {    
            layout: GridListLayout {
                orientation:LeftToRight
                columnCount:6
            }            
            id:lettersList
            dataModel: lettersModel
            attachedObjects: [                            
                LettersModel {
                    id: lettersModel                                
                    jsonAssetPath: "app/native/assets/letters.json"
                    filter:"A"                                
                }
            ]    
            listItemComponents: [
                ListItemComponent {        
                    Container{                        
                        layout: DockLayout {
                        }
                        verticalAlignment: verticalAlignment.Fill
                        horizontalAlignment: HorizontalAlignment.Fill
                        
                        rightPadding: 2
                        topPadding: 2
                        bottomPadding: 2
                        leftPadding: 2
                        background: Color.LightGray
                        Label {
                            horizontalAlignment: HorizontalAlignment.Center
                            verticalAlignment: verticalAlignment.Center
                            text: ListItemData.title                                    
                        }
                    }                                                                                    
                }
            ]
            
        }
    }
}

Could you help ?

Thanks a lot,
Laurent

Twitter : @LaurentKP
My apps
Please use plain text.