Intersoft ClientUI Documentation
UXGridPanel Class
Members  See Also  Send Feedback
Intersoft.Client.UI.Controls.Interactivity Namespace : UXGridPanel Class






Provides a UXPanel layout in form of grid panel where item can be inserted, moved or removed interactively.

Object Model

UXGridPanel Class

Syntax

Visual Basic (Declaration) 
<DescriptionAttribute("Provides a UXPanel layout in form of grid panel where item can be inserted, moved or removed interactively.")>
Public Class UXGridPanel 
   Inherits UXPanel
   Implements IFramework, ILicensing, IGridPanel 
Visual Basic (Usage)Copy Code
Dim instance As UXGridPanel
C# 
[DescriptionAttribute("Provides a UXPanel layout in form of grid panel where item can be inserted, moved or removed interactively.")]
public class UXGridPanel : UXPanel, IFramework, ILicensing, IGridPanel 
Delphi 
public class UXGridPanel = class(UXPanel, IFramework, ILicensing, IGridPanel)
JScript 
DescriptionAttribute("Provides a UXPanel layout in form of grid panel where item can be inserted, moved or removed interactively.")
public class UXGridPanel extends UXPanel implements IFramework, ILicensing, IGridPanel 
Managed Extensions for C++ 
[DescriptionAttribute("Provides a UXPanel layout in form of grid panel where item can be inserted, moved or removed interactively.")]
public __gc class UXGridPanel : public UXPanel, IFramework, ILicensing, IGridPanel 
C++/CLI 
[DescriptionAttribute("Provides a UXPanel layout in form of grid panel where item can be inserted, moved or removed interactively.")]
public ref class UXGridPanel : public UXPanel, IFramework, ILicensing, IGridPanel 

Remarks

UXGridPanel is a uniform grid panel with drag drop capability and fluid adjustment animation when an item is moved, removed or added to the UXGridPanel.

Customizing Layout

All children in a UXGridPanel will be arranged in logical order based on their index. You do not need to set the Grid.Column, or Grid.Row for any of the children since the layout is automatically handled by the panel.

XAML Copy Code 
<Intersoft:UXGridPanel AllowReorderItem="True" Column="4" Row="4" ItemHeight="80" ItemWidth="80" Margin="16">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>
        <Image Source="phone-icon.png"/>
        <Intersoft:EllipsisText Text="Call" Grid.Row="1" Padding="6,2" TooltipStyle="{StaticResource EllipsisTooltipStyle}"/>
    </Grid>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>
        <Image Source="SMS-icon.png"/>
        <Intersoft:EllipsisText Text="SMS" Grid.Row="1" Padding="6,2" TooltipStyle="{StaticResource EllipsisTooltipStyle}"/>
    </Grid>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>
        <Image Source="chat-blank-icon.png"/>
        <Intersoft:EllipsisText Text="Instant Messanger" Grid.Row="1" Padding="6,2" TooltipStyle="{StaticResource EllipsisTooltipStyle}"/>
    </Grid>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>
        <Image Source="cal-icon.png"/>
        <Intersoft:EllipsisText Text="Calendar" Grid.Row="1" Padding="6,2" TooltipStyle="{StaticResource EllipsisTooltipStyle}"/>
    </Grid>
</Intersoft:UXGridPanel>

UXGridPanel has an Orientation property that controls the item arrangement. If it is set to Horizontal, it will fill the column first then the row. Similarly, if it is set to Vertical, it will fill the row first then column.

UXGridPanel used a uniform grid arrangement which means that all children will be placed inside a container that has dimension specified by ItemHeight and ItemWidth property, thus you need to be careful when configuring the size of the children. It is recommended to use auto size for all children in the UXGridPanel.

You can also control the margin between item by customizing the ItemMargin property. It's not necessary to manually change the margin of each child element.

Inheritance Hierarchy

System.Object
   System.Windows.DependencyObject
      System.Windows.UIElement
         System.Windows.FrameworkElement
            System.Windows.Controls.Panel
               Intersoft.Client.Framework.ISPanel
                  Intersoft.Client.UI.Controls.Interactivity.UXPanel
                     Intersoft.Client.UI.Controls.Interactivity.UXGridPanel

Requirements

Target Platforms: Windows 98, Windows NT 4.0, Windows Millennium Edition, Windows 2000, Windows XP Home Edition, Windows XP Professional, Windows Server 2003 family, Windows Vista, Windows Server 2008 family

See Also

© 2012 All Rights Reserved.