ComponentOne ASP.NET MVC Controls
FlowLayout Class
Members  Example 

C1.Web.Mvc Namespace : FlowLayout Class
Defines a class represents the flow layout.
Syntax
'Declaration
 
Public Class FlowLayout 
   Inherits LayoutBase
   Implements ITemplate 
public class FlowLayout : LayoutBase, ITemplate  
Remarks

The FlowLayout class is used to define the FlowLayout for the DashboardLayout control,  in which the tiles are rendered in either the horizontal or vertical direction. The following options for the layout can be set using the properties of this class:

1. The direction in which the tiles are rendered can be set using the Direction property.

2. The Items property is used to add the tiles to the layout.

Example
@(Html.C1().DashboardLayout().Id("SampleDashboard")
        .AttachFlowLayout(flb => flb.Direction(FlowDirection.LeftToRight)
        .Items(isb =>
        {           
            isb.Add(ftb => ftb
                .Content("#CategorySales").Width(450).Height(300));
            isb.Add(ftb => ftb.HeaderText("Products Stock")
                .Content("#ProductsStock").Width(450).Height(300));
            isb.Add(ftb => ftb.HeaderText("Product Details")
                .Content("#ProductDetails").Width(500).Height(250));
        }))
)"
Inheritance Hierarchy

System.Object
   C1.Web.Mvc.Component
         C1.Web.Mvc.LayoutBase
            C1.Web.Mvc.FlowLayout

See Also

Reference

FlowLayout Members
C1.Web.Mvc Namespace