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: 1,008
Registered: ‎12-12-2010
My Device: Passport (Red Limited Edition)
My Carrier: Mobile Vikings
Accepted Solution

How to make a Container fill a ListItemComponent?

Hi,

 

I have the following ListItemComponent:

 

ListItemComponent {
                        type: "folder"
                        Container {
                            layout: DockLayout {}
                            layoutProperties: {
                                horizontalAlignment: HorizontalAlignment.Fill
                            }
	                        Label {
	                            text: ListItemData.title
	                            textStyle {
	                                base: SystemDefaults.TextStyles.BigText
	                                fontWeight: FontWeight.Bold
	                                color: Color.White
	                            }  
	                            verticalAlignment: VerticalAlignment.Center
	                            horizontalAlignment: HorizontalAlignment.Left
	                        }
	                        Label {
	                            text: ListItemData.numberOfComics
	                            verticalAlignment: VerticalAlignment.Center
	                            horizontalAlignment: HorizontalAlignment.Right
	                        }
                        } 
                    }

 However the second label (that's supposed to be touching the right edge of the screen, just sticks to the end of the first label. My guess is that the container doesn't fill the width it has available. How do I make sure the container fills it?

-------------------------------------------
BlackBerry Certified Builder for Native Application Development -- Proud member of the Belgian BlackBerry Developer group
Samples: Park in Ghent
Feeling generous? Nominate me for BB Elite member!
Developer
Posts: 1,008
Registered: ‎12-12-2010
My Device: Passport (Red Limited Edition)
My Carrier: Mobile Vikings

Re: How to make a Container fill a ListItemComponent?

Oops, looks like I need to do a more thorough search. This topic helped my fix it.

-------------------------------------------
BlackBerry Certified Builder for Native Application Development -- Proud member of the Belgian BlackBerry Developer group
Samples: Park in Ghent
Feeling generous? Nominate me for BB Elite member!
Highlighted
Developer
Posts: 6,473
Registered: ‎12-08-2010
My Device: PlayBook, Z10
My Carrier: none

Re: How to make a Container fill a ListItemComponent?

I believe there's a better approach than hacking in an otherwise unnecessary LeftToRight layout.

Try putting preferredWidth: Infinity on the Container... I don't have a test app here to verify that right now, but I believe that's what I've done that worked fine before. It works even with a simple TopToBottom (default) layout.

Peter Hansen -- (BB10 and dev-related blog posts at http://peterhansen.ca.)
Author of White Noise and Battery Guru for BB10 and for PlayBook | Get more from your battery!
Developer
Posts: 1,524
Registered: ‎12-18-2012
My Device: Z30, Z10 LE, DevAlpha C, PlayBook

Re: How to make a Container fill a ListItemComponent?

Thank you Peter. It works!

I've used FLT_MAX in C++ code:
setPreferredWidth(FLT_MAX);

Andrey Fidrya, @zmeyc on twitter