Intersoft ClientUI Documentation
ButtonAppearance Property
See Also  Send Feedback
Intersoft.Client.UI.Aqua Namespace > UXToolGroup Class : ButtonAppearance Property






Specifies the overall look and feel of the items in this group.

Syntax

Visual Basic (Declaration) 
<CategoryAttribute("Appearance")>
Public Property ButtonAppearance As FlatStyleMode
Visual Basic (Usage)Copy Code
Dim instance As UXToolGroup
Dim value As FlatStyleMode
 
instance.ButtonAppearance = value
 
value = instance.ButtonAppearance
C# 
[CategoryAttribute("Appearance")]
public FlatStyleMode ButtonAppearance {get; set;}
Delphi 
public read-write property ButtonAppearance: FlatStyleMode;
JScript 
CategoryAttribute("Appearance")
public function get,set ButtonAppearance : FlatStyleMode
Managed Extensions for C++ 
[CategoryAttribute("Appearance")]
public: __property FlatStyleMode get_ButtonAppearance();
public: __property void set_ButtonAppearance( 
   FlatStyleMode value
);
C++/CLI 
[CategoryAttribute("Appearance")]
public:
property FlatStyleMode ButtonAppearance {
   FlatStyleMode get();
   void set (    FlatStyleMode value);
}

Remarks

UXToolGroup has a unique feature that allows you to create a group of commands and present them in a stylish round-corner appearance with 3D border. This feature allows you to easily achieve rich design with simply some property sets, which traditionally requires a lot of plumbing code and workaround.

To enable this feature, you set the BorderAppearance of the UXToolGroup to ThreeD, which is illustrated in the following figure.

The following example shows how to achieve iTunes-like tool bar similar to the above illustration using UXToolGroup.

XAML Copy Code 
 <Intersoft:UXToolGroup HorizontalAlignment="Left" VerticalAlignment="Top" 
                        ButtonAppearance="ThreeD" CornerRadius="4" Height="30" 
                        BorderThickness="1" BorderBrush="#FFBABABA">

    <Intersoft:UXToolGroup.Effect>
        <DropShadowEffect ShadowDepth="1" Color="White" BlurRadius="1"/>
    </Intersoft:UXToolGroup.Effect>

    <Intersoft:UXToolBarButton Content="New" Width="80" HorizontalContentAlignment="Center" 
                                  IsToggleButton="True" IsChecked="True" GroupName="ViewGroup" />

    <Intersoft:UXToolBarButton Content="Featured" Width="80" HorizontalContentAlignment="Center" 
                                  IsToggleButton="True" GroupName="ViewGroup" />

    <Intersoft:UXToolBarButton Content="All" Width="80" HorizontalContentAlignment="Center" 
                                  IsToggleButton="True" GroupName="ViewGroup" />
</Intersoft:UXToolGroup>

As seen in the above illustration, UXToolGroup automatically selects the 3D style that predefined in the control. Technically, UXToolGroup takes advantage of the item container style architecture to internally determines the style to be used based on the property's value. This allows you completely redefine the 3D style, or the flat style, to your liking.

To learn more about item container style concept, see Styles and Template Overview.

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.