Fill Layout

layout:{
    type: 'fill'
}

Demo

<div id="fill-target" style="height:470px"></div>

<script type="text/javascript" class="source-code">
    var w = new ludo.FramedView({
        renderTo:'#fill-target',
        title:'Calendar View in fill layout',
        layout:{
            width:'400',
            height:'400',
            type:'fill'
        },
        children:[
            {
                type: 'calendar.Calendar'
            }
        ]
    });
</script>

The fill layout extends ludo.layout.Relative, and is a layout for one single child view. It's layout properties will automatically be set to

{
    width:'matchParent',
    height:'matchParent',
    alignParentTop:true,
    alignParentLeft:true
}

These layout properties says that the view should span use all available space inside it's parent view.

One example of it can be seen above where the ludo.calendar.Calendar view is placed inside a ludo.FramedView