LayoutControlGroup

LayoutControlGroup is one of the few layout groups supported by the RadLayoutControl. When it comes to visual appearance LayoutControlGroup is the most simple of the groups. It displays only a border around its items.

You can read the Layout Panel article to get better understanding on how the layout groups are arranging their children.

Figure 1 shows how a LayoutControlGroup with few children looks. And Example 1 demonstrates how to set up a group.

Example 1: Setting up LayoutControlGroup

<telerik:RadLayoutControl>             
    <telerik:LayoutControlGroup >                 
        <Button Content="Item 1" /> 
        <Button Content="Item 2" /> 
        <Button Content="Item 3" /> 
        <Button Content="Item 4" /> 
    </telerik:LayoutControlGroup> 
</telerik:RadLayoutControl>       

Figure 1: LayoutControlGroup

You can add LayoutControlGroup into another layout group (see Example 2).

Example 2: Nesting LayoutControlGroups

<telerik:RadLayoutControl> 
    <telerik:LayoutControlGroup> 
        <telerik:LayoutControlGroup Orientation="Vertical">                     
            <Button Content="Item 1" /> 
            <Button Content="Item 2" /> 
            <telerik:LayoutControlGroup> 
                <Button Content="Item 1" /> 
                <Button Content="Item 2" /> 
            </telerik:LayoutControlGroup> 
            <Button Content="Item 3" /> 
        </telerik:LayoutControlGroup> 
        <Button Content="Item 4" /> 
        <Button Content="Item 5" /> 
        <Button Content="Item 6" /> 
    </telerik:LayoutControlGroup> 
</telerik:RadLayoutControl> 

Figure 2: Nested LayoutControlGroups

See Also

In this article
Not finding the help you need? Improve this article