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


Thank you for visiting the BlackBerry Support Community Forums.

BlackBerry will be closing the BlackBerry Support Community Forums Device Forums on April 1st (Developers, see below)

BlackBerry remains committed to providing excellent customer support to our customers. We are delighted to direct you to the CrackBerry Forums, a well-established and thorough support channel, for continued BlackBerry support. Please visit http://forums.crackberry.com or http://crackberry.com/ask. You can also continue to visit BlackBerry Support or the BlackBerry Knowledge Base for official support options available for your BlackBerry Smartphone.

"When we launched CrackBerry.com 10 years ago, we set out to make it a fun and useful destination where BlackBerry Smartphone owners could share their excitement and learn to unleash the full potential of their BlackBerry. A decade later, the CrackBerry community is as active and passionate as ever and I know our knowledgeable members and volunteers will be excited to welcome and assist more BlackBerry owners with their questions."

- Kevin Michaluk, Founder, CrackBerry.com

Developers, for more information about the BlackBerry Developer Community please review Join the Conversation on the BlackBerry Developer Community Forums found on Inside BlackBerry.


Reply
Highlighted
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!
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