CodeKeep XAML Feed

RU-ru DateTime Format

Thu, 14 Apr 2011 10:48:20 GMT

Description: RU-ru DateTime Format

Link: http://www.codekeep.net/snippets/58cb135c-e2d0-4f3a-80d0-7548c47c997f.aspx

<TextBlock Text="{Binding Path=TimeStamp, StringFormat=\{0:dd.MM.yyyy HH:mm:ss\}}">

StringFormat in XAML

Sun, 16 Jan 2011 18:45:19 GMT

Description: StringFormat in XAML

Link: http://www.codekeep.net/snippets/539703b3-e1b1-4ad1-9874-9ca1f525b535.aspx

<TextBox Text="{Binding StringFormat='HH:MM dd/M/yyy'}" />

Button ControlTemplate - Ellipse

Tue, 02 Nov 2010 07:46:48 GMT

Description: How to use the ControlTemplate based on Button

Link: http://www.codekeep.net/snippets/26be49ab-c9d7-4673-8025-4654748e859e.aspx

<Window.Resources>
    <ControlTemplate x:Key="ButtonTemplate">
        <Grid>
            <Ellipse x:Name="ellipse" Stroke="Black" Fill="Orange" />
            <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center"
                       Text="{TemplateBinding Property=Button.Content}"/>
        </Grid>
        <ControlTemplate.Triggers>
            <EventTrigger RoutedEvent="Button.MouseEnter">
                <EventTrigger.Actions>
                    <BeginStoryboard>
                        <Storyboard SpeedRatio="20">
                            <DoubleAnimation Storyboard.TargetName="ellipse"
                                             Storyboard.TargetProperty="(Ellipse.StrokeThickness)"
                                             From="1" To="10" Duration="00:00:01"
                                             AutoReverse="True" /> 
                            <ColorAnimation Storyboard.TargetName="ellipse"
                                            Storyboard.TargetProperty="(Ellipse.Fill).(SolidColorBrush.Color)"
                                            From="Orange" To="Blue" Duration="00:00:01"
                                            AutoReverse="True"/>
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger.Actions>
            </EventTrigger>
        </ControlTemplate.Triggers>
    </ControlTemplate>
</Window.Resources>


<StackPanel>
 <Button Name="btn" Width="150" Height="40" Content="TestTemplate"
            Template="{DynamicResource ButtonTemplate}">
        <Button.RenderTransform>
            <!--RotateTransform Angle="90" /-->
            <ScaleTransform ScaleY="3.0" />
        </Button.RenderTransform>
    </Button>
</StackPanel>

Style WPF ListBox to display items Horizontally

Thu, 28 Oct 2010 20:07:06 GMT

Description: Style WPF ListBox to display items Horizontally instead of vertical and provide scrollbar on both ends of list box.

Link: http://www.codekeep.net/snippets/85fe3516-01aa-4bdd-91c3-233b26b1e13f.aspx

*****************************************
File Name: MainWindow.xaml
*****************************************
<Window x:Class="MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"   
    Title="MainWindow" Height="350" Width="600">
    
    <DockPanel>
         <ListBox Name="NameList" BorderBrush="Black" BorderThickness="2" 
                     Height="100" Width="500">
                <ListBox.Template>
                    <ControlTemplate TargetType="{x:Type ListBox}">
                        <DockPanel>
                            <RepeatButton x:Name="LineLeftButton" DockPanel.Dock="Left" Width="25" Height="25"
                                          Content="&lt;" Margin="0,0,5,0"
                                          Command="{x:Static ScrollBar.LineLeftCommand}"       
                                          CommandTarget="{Binding ElementName=scrollviewer}"/>
                            <RepeatButton x:Name="LineRightButton" DockPanel.Dock="Right" Width="25" Height="25"
                                      Background="Transparent"
                                          Content="&gt;" Margin="10,0,0,0"
                                          Command="{x:Static ScrollBar.LineRightCommand}"       
                                          CommandTarget="{Binding ElementName=scrollviewer}"/>

                            <ScrollViewer x:Name="scrollviewer" HorizontalScrollBarVisibility="Hidden" >
                                <StackPanel IsItemsHost="True" Orientation="Horizontal" />
                            </ScrollViewer>
                        </DockPanel>
                    </ControlTemplate>
                </ListBox.Template>

                <ListBox.ItemTemplate>
                    <DataTemplate>
                        <StackPanel Orientation="Horizontal" Width="50">
                            <TextBlock Text="{Binding Path=FirstName}" />
                        </StackPanel>
                    </DataTemplate>
                </ListBox.ItemTemplate>
            </ListBox>
    </DockPanel>
</Window>

*****************************************
File Name: MainWindow.xaml.vb
*****************************************

Imports System.Collections.ObjectModel

Class MainWindow

    Private Sub SSNList_SelectionChanged(ByVal sender As System.Object, ByVal e As System.Windows.Controls.SelectionChangedEventArgs) Handles NameList.SelectionChanged

    End Sub

    Private Sub Window_Loaded(ByVal sender As System.Object, ByVal e As System.Windows.RoutedEventArgs) Handles MyBase.Loaded
        NameList.ItemsSource = New NameList()
    End Sub

End Class


Public Class NameList
    Inherits ObservableCollection(Of PersonName)

    ' Methods
    Public Sub New()
        MyBase.Add(New PersonName("35456"))
        MyBase.Add(New PersonName("hgfhj"))
        MyBase.Add(New PersonName("dffg"))
        MyBase.Add(New PersonName("dfgdfg"))
        MyBase.Add(New PersonName("dfgfdg"))
        MyBase.Add(New PersonName("245435"))
        MyBase.Add(New PersonName("dfgfdg"))
        MyBase.Add(New PersonName("dfgfdg"))
        MyBase.Add(New PersonName("6787688"))
        MyBase.Add(New PersonName("cvbcv"))
        MyBase.Add(New PersonName("ertr"))
        MyBase.Add(New PersonName("45654"))
        MyBase.Add(New PersonName("fdgf"))
        MyBase.Add(New PersonName("ssdfd"))
        MyBase.Add(New PersonName("35435"))
        MyBase.Add(New PersonName("lkjl"))
    End Sub

End Class

Public Class PersonName
    Public Sub New(ByVal first As String)
        Me._firstName = first
    End Sub


    Public Property FirstName() As String
        Get
            Return Me._firstName
        End Get
        Set(ByVal value As String)
            Me._firstName = value
        End Set
    End Property

    Private _firstName As String
End Class

CheckBox Command Binding

Sun, 22 Aug 2010 11:36:38 GMT

Description: CheckBox Command Binding

Link: http://www.codekeep.net/snippets/2ab52451-a6aa-44b6-800f-2e40cee97401.aspx

<CheckBox Content="Automatically connect." 
          Command="{Binding Path=AutoConnectCommand}"
          CommandParameter="{Binding RelativeSource={RelativeSource Self}, Path=IsChecked}" />


public ICommand AutoConnectCommand
{
   get
   {
      if (this.autoConnectCommand == null)
      {
         this.autoConnectCommand = new RelayCommand(param =>
         {
            bool isChecked = (bool)param;
         });
      }
      return this.autoConnectCommand;
   }
}

Windows 7 Selection XAML

Mon, 24 May 2010 19:44:47 GMT

Description: Windows 7 Selection XAML

Link: http://www.codekeep.net/snippets/a4ffe811-4ed9-455a-b019-e2be23b9669c.aspx

<Grid Height="22" Width="300" > 
   <Rectangle Stroke="#FF7DA2CE" RadiusX="2" RadiusY="2">
       <Rectangle.Fill>
            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                <GradientStop Color="#FFDCEBFC" Offset="0" />
                <GradientStop Color="#FFC1DBFC" Offset="1" />
            </LinearGradientBrush>
       </Rectangle.Fill>
    </Rectangle>
    <Rectangle Margin="1" Stroke="#FFEBF4FD" RadiusX="2" RadiusY="2" Fill="{x:Null}">
    </Rectangle>
</Grid>

Goto a TreeView

Sun, 11 Apr 2010 14:24:20 GMT

Description: go through all nodes independently of the level

Link: http://www.codekeep.net/snippets/bac43a72-e552-4a74-8fa5-dd782de60a6e.aspx

private void recursiveTreeTraversal(RadTreeNodeCollection levelNodes)
        {

            foreach (RadTreeNode node in levelNodes)
            {
                if (node.Text == "something")
                {

                    //some code here;  

                    //...  
                    break;
                }
                recursiveTreeTraversal(node.Nodes);

            }
        }

Empty style property setter

Fri, 05 Mar 2010 09:50:15 GMT

Description: -

Link: http://www.codekeep.net/snippets/0b2d8c83-98fa-4d58-a6ec-8079f86c8c84.aspx

<Setter Property="" Value=""></Setter>

Grid Rows and Cols (2x2)

Mon, 01 Mar 2010 15:35:54 GMT

Description: -

Link: http://www.codekeep.net/snippets/ab422596-e7fd-4d09-8cd0-af683fc99fc7.aspx

<Grid.RowDefinitions>
                                        <RowDefinition Height="Auto"></RowDefinition>
                                        <RowDefinition Height="*"></RowDefinition>
                                    </Grid.RowDefinitions>
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="Auto"></ColumnDefinition>
                                        <ColumnDefinition Width="*"></ColumnDefinition>
                                    </Grid.ColumnDefinitions>

XAML comments namespaces

Fri, 26 Feb 2010 13:18:47 GMT

Description: -

Link: http://www.codekeep.net/snippets/ebef8933-53a0-43cc-b812-fa09fcb252c8.aspx

xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
                    xmlns:comment="comment"
                    mc:Ignorable="d comment"

common Textbox & PasswordBox Style

Wed, 16 Dec 2009 08:59:12 GMT

Description: a common Style for Textbox & PasswordBox

Link: http://www.codekeep.net/snippets/7691bd04-b0f1-4174-9e9b-8eb7e6bebf7f.aspx

<!-- commonStyle for TextBox and PasswordBox -->
<System:Double x:Key="MinHeight">30</System:Double>
<System:Double x:Key="FontSize">14</System:Double>
<FontFamily x:Key="FontFamily">Verdana</FontFamily>
<ControlTemplate x:Key="ControlTemplate">
	<Border Name="Border" CornerRadius="4" Padding="2" Background="White" BorderBrush="Black" BorderThickness="1" >
		<ScrollViewer Margin="0" x:Name="PART_ContentHost"/>
	</Border>
</ControlTemplate>	
<Style x:Key="CommonStyle">
	<Setter Property="TextBox.MinHeight" Value="{StaticResource MinHeight}" />
	<Setter Property="PasswordBox.MinHeight" Value="{StaticResource MinHeight}" />		
	<Setter Property="TextBox.SnapsToDevicePixels" Value="True"/>
	<Setter Property="PasswordBox.SnapsToDevicePixels" Value="True"/>		
	<Setter Property="TextBox.OverridesDefaultStyle" Value="True"/>
	<Setter Property="PasswordBox.OverridesDefaultStyle" Value="True"/>		
	<Setter Property="TextBox.FocusVisualStyle" Value="{x:Null}"/>		
	<Setter Property="PasswordBox.FocusVisualStyle" Value="{x:Null}"/>		
	<Setter Property="TextBox.AllowDrop" Value="true"/>
	<Setter Property="PasswordBox.AllowDrop" Value="true"/>		
	<Setter Property="TextBox.FontFamily" Value="{StaticResource FontFamily}"/>
	<Setter Property="PasswordBox.FontFamily" Value="{StaticResource FontFamily}"/>		
	<Setter Property="TextBox.FontSize" Value="{StaticResource FontSize}"/>
	<Setter Property="PasswordBox.FontSize" Value="{StaticResource FontSize}"/>
	<Setter Property="TextBox.Template" Value="{StaticResource ControlTemplate}"/>
	<Setter Property="PasswordBox.Template" Value="{StaticResource ControlTemplate}"/>		
</Style>

<!-- TextBoxStyle -->
<Style TargetType="{x:Type TextBox}" BasedOn="{StaticResource CommonStyle}" />

<!-- PasswordBoxStyle -->
<Style TargetType="{x:Type PasswordBox}" BasedOn="{StaticResource CommonStyle}" />

Style Inheritance

Wed, 25 Nov 2009 08:31:26 GMT

Description: This will inherit from other style

Link: http://www.codekeep.net/snippets/28cd501f-bb4f-4b79-a552-58f6a935dbe9.aspx

<UserControl.Resources>
<Style x:Key="BigButtonStyle" TargetType="Button">
<Setter Property="FontFamily" Value="Georgia" />
<Setter Property="FontSize" Value="40" />
<Setter Property="Padding" Value="20" />
<Setter Property="Margin" Value="10" />
</Style>
<Style x:Key="EmphasizedBigButtonStyle" TargetType="Button"
BasedOn="{StaticResource BigButtonStyle}">
<Setter Property="BorderBrush" Value="Black" />
<Setter Property="BorderThickness" Value="5" />
</Style>
</UserControl.Resources>

StoryBoard

Wed, 25 Nov 2009 02:52:20 GMT

Description: Setup a StoryBoard in Silverlight

Link: http://www.codekeep.net/snippets/747559e7-7c8c-425d-b0e8-be8ea5c5cb4b.aspx

<UserControl.Resources>
        <Storyboard x:Name="rotateStoryBoard">
            <DoubleAnimation Storyboard.TargetName="rotateTransform" Storyboard.TargetProperty="Angle"
                     To="360" Duration="0:0:0.8" RepeatBehavior="Forever"  ></DoubleAnimation>
        </Storyboard>
        <Storyboard x:Name="unrotateStoryboard">
            <DoubleAnimation Storyboard.TargetName="rotateTransform"
                    Storyboard.TargetProperty="Angle" To="0" Duration="0:0:0.2"></DoubleAnimation>
        </Storyboard>
    </UserControl.Resources>

-----------------------------------

<Storyboard x:Name="unrotateStoryboard">
<DoubleAnimation Storyboard.TargetName="rotateTransform"
Storyboard.TargetProperty="Angle" To="0" Duration="0:0:0.2"></DoubleAnimation>
</Storyboard>
Here's the event handler:

private void cmd_MouseLeave(object sender, MouseEventArgs e)
{
unrotateStoryboard.Begin();
}

With a little more work, you can make these two animations and the two event
handlers work for a whole stack of rotatable buttons, as shown in Figure 10-7. The trick is to
handle the events of all the buttons with the same code, and dynamically assign the target of
the storyboard to the current button using the Storyboard.SetTarget() method:

private void cmd_MouseEnter(object sender, MouseEventArgs e)
{
rotateStoryboard.Stop();
Storyboard.SetTarget(rotateStoryboard, ((Button)sender).RenderTransform);
rotateStoryboard.Begin();
}

private void cmd_MouseLeave(object sender, MouseEventArgs e)
{
unrotateStoryboard.Stop();
Storyboard.SetTarget(unrotateStoryboard, ((Button)sender).RenderTransform);
unrotateStoryboard.Begin();
}

Initialization Parameter

Tue, 24 Nov 2009 08:13:01 GMT

Description: If you want to pass values from html to silverlight

Link: http://www.codekeep.net/snippets/fc7723c3-19d2-4dd0-92cc-610cfd831905.aspx

The Startup event passes in a StartupEventArgs object, which includes one additional detail:
initialization parameters. This mechanism allows the page that hosts the Silverlight control to
pass in custom information. This is particularly useful if you host the same Silverlight
application on different pages, or you want the Silverlight application to vary based on userspecific
or session-specific information. For example, you can customize the application's view
depending on whether users are entering from the customer page or the employee page. Or,
you may choose to load different information based on the product the user is currently
viewing. Just remember that the initialization parameters come from the tags of the HTML
entry page, and a malicious user can alter them.

For example, imagine you want to pass a ViewMode parameter that has two possible
values, Customer or Employee, as represented by this enumeration:

public enum ViewMode
{
Customer, Employee
}

You need to change a variety of details based on this information, so it makes sense to
store it somewhere that's accessible throughout your application. The logical choice is to add a
property to your custom application class, like this:

private ViewMode viewMode = ViewMode.Customer;
public ViewMode ViewMode
{
get { return viewMode; }
}

This property defaults to customer view, so it needs to be changed only if the web page
specifically requests the employee view.
To pass the parameter into your Silverlight application, you need to add a <param>
element to the markup in the Silverlight content region. This parameter must have the name
initParams. Its value is a comma-separated list of name-value pairs that set your custom
parameters. For example, to add a parameter named viewMode, you add the following line
(shown in bold) to your markup:

<div id="silverlightControlHost">
<object data="data:application/x-silverlight,"
type="application/x-silverlight-2" width="100%" height="100%">
<param name="source" value="TransparentSilverlight.xap"/>
<param name="onerror" value="onSilverlightError" />
<param name="background" value="white" />
<param name="initParams" value="viewMode=Customer" />
...
</object>
<iframe style='visibility:hidden;height:0;width:0;border:0px'></iframe>
</div>

Then, you can retrieve this from the StartupEventArgs.InitParams collection. However,
you must check first that it exists:

private void Application_Startup(object sender, StartupEventArgs e)
{
// Take the view mode setting, and store in an application property.
if (e.InitParams.ContainsKey("viewMode"))
{
string view = e.InitParams["viewMode"];
if (view == ""Employee"") this.viewMode = ViewMode.Employee;
}
// Create the root page.
this.RootVisual = new Page();
}

If you have many possible values, you can use the following leaner code to convert the
string to the corresponding enumeration value, assuming the text matches exactly:

string view = e.InitParams["viewMode"];
try
{
this.viewMode = (ViewMode)Enum.Parse(typeof(ViewMode), view, true);
}
catch { }

Now, different pages are free to pass in a different parameter and launch your
application with different view settings. Because the view information is stored as a property in
the custom application class (named App), you can retrieve it anywhere in your application:

lblViewMode.Text = "Current view mode: " +
((App)Application.Current).ViewMode.ToString();

Autocomplete - Custom Filtering

Tue, 24 Nov 2009 07:53:49 GMT

Description: Silverlight3 - Autocomplete - Custom Filtering

Link: http://www.codekeep.net/snippets/e7c07e79-ca7f-4590-b1ef-a8c2068cfbbe.aspx

To perform any sort of custom filtering, you must set the TextFilter or ItemFilter property. Use
TextFilter if your ItemsSource is a collection or strings, and use ItemFilter if your ItemsSource is
a collection with some other sort of object. Either way, the TextFilter or ItemFilter property
takes a delegate that points to a method that performs the custom filtering. This method takes
two arguments: the text that the user has entered so far, and the item that you're currently
testing for a match.

public bool ItemFilter(string text, object item)
{ ... }

The code in the filtering method should perform whatever comparison logic you need,
and return true if the item should be included as a drop-down suggestion based on the current
text, or false if it should be omitted.

Custom filtering is particularly useful if you're comparing text against a list of complex
objects. That's because it allows you to incorporate the information that's stored in different
properties.

For example, imagine you have this simple Product class:

public class Product
{
public string ProductName { get; set; }
public string ProductCode { get; set; }
public Product(string productName, string productCode)
{
ProductName = productName;
ProductCode = productCode;
}
public override string ToString()
{
return ProductName;
}
}

You then decide to build an AutoCompleteBox that attempts to match the user's text
with a Product object. In preparation for this step, you fill the AutoComplexBox.ItemsSource
collection with product objects:

Product[] products = new []{
new Product("Peanut Butter Applicator", "C_PBA-01"),
new Product("Pelvic Strengthener", "C_PVS-309"), ...};

acbProduct.ItemsSource = products;

If you take no further steps, the AutoCompleteBox will use its standard behavior. As
the user types, it will call ToString() on each Product object. It will then use that text to perform
its suggestion filtering. Because the Product class overrides the ToString() method to return the
product name, the AutoCompleteBox will attempt to match the user's text with a product
name, which is perfectly reasonable.

However, if you perform custom filtering you can get a bit more sophisticated. For
example, you can check if the user's text matches the ProductName property or the
ProductCode property and deem the Product object as a match either way. Here's an example
of the custom filtering logic that does the trick:

public bool ProductItemFilter(string text, object item)
{
Product product = (Product)item;
// Call it a match if the typed-in text appears in the product code
// or at the beginning of the product name.
return ((product.ProductName.StartsWith(text)) ||
(product.ProductCode.Contains(text)));
}

You simply need to connect this method to your AutoComplexBox when it's first
initialized:

acbProduct.ItemFilter = ProductItemFilter;

Autocomplete

Tue, 24 Nov 2009 07:46:21 GMT

Description: Silverlight3 - Autocomplete

Link: http://www.codekeep.net/snippets/7740d66a-f6ca-4510-b9d2-9ada5e8a222c.aspx

The AutoCompleteBox fuses a text entry with a drop-down list of suggestions. This feature is a
common sight on the Web, powering everything from the search box on the Google homepage
to the Internet Explorer address bar.

The Silverlight implementation is a surprisingly powerful control that gives you several
ways to decide what items should appear in the drop-down list. The simplest approach is to
start with an ordinary AutoCompleteBox:

<input:AutoCompleteBox x:Name="txtMonth"></input:AutoCompleteBox>
When you add an AutoCompleteBox from the toolbox, Visual Studio creates an XML
alias named input:

<UserControl xmlns:input="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Input" ... >

Once you've added an AutoCompleteBox, create an array or list that holds the
collection of possible suggestions (in no particular order), and apply this collection to the
AutoCompleteBox.ItemsSource property. Typically, you'd perform this step when the page first
loads, by adding your code to the page constructor or handling the UserControl.Loaded event.
Here's an example that uses the set of twelve calendar months:

string[] monthList = {"January", "February", "March", "April",
"May", "June", "July", "August", "September",
"October", "November", "December"};
txtMonth.ItemsSource = monthList;

That's enough to get the default behavior. When the user types a letter in the box at
runtime, a drop-down list of potential matches will appear, in alphabetical order (Figure 5-14).
To select an item (and avoid typing the whole text in by hand), you can click it with the mouse,
or cursor down to it with the arrow keys.

TabControl

Tue, 24 Nov 2009 07:18:27 GMT

Description: Silverlight3 - Tabcontrol

Link: http://www.codekeep.net/snippets/6a27c79a-0019-49d0-97c7-fee9bc005b53.aspx

The TabControl
You're no doubt familiar with the TabControl, a handy container that condenses a large
amount of user interface into a set of tabbed pages. In Silverlight, the TabControl is an items
control that holds one or more TabItem elements.
Like several of Silverlight's more specialized controls, the TabControl is defined in a
separate assembly. When you add it to a page, Visual Studio will add a reference to the
System.Windows.Controls.dll assembly, and map a new XML namespace, like this one:
<UserControl xmlns:controls=
"clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls"
... >
To use the TabControl, you must fill it with one or more TabItem elements. Each
TabItem represents a separate page. Because the TabItem is a content control, it can hold
another Silverlight element (like a layout container).
Here's an example of a TabControl that includes two tabs. The first tab holds a
StackPanel with three check boxes:

<controls:TabControl>
<controls:TabItem Header="Tab One">
<StackPanel Margin="3">
   <CheckBox Margin="3" Content="Setting 1"></CheckBox>
   <CheckBox Margin="3" Content="Setting 2"></CheckBox>
   <CheckBox Margin="3" Content="Setting 3"></CheckBox>
</StackPanel>
</controls:TabItem>
<controls:TabItem Header="Tab Two">
...
</controls:TabItem>
</controls:TabControl>
The TabItem holds its content (in this example, a StackPanel) in the TabItem.Content
property. Interestingly, the TabItem also has another property that can hold arbitrary content-
the Header. In the previous example, the Header holds a simple text string. However, you just
as readily fill it with graphical content or a layout container that holds a whole host of elements,
as shown here:
<controls:TabControl>
<controls:TabItem>
<controls:TabItem.Header>
<StackPanel>
<TextBlock Margin="3">Image and Text Tab Title</TextBlock>
<Image Source="happyface.jpg" Stretch="None" />
</StackPanel>
</controls:TabItem.Header>
<StackPanel Margin="3">
<CheckBox Margin="3" Content="Setting 1"></CheckBox>
<CheckBox Margin="3" Content="Setting 2"></CheckBox>
<CheckBox Margin="3" Content="Setting 3"></CheckBox>
</StackPanel>
</controls:TabItem>
<controls:TabItem Header="Tab Two">
...
</controls:TabItem>
</controls:TabControl>

Popup

Tue, 24 Nov 2009 07:14:33 GMT

Description: Silverlight3 - Popup

Link: http://www.codekeep.net/snippets/b2a8bc7c-e943-4612-8b47-baabd84f3719.aspx

<StackPanel Margin="20">
<TextBlock TextWrapping="Wrap" MouseLeftButtonDown="txt_MouseLeftButtonDown"
Text="Click here to open the PopUp."></TextBlock>
<Popup x:Name="popUp" MaxWidth="200">
<Border Background="Lime" MouseLeftButtonDown="popUp_MouseLeftButtonDown">
<TextBlock Margin="10" Text="This is the PopUp."></TextBlock>
</Border>
</Popup>
</StackPanel>
The only remaining detail is the relatively trivial code that shows the Popup when the
user clicks it, and the code that hides the Popup when it's clicked:
private void txt_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
popUp.IsOpen = true;
}
private void popUp_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
popUp.IsOpen = false;
}

Create fancy tooltip

Tue, 24 Nov 2009 07:03:22 GMT

Description: Silverlight3 - Customized ToolTips

Link: http://www.codekeep.net/snippets/28f98125-7492-4ea8-94cb-f05c62b4fc2a.aspx

<Button Content="I have a fancy tooltip">
<ToolTipService.ToolTip>
<StackPanel>
<TextBlock Margin="3" Text="Image and text"></TextBlock>
<Image Source="happyface.jpg"></Image>
<TextBlock Margin="3" Text="Image and text"></TextBlock>
</StackPanel>
</ToolTipService.ToolTip>
</Button>

Bindable RadioButtonList

Wed, 04 Nov 2009 17:24:27 GMT

Description: List of RadioButtons that don't loose their binding when clicked and still only allow one rdio button to be selected at any time. Take from Pro WPF 2008

Link: http://www.codekeep.net/snippets/c39d7337-23c3-4ac1-a7df-13311a3a0abf.aspx

<Style x:Key="RadioButtonListStyle" TargetType="{x:Type ListBox}">

            <Setter Property="ItemContainerStyle">

               <Setter.Value>

                  <Style TargetType="{x:Type ListBoxItem}">

                     <Setter Property="Margin" Value="2"/>

                     <Setter Property="Template">

                        <Setter.Value>

                           <ControlTemplate TargetType="{x:Type ListBoxItem}">

                              <RadioButton Focusable="False" IsChecked="{Binding Path=IsSelected, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent} }">

                                 <ContentPresenter/>

                               

                              </RadioButton>

                           </ControlTemplate>

                        </Setter.Value>

                     </Setter>

                  </Style>

               </Setter.Value>

            </Setter>

         </Style>

Automatic ProgressBar

Wed, 04 Nov 2009 17:21:06 GMT

Description: Automatic ProgressBar for testing:

Link: http://www.codekeep.net/snippets/cfa3febf-c8cb-4cd6-b7b1-e5f4efd77b35.aspx

<ProgressBar x:Name="MessageProgessBar"
                   Maximum="100" Minimum="0"
                   Height="25" Width="275">
        <ProgressBar.Triggers>
          <EventTrigger RoutedEvent="ProgressBar.Loaded">
            <BeginStoryboard>
              <Storyboard>
                <DoubleAnimation Storyboard.TargetName="MessageProgessBar"
                                 Storyboard.TargetProperty="Value"
                                 From="0" To="100" Duration="0:0:30"/>
              </Storyboard>
            </BeginStoryboard>
          </EventTrigger>
        </ProgressBar.Triggers>
      </ProgressBar>

Accelerate or Decelerate of Animation in XAML

Tue, 20 Oct 2009 17:30:59 GMT

Description: Accelerate or Decelerate of Animation in XAMl Beschleuningen und Verlangsamen von Animationen (Trigger, Storyboard, DoubleAnimation)

Link: http://www.codekeep.net/snippets/3cf395f4-896e-4f6e-9910-dce71b10567b.aspx

<StackPanel Margin="20">

        <Rectangle Name="nonAcceleratedOrDeceleratedRectangle" Fill="#9933FF" 
      Width="10" Height="20" HorizontalAlignment="Left" />

        <Rectangle Name="acceleratedRectangle" Fill="#3333FF" 
      Width="10" Height="20" HorizontalAlignment="Left" />

        <Rectangle Name="deceleratedRectangle" Fill="#33FF66" 
      Width="10" Height="20" HorizontalAlignment="Left" />

        <Rectangle Name="acceleratedAndDeceleratedRectangle" Fill="#CCFF33" 
      Width="10" Height="20" HorizontalAlignment="Left" />

        <!-- Create a button to start the animations. -->
        <Button Margin="0,30,0,0" HorizontalAlignment="Left"
      Content="Start Animations">
            <Button.Triggers>
                <EventTrigger RoutedEvent="Button.Click">
                    <BeginStoryboard>
                        <Storyboard>

                            <!-- Creates an animation without acceleration or deceleration for comparison. -->
                            <DoubleAnimation         
                Storyboard.TargetName="nonAcceleratedOrDeceleratedRectangle" 
                Storyboard.TargetProperty="(Rectangle.Width)"
                Duration="0:0:10" From="20" To="400" />

                            <!-- Creates an animation that accelerates through 40% of its duration. -->
                            <DoubleAnimation 
                Storyboard.TargetName="acceleratedRectangle" 
                Storyboard.TargetProperty="(Rectangle.Width)"
                AccelerationRatio="0.4" Duration="0:0:10" From="20" To="400" />

                            <!-- Creates an animation that decelerates through 60% of its duration. -->
                            <DoubleAnimation 
                Storyboard.TargetName="deceleratedRectangle" 
                Storyboard.TargetProperty="(Rectangle.Width)"
                DecelerationRatio="0.6" Duration="0:0:10" From="20" To="400" />

                            <!-- Creates an animation that accelerates through 40% of its duration and
                   decelerates through the 60% of its duration. -->
                            <DoubleAnimation 
                Storyboard.TargetName="acceleratedAndDeceleratedRectangle" 
                Storyboard.TargetProperty="(Rectangle.Width)"
                AccelerationRatio="0.4" DecelerationRatio="0.6" Duration="0:0:10" From="20" To="400" />
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger>
            </Button.Triggers>
        </Button>
    </StackPanel>

MultiLineTextBox with XAML

Tue, 20 Oct 2009 15:56:38 GMT

Description: MultiLineTextBox with XAML

Link: http://www.codekeep.net/snippets/ae15b15b-8acc-4a56-a9c1-a297acbdbe9d.aspx

<Style x:Key="MultiLine" TargetType="{x:Type TextBox}">
    <Setter Property="TextWrapping" Value="WrapWithOverflow" />
    <Setter Property="AcceptsReturn" Value="True" />
    ...
</Style>


<ScrollViewer Height="50">
    <TextBox Style="{DynamicResource MultiLine}" Text="Long long Text ..." />
</ScrollViewer>

add more than one resource to application

Wed, 29 Jul 2009 08:59:41 GMT

Description: if u need more than one resource in ur application

Link: http://www.codekeep.net/snippets/7c1da26a-781b-444b-a5de-2c134fe840c3.aspx

<Application.Resources>
    <ResourceDictionary>
        <ResourceDictionary.MergedDictionaries>
            <ResourceDictionary Source="stylingControls.xaml" />
	    <ResourceDictionary Source="stylingApplication.xaml" />
        </ResourceDictionary.MergedDictionaries>            
    </ResourceDictionary>
</Application.Resources>

Create test string collection in XAML

Thu, 21 May 2009 13:17:22 GMT

Description: Shows how to create a resource that is an array of strings to test XAML in XAMLPad.

Link: http://www.codekeep.net/snippets/48d5e308-111b-4b19-b767-fb53bb1c2dbf.aspx

<Page
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  xmlns:clr="clr-namespace:System;assembly=mscorlib"
  >
  <Page.Resources>
    <x:Array x:Key="array" Type="{x:Type clr:String}">
      <clr:String>ABC</clr:String>
      <clr:String>DEF</clr:String>
      <clr:String>1234567890</clr:String>
    </x:Array>
  </Page.Resources>
  <StackPanel>  
    <ListView ItemsSource="{StaticResource array}"/>
  </StackPanel>
</Page>