Adding a ListLayout as child of a ListLayout about famous-flex

[IjzerenHein]

Hi, you have to specify the size for layoutController1:

var layoutController1 = new LayoutController({
    size: [undefined, 90],
    ...
});  

The size is never automatically derived from the children.
You can also add a custom getSize function to the LayoutController in which you yourself calculate the desired height:

var layoutController1 = new LayoutController({...});
layoutController.getSize = function() {
   // calculate height...
   return [undefined, 90];
};

[christianvoigt]

thanks for the quick reply! I already feared that that would be the case. The sublists for each item contain a varying number of surfaces with their height set to true, so I have to add up all their sizes (plus the space between elements if there is any), right?

I think it would be cool to allow auto sizing for the LayoutController as an option so that its size is derived from its children.

[IjzerenHein]

I like the idea of letting the LayoutController use the size of the child renderables. I'll see whether I can come up with an elegant solution for it.

[IjzerenHein]

Hi, I've implemented this feature. I've added the ability to specify size: [undefined, true] to a LayoutController. It will then calculate the height of all the child renderables, which is then returned by the layoutController.getSize function.

Example:

var layoutController = new LayoutController({
   layout: ListLayout,
   size: [undefined, true], // tell the LayoutController to derive the height from the child-renderables
   dataSource: [
      new Surface({
         size: [undefined, true],
         content: 'sample text'
      }),
      new Surface({
         size: [undefined, true],
         content: 'sample text<br><br>testing'
      })
    ]
});

I've created a demo project for it here:
https://github.com/IjzerenHein/famous-flex-truesize-layoutcontroller-demo

Let me know whether this solves your problem.
Cheers!

[christianvoigt]

This solved my problem. Thank you for your great work and a happy new year!

[IjzerenHein]

Awesome, great to hear!
Happy new year to you too.