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
zezke
Posts: 1,004
Registered: ‎12-12-2010
My Device: Z10 (red Limited Edition)
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!
Please use plain text.
Developer
zezke
Posts: 1,004
Registered: ‎12-12-2010
My Device: Z10 (red Limited Edition)

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!
Please use plain text.
Developer
peter9477
Posts: 6,473
Registered: ‎12-08-2010
My Device: PlayBook, Z10

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!
Please use plain text.
Developer
Zmey
Posts: 1,512
Registered: ‎12-18-2012
My Device: PlayBook, Z10, DAC

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
Please use plain text.