Cascades Development

[zezke]

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?

[zezke · Accepted solution]

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

[peter9477]

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.

[Zmey]

Thank you Peter. It works!

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