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
Posts: 101
Registered: ‎01-06-2014
My Device: Q10
My Carrier: EE
Accepted Solution

Multiline stackpanel

Is it possible to implement a horizontal stackpanel with multiple lines?

 

                Container {
                    layout: StackLayout {orientation: LayoutOrientation.LeftToRight}
                    clipContentToBounds: false
                    Label {
                        text: "8"
                        textStyle.color: Color.White
                        textStyle.fontSize: FontSize.Large
                        rightMargin: 100
                    }
                    Label {
                        text: "11"
                        textStyle.color: Color.White
                        textStyle.fontSize: FontSize.Large
                        rightMargin: 100
                    }
                    Label {
                        text: "21"
                        textStyle.color: Color.White
                        textStyle.fontSize: FontSize.Large
                        rightMargin: 100
                    }
                    Label {
                        text: "23"
                        textStyle.color: Color.create("#1E1EFF")
                        textStyle.fontSize: FontSize.Large
                        rightMargin: 100
                    }
                    Label {
                        text: "25"
                        textStyle.color: Color.create("#1E1EFF")
                        textStyle.fontSize: FontSize.Large
                        rightMargin: 100
                    }
                }

 

Highlighted
Developer
Posts: 1,746
Registered: ‎04-08-2010
My Device: Passport Silver, PRIV
My Carrier: Telekom.de, O2, Vodafone

Re: Multiline stackpanel

container stacklayout top-bottom

inside each row a container stacklayout left-rigth

each label same space using stacklayout properties spacequote 1.0

-------------------------------------------------------------------------------
ekke (independent software architect, rosenheim, germany)

BlackBerry Elite Developer
BlackBerry Platinum Enterprise Partner
International Development native Mobile Business Apps
BlackBerry 10 | Qt Mobile (Android, iOS)
Workshops / Trainings / Bootcamps

blog: http://ekkes-corner.org
mobile-development: http://appbus.org Twitter: @ekkescorner