TIPSTestPage.aspx

<script type=”text/javascript”>
        function CallMe(text) {
            alert(“this messagebox is from javascript:” + text)
        }
</script> 

MainPage.xaml

<UserControl x:Class=”TIPS.MainPage”
    xmlns=”http://schemas.microsoft.com/winfx/2006/xaml/presentation“
    xmlns:x=”http://schemas.microsoft.com/winfx/2006/xaml“
    xmlns:d=”http://schemas.microsoft.com/expression/blend/2008“
    xmlns:mc=”http://schemas.openxmlformats.org/markup-compatibility/2006“
    mc:Ignorable=”d” d:DesignWidth=”640″ d:DesignHeight=”480″
    xmlns:dark=”clr-namespace:System.Windows.Controls.Theming;assembly=System.Windows.Controls.Theming.ExpressionDark”
    xmlns:local=”clr-namespace:TIPS”>
    <dark:ExpressionDarkTheme>
        <StackPanel>
            <Button x:Name=”btn” Content=”Call Javascript” Width=”120″ Height=”30″ />
        </StackPanel>
    </dark:ExpressionDarkTheme>
</UserControl>

MainPage.xaml.cs

using System.Windows.Controls;
using System.Windows.Browser;

namespace TIPS
{
    public partial class MainPage : UserControl
    {
        public MainPage()
        {
            InitializeComponent();
            this.btn.Click += (a, b) => {
                HtmlPage.Window.CreateInstance(“CallMe”,”Info from silverlight.”);
            };
        }
    }
}

Sharker Khaleed Mahmud
Web Developer

MainPage.xaml

<UserControl xmlns:controls=”clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls”  xmlns:expDark=”clr-namespace:System.Windows.Controls.Theming;assembly=System.Windows.Controls.Theming.ExpressionDark”  xmlns:my=”clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data”  x:Class=”Tips.MainPage”
    xmlns=”http://schemas.microsoft.com/winfx/2006/xaml/presentation“
    xmlns:x=”http://schemas.microsoft.com/winfx/2006/xaml“
    xmlns:d=”http://schemas.microsoft.com/expression/blend/2008“
    xmlns:mc=”http://schemas.openxmlformats.org/markup-compatibility/2006“
    mc:Ignorable=”d”
    d:DesignHeight=”300″ d:DesignWidth=”400″>
    <Grid x:Name=”LayoutRoot” HorizontalAlignment=”Center” VerticalAlignment=”Center”>
        <controls:TabControl>
            <controls:TabItem Header=”Header 1″ Style=”{StaticResource CustomTabItemStyle}”/>
            <controls:TabItem Header=”Header 2″ Style=”{StaticResource CustomTabItemStyle}”/>
        </controls:TabControl>
    </Grid>

</UserControl>

App.xaml

<Application xmlns=”http://schemas.microsoft.com/winfx/2006/xaml/presentation“
             xmlns:x=”http://schemas.microsoft.com/winfx/2006/xaml“
             x:Class=”Tips.App”
             xmlns:controls=”clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls”
             xmlns:vsm=”clr-namespace:System.Windows;assembly=System.Windows”
             >
    <Application.Resources>
       <Style x:Key=”CustomTabItemStyle” TargetType=”controls:TabItem”>
            <Setter Property=”IsTabStop”
                    Value=”False” />
            <Setter Property=”Template”>
                <Setter.Value>
                    <ControlTemplate TargetType=”controls:TabItem”>
                        <Grid x:Name=”Root”>
                            <Grid x:Name=”TemplateTopSelected”
                                  Canvas.ZIndex=”1″
                                  Visibility=”Collapsed”>
                                <Border BorderBrush=”Black”
                                            BorderThickness=”0″
                                            >
                                    <Border.Background>
                                        <!–change the background here–>
                                        <ImageBrush ImageSource=”Images/tabselected.PNG” />
                                    </Border.Background>
                                    <Grid>
                                        <ContentControl IsTabStop=”False”
                                                            Cursor=”{TemplateBinding Cursor}”
                                                            HorizontalAlignment=”{TemplateBinding HorizontalAlignment}”
                                                            Margin=”{TemplateBinding Padding}”
                                                            x:Name=”HeaderTopSelected” Foreground=”White” Width=”112″
                                                            VerticalAlignment=”{TemplateBinding VerticalAlignment}” />
                                    </Grid>
                                </Border>
                            </Grid>
                            <Grid x:Name=”TemplateTopUnselected”
                                  Visibility=”Collapsed”>
                                <Border BorderBrush=”Black”
                                        BorderThickness=”0″
                                          >
                                    <Border.Background>
                                        <!–change the background here–>
                                        <ImageBrush ImageSource=”Images/tabdefault.png” />
                                    </Border.Background>
                                    <Grid>
                                        <ContentControl IsTabStop=”False”
                                                            Cursor=”{TemplateBinding Cursor}”
                                                            HorizontalAlignment=”{TemplateBinding HorizontalAlignment}”
                                                            Margin=”{TemplateBinding Padding}”
                                                            x:Name=”HeaderTopUnselected” Foreground=”#FF404E65″ Width=”110″
                                                            VerticalAlignment=”{TemplateBinding VerticalAlignment}” />
                                    </Grid>
                                </Border>
                            </Grid>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Application.Resources>
</Application>

Sharker Khaleed Mahmud
Web Developer

MainPage.xaml

<UserControl xmlns:expDark=”clr-namespace:System.Windows.Controls.Theming;assembly=System.Windows.Controls.Theming.ExpressionDark”  xmlns:my=”clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data”  x:Class=”Tips.MainPage”
    xmlns=”http://schemas.microsoft.com/winfx/2006/xaml/presentation“
    xmlns:x=”http://schemas.microsoft.com/winfx/2006/xaml“
    xmlns:d=”http://schemas.microsoft.com/expression/blend/2008“
    xmlns:mc=”http://schemas.openxmlformats.org/markup-compatibility/2006“
    mc:Ignorable=”d”
    d:DesignHeight=”300″ d:DesignWidth=”400″>
    <Grid x:Name=”LayoutRoot” HorizontalAlignment=”Center” VerticalAlignment=”Center”>
        <expDark:ExpressionDarkTheme>
            <Button x:Name=”Increase” Width=”160″ Height=”30″ Content=”Increase Quota” />
        </expDark:ExpressionDarkTheme>
    </Grid>
</UserControl>

MainPage.xaml.cs

using System.IO.IsolatedStorage;
using System.Windows;
using System.Windows.Controls;

namespace Tips
{
    public partial class MainPage : UserControl
    {
        public MainPage()
        {
            InitializeComponent();
            this.Increase.Click += (a, b) => {
                IncreaseQuota(3145728); //3MB
            };
        }

        private void IncreaseQuota(long newSize)
        {
            using (IsolatedStorageFile file = IsolatedStorageFile.GetUserStoreForApplication())
            {
                if (file.IncreaseQuotaTo(newSize))
                {
                    MessageBox.Show(“Success”);
                }
                else
                {
                    MessageBox.Show(“Fail:(“);
                }
            }
        }
    }
}

Sharker Khaleed Mahmud
Web Developer

Try using this in the following order

CREATE->SAVE->LOAD->EDIT(change sample text)->SAVE->LOAD->DELETE

MainPage.xaml

<UserControl x:Class=”TIPS.MainPage”
    xmlns=”http://schemas.microsoft.com/winfx/2006/xaml/presentation“
    xmlns:x=”http://schemas.microsoft.com/winfx/2006/xaml“
    xmlns:d=”http://schemas.microsoft.com/expression/blend/2008“
    xmlns:mc=”http://schemas.openxmlformats.org/markup-compatibility/2006“
    mc:Ignorable=”d” d:DesignWidth=”640″ d:DesignHeight=”480″
    xmlns:dark=”clr-namespace:System.Windows.Controls.Theming;assembly=System.Windows.Controls.Theming.ExpressionDark”
    xmlns:local=”clr-namespace:TIPS”>
    <dark:ExpressionDarkTheme>
        <StackPanel>
            <StackPanel x:Name=”LayoutRoot” Orientation=”Horizontal” HorizontalAlignment=”Left” Height=”30″ >
                <Button x:Name=”Create” Content=”Create”  Width=”60″ />
                <Button x:Name=”Save” Content=”Save” Width=”60″ />
                <Button x:Name=”Load” Content=”Load” Width=”60″ />
                <Button x:Name=”Edit” Content=”Edit” Width=”60″ />
                <Button x:Name=”Delete” Content=”Delete” Width=”60″ />
            </StackPanel>
            <StackPanel HorizontalAlignment=”Left” >
                <TextBox x:Name=”tbContent” Height=”100″ Width=”300″ IsReadOnly=”True” />
                <TextBox x:Name=”tbEdit” Height=”30″ Width=”300″ />
            </StackPanel>
        </StackPanel>
    </dark:ExpressionDarkTheme>
</UserControl>

MainPage.xaml.cs

using System;
using System.IO;
using System.IO.IsolatedStorage;
using System.Linq;
using System.Windows;
using System.Windows.Controls;
using System.Xml.Linq;

namespace TIPS
{
    public partial class MainPage : UserControl
    {
        XDocument docx = null;
        string filename = “sample.xml”;

        public MainPage()
        {
            InitializeComponent();
            Loaded += new RoutedEventHandler(MainPage_Loaded);
        }

        void MainPage_Loaded(object sender, RoutedEventArgs e)
        {
            this.Create.Click += (a, b) => { CreateXML(); };
            this.Save.Click += (a, b) => { SaveXML(); };
            this.Load.Click += (a, b) => { LoadXML(); };
            this.Edit.Click += (a, b) => { EditXML(); };
            this.Delete.Click += (a, b) => { DeleteXML(); };
        }

        private void DeleteXML()
        {
            using (IsolatedStorageFile xmlFile = IsolatedStorageFile.GetUserStoreForApplication())
            {
                xmlFile.Remove();
            }

            EmptyContent();
        }

        private void SaveXML()
        {
            if (tbEdit.Text != string.Empty)
            {
                docx.Element(“root”).Elements(“text”).ToList().SingleOrDefault().Value = tbEdit.Text;
            }

            using (IsolatedStorageFile xmlFile = IsolatedStorageFile.GetUserStoreForApplication())
            {
                IsolatedStorageFileStream stream = xmlFile.OpenFile(filename, FileMode.Create, FileAccess.Write);
                docx.Save(stream);
                stream.Dispose();
            }

            EmptyContent();
        }

        private void EmptyContent()
        {
            tbContent.Text = string.Empty;
            tbEdit.Text = string.Empty;
        }

        private void EditXML()
        {
            tbEdit.Text = docx.Element(“root”).Elements(“text”).ToList().SingleOrDefault().Value;
        }

        private void LoadXML()
        {
            using (IsolatedStorageFile store = IsolatedStorageFile.GetUserStoreForApplication())
            {
                IsolatedStorageFileStream stream = store.OpenFile(filename, FileMode.Open, FileAccess.Read);
                StreamReader reader = new StreamReader(stream);
                docx = XDocument.Load(reader);
                ShowXML();
                reader.Dispose();
                stream.Dispose();
            }

        }

        private void CreateXML()
        {
            docx = new XDocument(
                        new XElement(“root”,
                            new XElement(“text”, “sample text”,
                                new XAttribute(“date”, DateTime.Now.ToShortDateString()))
                            ));
            ShowXML();
        }

        private void ShowXML()
        {
            tbContent.Text = docx.ToString();
        }
    }
}

Sharker Khaleed Mahmud
Web Developer

LargeTextBox.cs

using System.Windows.Controls;

namespace TIPS
{
    public class LargeTextBox : TextBox
    {
        public LargeTextBox()
        {
            this.Width = 200;
            this.Height = 100;
        }
    }
}
CustomTextBox.cs

using System.Windows.Controls;

namespace TIPS
{
    public class CustomTextBox : TextBox
    {
        public CustomTextBox()
        {
            this.Width = 200;
            this.Height = 30;
        }
    }
}

MainPage.xaml

<UserControl x:Class=”TIPS.Page”
    xmlns=”http://schemas.microsoft.com/winfx/2006/xaml/presentation“
    xmlns:x=”http://schemas.microsoft.com/winfx/2006/xaml“
    xmlns:dark=”clr-namespace:System.Windows.Controls.Theming;assembly=System.Windows.Controls.Theming.ExpressionDark”
    xmlns:local=”clr-namespace:TIPS”
    Width=”400″ Height=”300″>
    <dark:ExpressionDarkTheme>
        <StackPanel x:Name=”LayoutRoot” HorizontalAlignment=”Left”>
            <Button x:Name=”btnCustomTextBox” Tag=”CustomTextBox” Click=”btn_Click” Content=”Add Custom TextBox” Width=”160″ Height=”30″  />
            <Button x:Name=”btnLargeTextBox” Tag=”LargeTextBox” Click=”btn_Click” Content=”Add Large TextBox” Width=”160″ Height=”30″/>
        </StackPanel>
    </dark:ExpressionDarkTheme>
</UserControl>

MainPage.xaml.cs

using System;
using System.Windows;
using System.Windows.Controls;

namespace TIPS
{
    public partial class Page : UserControl
    {
        public Page()
        {
            InitializeComponent();
        }

        private void btn_Click(object sender, RoutedEventArgs e)
        {
            Button btn = (Button)sender;

            string TypeName = ((Button)sender).Tag.ToString();
            string nameSpace = this.GetType().Namespace;

            Type type = Type.GetType(string.Format(“{0}.{1}”, nameSpace, TypeName));

            TextBox tb = (TextBox)Activator.CreateInstance(type);
            tb.Text = “Found me”;

            this.LayoutRoot.Children.Add(tb);
        }
    }
}

Sharker Khaleed Mahmud
Web Developer

<UserControl x:Class=”TIPS.MainPage”
    xmlns=”http://schemas.microsoft.com/winfx/2006/xaml/presentation“
    xmlns:x=”http://schemas.microsoft.com/winfx/2006/xaml“
    >
    <Grid x:Name=”LayoutRoot” Background=”White”>
        <TextBlock Foreground=”Red” TextWrapping=”Wrap” Width=”400″ TextAlignment=”Center”>
            <Run FontFamily=”Tahoma” FontSize=”20″ FontWeight=”Bold” Text=”This is a simple trip”  />
            <Run FontFamily=”Verdana” FontStyle=”Italic” FontSize=”20″ FontWeight=”Bold” Text=”Lets try italic”  />
            <Run TextDecorations=”Underline”  FontSize=”20″ Foreground=”BlueViolet” FontWeight=”Bold” Text=”Lets try underline”  />
            <Run Text=”Hello this is going to be image text effect” FontSize=”38″>
                <Run.Foreground>
                    <ImageBrush ImageSource=”images/8510_digital_blue_abstract.jpg” />
                </Run.Foreground>
            </Run>
            <LineBreak />
            <Run Text=”This will show the gradient effect” FontSize=”18″>
                <Run.Foreground>
                    <LinearGradientBrush StartPoint=”0,0″ EndPoint=”1,1″ >
                        <GradientStop Color=”Yellow” Offset=”0.2″></GradientStop>
                        <GradientStop Color=”Orange” Offset=”0.5″></GradientStop>
                        <GradientStop Color=”Red” Offset=”0.8″></GradientStop>  
                    </LinearGradientBrush>
                </Run.Foreground>
            </Run>
        </TextBlock>
    </Grid>
</UserControl>

MainPage.xaml

<UserControl x:Class=”TIPS.MainPage”
    xmlns=”http://schemas.microsoft.com/winfx/2006/xaml/presentation“
    xmlns:x=”http://schemas.microsoft.com/winfx/2006/xaml“
    >
    <Canvas x:Name=”LayoutRoot” Background=”White”>
        <Image x:Name=”img” Source=”Images/dragimg.png” Cursor=”Hand” />
    </Canvas>
</UserControl>
MainPage.xaml.cs

namespace TIPS
{
    using System.Windows.Controls;
    using System.Windows.Input;

    public partial class DragDrop : UserControl
    {
        private bool isPressed;
        private double y;
        private double x;

        public MainPage()
        {
            InitializeComponent();
            img.MouseLeftButtonDown += new MouseButtonEventHandler(img_MouseLeftButtonDown);
            img.MouseMove += new MouseEventHandler(img_MouseMove);
            img.MouseLeftButtonUp += new MouseButtonEventHandler(img_MouseLeftButtonUp);
        }

        void img_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            x = e.GetPosition(null).X;
            y = e.GetPosition(null).Y;
            isPressed = true;
            img.CaptureMouse();
        }

        void img_MouseMove(object sender, MouseEventArgs e)
        {
            if (isPressed)
            {
                double currentY = e.GetPosition(null).Y;
                double currentX = e.GetPosition(null).X;

                double newLeft = (double)img.GetValue(Canvas.LeftProperty) + currentX – x;
                double newTop = (double)img.GetValue(Canvas.TopProperty) + currentY – y;

                img.SetValue(Canvas.TopProperty, newTop);
                img.SetValue(Canvas.LeftProperty, newLeft);

                x = currentX;
                y = currentY;
            }
        }

        void img_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
        {
            isPressed = false; 
            img.ReleaseMouseCapture();
            x = 0;
            y = 0;
        }

    }
}

Sharker Khaleed Mahmud
Web Developer

MainPage.xaml

<UserControl xmlns:my=”clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data”  x:Class=”Tips.MainPage”
    xmlns=”http://schemas.microsoft.com/winfx/2006/xaml/presentation“
    xmlns:x=”http://schemas.microsoft.com/winfx/2006/xaml“
    xmlns:d=”http://schemas.microsoft.com/expression/blend/2008“
    xmlns:mc=”http://schemas.openxmlformats.org/markup-compatibility/2006“
    mc:Ignorable=”d”
    xmlns:darkTheme=”clr-namespace:System.Windows.Controls.Theming;assembly=System.Windows.Controls.Theming.ExpressionDark”
    xmlns:local=”clr-namespace:Tips”
     d:DesignHeight=”300″ d:DesignWidth=”400″ Cursor=”None”>
    <darkTheme:ExpressionDarkTheme>
    <Grid x:Name=”LayoutRoot” >
        <!–add all contents here and then add image icon–>
            <Image x:Name=”CustomCursor” Source=”Images/customIcon.png” Width=”32″ Height=”32″ VerticalAlignment=”Top” HorizontalAlignment=”Left” />
    </Grid>
    </darkTheme:ExpressionDarkTheme>
</UserControl>

MainPage.xaml.cs

using System.Windows;
using System.Windows.Controls;

namespace Tips
{
    public partial class MainPage : UserControl
    {
        public MainPage()
        {
            InitializeComponent();
            this.MouseMove += (s, e) =>
            {
                double x = e.GetPosition(null).X;
                double y = e.GetPosition(null).Y;

                CustomCursor.Margin = new Thickness(x, y, 0, 0);
            };
        }
    }
}

Sharker Khaleed Mahmud
Web Developer

See the above image. The small image between the white line has been tiled throughout silverlight application. Look at the bold part in the below code

MainPage.xaml

<UserControl xmlns:my=”clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data”  x:Class=”Tips.MainPage”
    xmlns=”http://schemas.microsoft.com/winfx/2006/xaml/presentation“
    xmlns:x=”http://schemas.microsoft.com/winfx/2006/xaml“
    xmlns:d=”http://schemas.microsoft.com/expression/blend/2008“
    xmlns:mc=”http://schemas.openxmlformats.org/markup-compatibility/2006“
    mc:Ignorable=”d”
    xmlns:local=”clr-namespace:Tips”
     d:DesignHeight=”300″ d:DesignWidth=”400″ Background=”Transparent”>
    <Grid x:Name=”LayoutRoot” >
    </Grid>
</UserControl>

HTML/ASPX Page

modify body to

body
{
    padding: 0;
    margin: 0;
    background-image:url(‘images/tile.jpg’);
    background-repeat:repeat;
}

div to

<div id=”silverlightControlHost”>
   <object data=”data:application/x-silverlight-2,” type=”application/x-silverlight-2″ width=”100%” height=”100%”>
          <param name=”background” value=”transparent” />
          <param value=”true” name=”windowless”/>
   <param name=”source” value=”ClientBin/Tips.xap”/>
   <param name=”onError” value=”onSilverlightError” />
   <param name=”minRuntimeVersion” value=”4.0.41108.0″ />
   <param name=”autoUpgrade” value=”true” />
   <a href=”http://go.microsoft.com/fwlink/?LinkID=149156&v=4.0.41108.0” style=”text-decoration:none”>
   <img src=”http://go.microsoft.com/fwlink/?LinkId=161376” alt=”Get Microsoft Silverlight” style=”border-style:none”/>
   </a>
   </object>
<iframe id=”_sl_historyFrame” style=”visibility:hidden;height:0px;width:0px;border:0px”></iframe></div>

Sharker Khaleed Mahmud
Web Developer

This example shows a sliding effect animation achieved through managed code.

MainPage.xaml

<UserControl xmlns:my=”clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data”  x:Class=”Tips.MainPage”
    xmlns=”http://schemas.microsoft.com/winfx/2006/xaml/presentation“
    xmlns:x=”http://schemas.microsoft.com/winfx/2006/xaml“
    xmlns:d=”http://schemas.microsoft.com/expression/blend/2008“
    xmlns:mc=”http://schemas.openxmlformats.org/markup-compatibility/2006“
    mc:Ignorable=”d”
    d:DesignHeight=”300″ d:DesignWidth=”400″>
    <Grid x:Name=”LayoutRoot” Background=”Transparent” HorizontalAlignment=”Center”>
        <StackPanel x:Name=”PanelHost” Height=”50″ Orientation=”Horizontal” Margin=”0,0,0,0″>
            <StackPanel.RenderTransform>
                <TranslateTransform X=”0″ Y=”0″/>
            </StackPanel.RenderTransform>
            <StackPanel Background=”Beige” Width=”200″></StackPanel>
            <StackPanel Background=”Black” Width=”200″></StackPanel>
        </StackPanel>
    </Grid>
</UserControl>

MainPage.xaml.cs

using System;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Media.Animation;

namespace Tips
{
    public partial class MainPage : UserControl
    {
        public MainPage()
        {
            InitializeComponent();
            Loaded += new RoutedEventHandler(MainPage_Loaded);
        }

        void MainPage_Loaded(object sender, RoutedEventArgs e)
        {
            SlideEffect(this.PanelHost,-200).Begin();
        }

        private Storyboard SlideEffect(UIElement controlToAnimate, double positionToMove)
        {
            DoubleAnimation da = new DoubleAnimation();
            da.Duration = new Duration(TimeSpan.FromSeconds(10));

            Storyboard sb = new Storyboard();
            sb.Duration = new Duration(TimeSpan.FromSeconds(10));
            sb.Children.Add(da);

            Storyboard.SetTarget(da, controlToAnimate);
            Storyboard.SetTargetProperty(da, new PropertyPath(“(UIElement.RenderTransform).(TranslateTransform.X)”));
            da.To = positionToMove;
            return sb;
        }
    }
}

MainPage.xaml

<UserControl xmlns:my=”clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data”  x:Class=”Tips.MainPage”
    xmlns=”http://schemas.microsoft.com/winfx/2006/xaml/presentation“
    xmlns:x=”http://schemas.microsoft.com/winfx/2006/xaml“
    xmlns:d=”http://schemas.microsoft.com/expression/blend/2008“
    xmlns:mc=”http://schemas.openxmlformats.org/markup-compatibility/2006“
    mc:Ignorable=”d”
    xmlns:local=”clr-namespace:Tips”
    d:DesignHeight=”300″ d:DesignWidth=”400″>
    <Grid x:Name=”LayoutRoot”>
        <Image Source=”Images/8312_Sony_VIAO_Notebooks.jpg” />
        <TextBlock Text=”TIPS” FontSize=”96″ FontWeight=”Bold” VerticalAlignment=”Center” HorizontalAlignment=”Center”>
            <TextBlock.Foreground>
                <ImageBrush ImageSource=”Images/8312_Sony_VIAO_Notebooks.jpg” Stretch=”UniformToFill” />
            </TextBlock.Foreground>
            <TextBlock.Effect>
                <DropShadowEffect ShadowDepth=”10″ />
            </TextBlock.Effect>
        </TextBlock>
    </Grid>
</UserControl>

Sharker Khaleed Mahmud
Software Developer

MainPage.xaml

<UserControl x:Class=”TIPS.MainPage”
    xmlns=”http://schemas.microsoft.com/winfx/2006/xaml/presentation“
    xmlns:x=”http://schemas.microsoft.com/winfx/2006/xaml“
    xmlns:d=”http://schemas.microsoft.com/expression/blend/2008“
    xmlns:mc=”http://schemas.openxmlformats.org/markup-compatibility/2006“
    mc:Ignorable=”d” d:DesignWidth=”640″ d:DesignHeight=”480″ xmlns:ctrl=”clr-namespace:TIPS”>
    <Grid Background=”Beige”>
        <Button x:Name=”btn” Click=”btn_Click” Width=”100″ Height=”30″ Content=”Close browser” />
    </Grid>
</UserControl>

MainPage.xaml.cs

using System.Windows.Browser;
using System.Windows.Controls;

namespace TIPS
{
    public partial class MainPage : UserControl
    {
        public MainPage()
        {
            InitializeComponent();
        }
        private void btn_Click(object sender, System.Windows.RoutedEventArgs e)
        {
            HtmlPage.Window.Invoke(“close”);
        }
    }
}
Sharker Khaleed Mahmud
Software Developer

MainPage.xaml

<UserControl xmlns:my=”clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data”  x:Class=”Tips.MainPage”
    xmlns=”http://schemas.microsoft.com/winfx/2006/xaml/presentation“
    xmlns:x=”http://schemas.microsoft.com/winfx/2006/xaml“
    xmlns:d=”http://schemas.microsoft.com/expression/blend/2008“
    xmlns:mc=”http://schemas.openxmlformats.org/markup-compatibility/2006“
    mc:Ignorable=”d”
    xmlns:local=”clr-namespace:Tips”
    d:DesignHeight=”300″ d:DesignWidth=”400″>
    <Grid x:Name=”LayoutRoot”>
        <ListBox x:Name=”lb” Width=”100″ Background=”Beige” Height=”100″/>
    </Grid>
</UserControl>

MainPage.xaml.cs

using System;
using System.Collections.Generic;
using System.Windows.Controls;

namespace Tips
{
    public partial class MainPage : UserControl
    {
        public MainPage()
        {
            InitializeComponent();
            Loaded += new System.Windows.RoutedEventHandler(MainPage_Loaded);
        }

        void MainPage_Loaded(object sender, System.Windows.RoutedEventArgs e)
        {
            System.Windows.Threading.DispatcherTimer dt = new System.Windows.Threading.DispatcherTimer();
            dt.Interval = new TimeSpan(0, 0, 0, 0, 1000); // 1000 Milliseconds
            dt.Tick += new EventHandler(dt_Tick);  // callback
            dt.Start();
            List<string> item = new List<string>();
            item.Add(“A”);
            item.Add(“B”);
            item.Add(“C”);
            item.Add(“D”);
            lb.ItemsSource = item;
        }

        void dt_Tick(object sender, EventArgs e)
        {
            List<string> item = new List<string>();
            for (int i = 1; i < lb.Items.Count; i++)
            {
                item.Add(lb.Items[i].ToString());
            }
            item.Add(lb.Items[0].ToString());
            lb.ItemsSource = item;
        }
    }
}

Sharker Khaleed Mahmud
Software Developer

MainPage.xaml

<UserControl xmlns:my=”clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data”  x:Class=”Tips.MainPage”
    xmlns=”http://schemas.microsoft.com/winfx/2006/xaml/presentation“
    xmlns:x=”http://schemas.microsoft.com/winfx/2006/xaml“
    xmlns:d=”http://schemas.microsoft.com/expression/blend/2008“
    xmlns:mc=”http://schemas.openxmlformats.org/markup-compatibility/2006“
    mc:Ignorable=”d”
    d:DesignHeight=”300″ d:DesignWidth=”400″>
    <Grid x:Name=”LayoutRoot”>
        <ToggleButton Style=”{StaticResource ToggleButtonStyle}” x:Name=”SoundSetup”
            Checked=”SoundSetup_Click” IsChecked=”true”
            Unchecked=”SoundSetup_Click” Width=”24″ Height=”22″
            VerticalAlignment=”Top” HorizontalAlignment=”Left” />
    </Grid>
</UserControl>

MainPage.xaml.cs

using System.Windows;
using System.Windows.Controls;

namespace Tips
{
    public partial class MainPage : UserControl
    {
        public MainPage()
        {
            InitializeComponent();
        }

        private void SoundSetup_Click(object sender, RoutedEventArgs e)
        {
            if (SoundSetup != null)
            {
                switch (this.SoundSetup.IsChecked)
                {
                    case true:
                        {
                            MessageBox.Show(“Sound on”);
                            break;
                        }
                    case false:
                        {
                            MessageBox.Show(“Sound off”);
                            break;
                        }
                }
            }
        }
    }
}

App.xaml

<Application xmlns=”http://schemas.microsoft.com/winfx/2006/xaml/presentation“
             xmlns:x=”http://schemas.microsoft.com/winfx/2006/xaml“
             x:Class=”Tips.App”
             xmlns:vsm=”clr-namespace:System.Windows;assembly=System.Windows”
             >
    <Application.Resources>
        <Style x:Key=”ToggleButtonStyle” TargetType=”ToggleButton”>
            <Setter Property=”Background” Value=”Transparent”/>
            <Setter Property=”Foreground” Value=”Black” />
            <Setter Property=”Padding” Value=”4″ />
            <Setter Property=”FontFamily” Value=”Trebuchet MS”/>
            <Setter Property=”FontSize” Value=”12″/>
            <Setter Property=”Template”>
                <Setter.Value>
                    <ControlTemplate TargetType=”ToggleButton”>
                        <Grid>
                            <vsm:VisualStateManager.VisualStateGroups>
                                <vsm:VisualStateGroup x:Name=”CommonStates”>
                                    <vsm:VisualStateGroup.Transitions>
                                        <vsm:VisualTransition GeneratedDuration=”00:00:00.1″ To=”MouseOver”/>
                                        <vsm:VisualTransition GeneratedDuration=”00:00:00.1″ To=”Pressed”/>
                                    </vsm:VisualStateGroup.Transitions>
                                    <vsm:VisualState x:Name=”Normal”>
                                        <Storyboard/>
                                    </vsm:VisualState>
                                    <vsm:VisualState x:Name=”MouseOver”>
                                        <Storyboard>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName=”BorderTransparency” Storyboard.TargetProperty=”(Shape.StrokeThickness)” BeginTime=”00:00:00″ Duration=”00:00:00.0010000″>
                                                <SplineDoubleKeyFrame KeyTime=”00:00:00″ Value=”7″/>
                                            </DoubleAnimationUsingKeyFrames>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName=”BorderTransparency” Storyboard.TargetProperty=”(UIElement.Opacity)” BeginTime=”00:00:00″ Duration=”00:00:00.0010000″>
                                                <SplineDoubleKeyFrame KeyTime=”00:00:00″ Value=”0.35″/>
                                            </DoubleAnimationUsingKeyFrames>
                                            <ColorAnimationUsingKeyFrames BeginTime=”00:00:00″ Duration=”00:00:00.0010000″ Storyboard.TargetName=”BackgroundStroke” Storyboard.TargetProperty=”(Shape.Stroke).(SolidColorBrush.Color)”>
                                                <SplineColorKeyFrame KeyTime=”00:00:00″ Value=”#CCFFFFFF”/>
                                            </ColorAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </vsm:VisualState>
                                    <vsm:VisualState x:Name=”Pressed”>
                                        <Storyboard>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName=”BorderTransparency” Storyboard.TargetProperty=”(UIElement.Opacity)” BeginTime=”00:00:00″ Duration=”00:00:00.0010000″>
                                                <SplineDoubleKeyFrame KeyTime=”00:00:00″ Value=”0.35″/>
                                            </DoubleAnimationUsingKeyFrames>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName=”ScalableBorder” Storyboard.TargetProperty=”(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)” BeginTime=”00:00:00″ Duration=”00:00:00.0010000″>
                                                <SplineDoubleKeyFrame KeyTime=”00:00:00″ Value=”1″/>
                                            </DoubleAnimationUsingKeyFrames>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName=”ScalableBorder” Storyboard.TargetProperty=”(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)” BeginTime=”00:00:00″ Duration=”00:00:00.0010000″>
                                                <SplineDoubleKeyFrame KeyTime=”00:00:00″ Value=”1″/>
                                            </DoubleAnimationUsingKeyFrames>
                                            <ColorAnimationUsingKeyFrames BeginTime=”00:00:00″ Duration=”00:00:00.0010000″ Storyboard.TargetName=”BackgroundStroke” Storyboard.TargetProperty=”(Shape.Stroke).(SolidColorBrush.Color)”>
                                                <SplineColorKeyFrame KeyTime=”00:00:00″ Value=”#CCFFFFFF”/>
                                            </ColorAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </vsm:VisualState>
                                    <vsm:VisualState x:Name=”Disabled”>
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames BeginTime=”00:00:00″ Duration=”00:00:00.0010000″ Storyboard.TargetName=”DisabledVisual” Storyboard.TargetProperty=”(UIElement.Visibility)”>
                                                <DiscreteObjectKeyFrame KeyTime=”00:00:00″>
                                                    <DiscreteObjectKeyFrame.Value>
                                                        <Visibility>Visible</Visibility>
                                                    </DiscreteObjectKeyFrame.Value>
                                                </DiscreteObjectKeyFrame>
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </vsm:VisualState>
                                </vsm:VisualStateGroup>
                                <vsm:VisualStateGroup x:Name=”CheckStates”>
                                    <vsm:VisualState x:Name=”Checked”>
                                        <Storyboard>
                                            <DoubleAnimationUsingKeyFrames BeginTime=”00:00:00″ Duration=”00:00:00.0010000″ Storyboard.TargetName=”Background” Storyboard.TargetProperty=”(UIElement.Opacity)”>
                                                <SplineDoubleKeyFrame KeyTime=”00:00:00″ Value=”0.5″/>
                                            </DoubleAnimationUsingKeyFrames>
                                            <ColorAnimationUsingKeyFrames BeginTime=”00:00:00″ Duration=”00:00:00.0010000″ Storyboard.TargetName=”Background” Storyboard.TargetProperty=”(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)”>
                                                <SplineColorKeyFrame KeyTime=”00:00:00″ Value=”#FFFFFFFF”/>
                                            </ColorAnimationUsingKeyFrames>
                                            <DoubleAnimationUsingKeyFrames BeginTime=”00:00:00″ Duration=”00:00:00.0010000″ Storyboard.TargetName=”Background” Storyboard.TargetProperty=”(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Offset)”>
                                                <SplineDoubleKeyFrame KeyTime=”00:00:00″ Value=”0.671″/>
                                            </DoubleAnimationUsingKeyFrames>
                                            <DoubleAnimationUsingKeyFrames BeginTime=”00:00:00″ Duration=”00:00:00.0010000″ Storyboard.TargetName=”Background” Storyboard.TargetProperty=”(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Offset)”>
                                                <SplineDoubleKeyFrame KeyTime=”00:00:00″ Value=”0.225″/>
                                            </DoubleAnimationUsingKeyFrames>
                                            <DoubleAnimationUsingKeyFrames BeginTime=”00:00:00″ Duration=”00:00:00.0010000″ Storyboard.TargetName=”Background” Storyboard.TargetProperty=”(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Offset)”>
                                                <SplineDoubleKeyFrame KeyTime=”00:00:00″ Value=”0.215″/>
                                            </DoubleAnimationUsingKeyFrames>
                                            <ColorAnimationUsingKeyFrames BeginTime=”00:00:00″ Duration=”00:00:00.0010000″ Storyboard.TargetName=”Background” Storyboard.TargetProperty=”(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)”>
                                                <SplineColorKeyFrame KeyTime=”00:00:00″ Value=”#99FFFFFF”/>
                                            </ColorAnimationUsingKeyFrames>
                                            <ColorAnimationUsingKeyFrames BeginTime=”00:00:00″ Duration=”00:00:00.0010000″ Storyboard.TargetName=”Background” Storyboard.TargetProperty=”(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)”>
                                                <SplineColorKeyFrame KeyTime=”00:00:00″ Value=”#EEFFFFFF”/>
                                            </ColorAnimationUsingKeyFrames>
                                            <DoubleAnimationUsingKeyFrames BeginTime=”00:00:00″ Duration=”00:00:00.0010000″ Storyboard.TargetName=”contentPresenter” Storyboard.TargetProperty=”(UIElement.Opacity)”>
                                                <SplineDoubleKeyFrame KeyTime=”00:00:00″ Value=”0.8″/>
                                            </DoubleAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames BeginTime=”00:00:00″ Duration=”00:00:00.0010000″ Storyboard.TargetName=”contentPresenter” Storyboard.TargetProperty=”(ContentPresenter.Content)”>
                                                <DiscreteObjectKeyFrame KeyTime=”00:00:00″ Value=”Sound On”/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames BeginTime=”00:00:00″ Duration=”00:00:00.0010000″ Storyboard.TargetName=”ToggleImageUc” Storyboard.TargetProperty=”(UIElement.Visibility)”>
                                                <DiscreteObjectKeyFrame KeyTime=”00:00:00″>
                                                    <DiscreteObjectKeyFrame.Value>
                                                        <Visibility>Collapsed</Visibility>
                                                    </DiscreteObjectKeyFrame.Value>
                                                </DiscreteObjectKeyFrame>
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </vsm:VisualState>
                                    <vsm:VisualState x:Name=”Unchecked”>
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames BeginTime=”00:00:00″ Duration=”00:00:00.0010000″ Storyboard.TargetName=”contentPresenter” Storyboard.TargetProperty=”(ContentPresenter.Content)”>
                                                <DiscreteObjectKeyFrame KeyTime=”00:00:00″ Value=”Sound Off”/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames BeginTime=”00:00:00″ Duration=”00:00:00.0010000″ Storyboard.TargetName=”ToggleImageC” Storyboard.TargetProperty=”(UIElement.Visibility)”>
                                                <DiscreteObjectKeyFrame KeyTime=”00:00:00″>
                                                    <DiscreteObjectKeyFrame.Value>
                                                        <Visibility>Collapsed</Visibility>
                                                    </DiscreteObjectKeyFrame.Value>
                                                </DiscreteObjectKeyFrame>
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </vsm:VisualState>
                                    <vsm:VisualState x:Name=”Indeterminate”>
                                        <Storyboard>
                                            <DoubleAnimationUsingKeyFrames BeginTime=”00:00:00″ Duration=”00:00:00.0010000″ Storyboard.TargetName=”Background” Storyboard.TargetProperty=”(UIElement.Opacity)”>
                                                <SplineDoubleKeyFrame KeyTime=”00:00:00″ Value=”0.5″/>
                                            </DoubleAnimationUsingKeyFrames>
                                            <ColorAnimationUsingKeyFrames BeginTime=”00:00:00″ Duration=”00:00:00.0010000″ Storyboard.TargetName=”Background” Storyboard.TargetProperty=”(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)”>
                                                <SplineColorKeyFrame KeyTime=”00:00:00″ Value=”#FFFFFFFF”/>
                                            </ColorAnimationUsingKeyFrames>
                                            <DoubleAnimationUsingKeyFrames BeginTime=”00:00:00″ Duration=”00:00:00.0010000″ Storyboard.TargetName=”Background” Storyboard.TargetProperty=”(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Offset)”>
                                                <SplineDoubleKeyFrame KeyTime=”00:00:00″ Value=”0.671″/>
                                            </DoubleAnimationUsingKeyFrames>
                                            <DoubleAnimationUsingKeyFrames BeginTime=”00:00:00″ Duration=”00:00:00.0010000″ Storyboard.TargetName=”Background” Storyboard.TargetProperty=”(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Offset)”>
                                                <SplineDoubleKeyFrame KeyTime=”00:00:00″ Value=”0.225″/>
                                            </DoubleAnimationUsingKeyFrames>
                                            <DoubleAnimationUsingKeyFrames BeginTime=”00:00:00″ Duration=”00:00:00.0010000″ Storyboard.TargetName=”Background” Storyboard.TargetProperty=”(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Offset)”>
                                                <SplineDoubleKeyFrame KeyTime=”00:00:00″ Value=”0.215″/>
                                            </DoubleAnimationUsingKeyFrames>
                                            <ColorAnimationUsingKeyFrames BeginTime=”00:00:00″ Duration=”00:00:00.0010000″ Storyboard.TargetName=”Background” Storyboard.TargetProperty=”(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)”>
                                                <SplineColorKeyFrame KeyTime=”00:00:00″ Value=”#99FFFFFF”/>
                                            </ColorAnimationUsingKeyFrames>
                                            <ColorAnimationUsingKeyFrames BeginTime=”00:00:00″ Duration=”00:00:00.0010000″ Storyboard.TargetName=”Background” Storyboard.TargetProperty=”(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)”>
                                                <SplineColorKeyFrame KeyTime=”00:00:00″ Value=”#EEFFFFFF”/>
                                            </ColorAnimationUsingKeyFrames>
                                            <DoubleAnimationUsingKeyFrames BeginTime=”00:00:00″ Duration=”00:00:00.0010000″ Storyboard.TargetName=”contentPresenter” Storyboard.TargetProperty=”(UIElement.Opacity)”>
                                                <SplineDoubleKeyFrame KeyTime=”00:00:00″ Value=”0.8″/>
                                            </DoubleAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </vsm:VisualState>
                                </vsm:VisualStateGroup>
                                <vsm:VisualStateGroup x:Name=”FocusStates”>
                                    <vsm:VisualState x:Name=”Focused”>
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames BeginTime=”00:00:00″ Duration=”00:00:00.0010000″ Storyboard.TargetName=”FocusVisual” Storyboard.TargetProperty=”(UIElement.Visibility)”>
                                                <DiscreteObjectKeyFrame KeyTime=”00:00:00″>
                                                    <DiscreteObjectKeyFrame.Value>
                                                        <Visibility>Visible</Visibility>
                                                    </DiscreteObjectKeyFrame.Value>
                                                </DiscreteObjectKeyFrame>
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </vsm:VisualState>
                                    <vsm:VisualState x:Name=”Unfocused”/>
                                </vsm:VisualStateGroup>
                            </vsm:VisualStateManager.VisualStateGroups>

                            <!– Start:UI –>
                            <Grid x:Name=”ScalableBorder” RenderTransformOrigin=”0.5,0.5″>
                                <Grid.RenderTransform>
                                    <TransformGroup>
                                        <ScaleTransform/>
                                        <SkewTransform/>
                                        <RotateTransform/>
                                        <TranslateTransform/>
                                    </TransformGroup>
                                </Grid.RenderTransform>
                                <Path Stretch=”Fill” Stroke=”{TemplateBinding Background}” Data=”M20.231335,0.5 L26.636795,0.5 L153.5,0.5 L162.5,0.5 C163.05229,0.4999994 163.5,0.94771463 163.5,1.5000005 L163.5,10.499999 L163.5,35.943314 L163.5,41.943314 C163.5,53.542103 155.39055,59.5 143.3632,59.5 L140.3632,59.5 L10.499999,59.5 L1.5000005,59.5 C0.94771522,59.5 0.5,59.052284 0.5,58.5 L0.5,49.5 L0.5,23.056734 L0.5,18.056734 C0.5,7.0391827 9.4203978,0.4999994 20.636806,0.5″ StrokeThickness=”3″ x:Name=”BackColor” Fill=”{TemplateBinding Background}” Visibility=”Collapsed”/>
                                <Path Stretch=”Fill” Stroke=”#FF888888″ Data=”M20.231335,0.5 L26.636795,0.5 L153.5,0.5 L162.5,0.5 C163.05229,0.4999994 163.5,0.94771463 163.5,1.5000005 L163.5,10.499999 L163.5,35.943314 L163.5,41.943314 C163.5,53.542103 155.39055,59.5 143.3632,59.5 L140.3632,59.5 L10.499999,59.5 L1.5000005,59.5 C0.94771522,59.5 0.5,59.052284 0.5,58.5 L0.5,49.5 L0.5,23.056734 L0.5,18.056734 C0.5,7.0391827 9.4203978,0.4999994 20.636806,0.5″ StrokeThickness=”3″ x:Name=”Background” Visibility=”Collapsed”>
                                    <Path.Fill>
                                        <LinearGradientBrush StartPoint=”0.7,0″ EndPoint=”0.7,1″>
                                            <GradientStop Color=”#CCFFFFFF” Offset=”0″ />
                                            <GradientStop Color=”#AAFFFFFF” Offset=”0.285″ />
                                            <GradientStop Color=”#88FFFFFF” Offset=”0.285″ />
                                            <GradientStop Color=”#19FFFFFF” Offset=”1″ />
                                        </LinearGradientBrush>
                                    </Path.Fill>
                                </Path>
                                <Path Stretch=”Fill” Stroke=”#FF888888″ Data=”M20.231335,0.5 L26.636795,0.5 L153.5,0.5 L162.5,0.5 C163.05229,0.4999994 163.5,0.94771463 163.5,1.5000005 L163.5,10.499999 L163.5,35.943314 L163.5,41.943314 C163.5,53.542103 155.39055,59.5 143.3632,59.5 L140.3632,59.5 L10.499999,59.5 L1.5000005,59.5 C0.94771522,59.5 0.5,59.052284 0.5,58.5 L0.5,49.5 L0.5,23.056734 L0.5,18.056734 C0.5,7.0391827 9.4203978,0.4999994 20.636806,0.5″ StrokeThickness=”3″ x:Name=”BackgroundStroke” Visibility=”Collapsed”/>
                                <Path x:Name=”BorderTransparency” Stretch=”Fill” StrokeThickness=”7″ Stroke=”#FFFFFFFF” Opacity=”0.25″ Margin=”.5″ Data=”M10.499999,0.5 L16.5,0.5 153.5,0.5 162.5,0.5 C163.05229,0.4999994 163.5,0.94771463 163.5,1.5000005 L163.5,10.499999 163.5,43.499999 163.5,49.499999 C163.5,55.022846 159.02284,59.499999 153.5,59.499999 L150.5,59.499999 10.499999,59.499999 1.5000005,59.499999 C0.94771522,59.499999 0.5,59.052284 0.5,58.499999 L0.5,49.499999 0.5,15.499999 0.5,10.499999 C0.5,4.9771518 4.9771523,0.4999994 10.499999,0.5 z” Visibility=”Collapsed”/>
                                <ContentPresenter HorizontalAlignment=”{TemplateBinding HorizontalContentAlignment}” Margin=”{TemplateBinding Padding}” x:Name=”contentPresenter” VerticalAlignment=”{TemplateBinding VerticalContentAlignment}” ContentTemplate=”{TemplateBinding ContentTemplate}” Content=”{TemplateBinding Content}” Visibility=”Collapsed”/>
                                <Path x:Name=”FocusVisual” Stretch=”Fill” StrokeThickness=”1″ Stroke=”#BFFFFFFF” StrokeDashCap=”Square”  StrokeDashArray=”1 2″ Margin=”5″ Visibility=”Collapsed” Data=”M10.499999,0.5 L16.5,0.5 153.5,0.5 162.5,0.5 C163.05229,0.4999994 163.5,0.94771463 163.5,1.5000005 L163.5,10.499999 163.5,43.499999 163.5,49.499999 C163.5,55.022846 159.02284,59.499999 153.5,59.499999 L150.5,59.499999 10.499999,59.499999 1.5000005,59.499999 C0.94771522,59.499999 0.5,59.052284 0.5,58.499999 L0.5,49.499999 0.5,15.499999 0.5,10.499999 C0.5,4.9771518 4.9771523,0.4999994 10.499999,0.5 z”/>
                                <Path x:Name=”DisabledVisual” Stretch=”Fill” Fill=”#FFFFFFFF” StrokeThickness=”3″ Stroke=”#FFFFFFFF” Visibility=”Collapsed” Data=”M10.499999,0.5 L16.5,0.5 153.5,0.5 162.5,0.5 C163.05229,0.4999994 163.5,0.94771463 163.5,1.5000005 L163.5,10.499999 163.5,43.499999 163.5,49.499999 C163.5,55.022846 159.02284,59.499999 153.5,59.499999 L150.5,59.499999 10.499999,59.499999 1.5000005,59.499999 C0.94771522,59.499999 0.5,59.052284 0.5,58.499999 L0.5,49.499999 0.5,15.499999 0.5,10.499999 C0.5,4.9771518 4.9771523,0.4999994 10.499999,0.5 z” Opacity=”0.55″/>
                                <Image Margin=”0,0,0,0″ x:Name=”ToggleImageC” Visibility=”Visible” Source=”Images/soundOn.png”/>
                                <Image Margin=”0,0,0,0″ x:Name=”ToggleImageUc” Visibility=”Visible” Source=”Images/soundOff.png”/>
                            </Grid>
                            <!– End:UI –>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Application.Resources>
</Application>

Sharker Khaleed Mahmud
Software Developer

MainPage.xaml

<UserControl xmlns:my=”clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data”  x:Class=”Tips.MainPage”
    xmlns=”http://schemas.microsoft.com/winfx/2006/xaml/presentation“
    xmlns:x=”http://schemas.microsoft.com/winfx/2006/xaml“
    xmlns:d=”http://schemas.microsoft.com/expression/blend/2008“
    xmlns:mc=”http://schemas.openxmlformats.org/markup-compatibility/2006“
    mc:Ignorable=”d”
    d:DesignHeight=”300″ d:DesignWidth=”400″>
    <Grid x:Name=”LayoutRoot”>
        <Button x:Name=”btnFullScreen” Width=”100″ Height=”30″ Content=”OFF” />
    </Grid>
</UserControl>

MainPage.xaml.cs

using System.Windows;
using System.Windows.Controls;

namespace Tips
{
    public partial class MainPage : UserControl
    {
        public MainPage()
        {
            InitializeComponent();
            btnFullScreen.Click += new RoutedEventHandler(btnFullScreen_Click);
        }

        void btnFullScreen_Click(object sender, RoutedEventArgs e)
        {
            var btn = (Button)sender;
            App.Current.Host.Content.IsFullScreen = !App.Current.Host.Content.IsFullScreen;
           
            bool fullScreen = App.Current.Host.Content.IsFullScreen;
           
            if (fullScreen)
                btn.Content = “ON”;
            else
                btn.Content = “OFF”;
        }
    }
}

Sharker Khaleed Mahmud
Software Developer

In this tip, i will show you how to apply multiple transformation. In the above picture, it is rotated 180 and enlarged many times than its original width and height given.

MainPage.xaml

<UserControl xmlns:my=”clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data”  x:Class=”Tips.MainPage”
    xmlns=”http://schemas.microsoft.com/winfx/2006/xaml/presentation“
    xmlns:x=”http://schemas.microsoft.com/winfx/2006/xaml“
    xmlns:d=”http://schemas.microsoft.com/expression/blend/2008“
    xmlns:mc=”http://schemas.openxmlformats.org/markup-compatibility/2006“
    mc:Ignorable=”d”
    xmlns:local=”clr-namespace:Tips”
    d:DesignHeight=”300″ d:DesignWidth=”400″>
    <Grid x:Name=”LayoutRoot”>
        <Image MouseLeftButtonDown=”Rectangle_MouseLeftButtonDown” Width=”50″ Height=”50″ Source=”images/8312_Sony_VIAO_Notebooks.jpg”>
            <Image.RenderTransform>
                <TransformGroup>
                    <ScaleTransform x:Name=”scale” />
                    <RotateTransform Angle=”180″ />
                </TransformGroup>
            </Image.RenderTransform>
        </Image>
    </Grid>
</UserControl>

MainPage.xaml.cs

using System.Windows.Controls;
using System.Windows.Input;

namespace Tips
{
    public partial class MainPage : UserControl
    {
        public MainPage()
        {
            InitializeComponent();
        }

        private void Rectangle_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            scale.ScaleX = scale.ScaleX * 1.25;
            scale.ScaleY = scale.ScaleY * 1.25;
        }

    }
}

Sharker Khaleed Mahmud
Software Developer

MainPage.xaml.cs

using System.Windows;
using System.Windows.Controls;
using System.Windows.Media;
using System.Windows.Shapes;

namespace Tips
{
    public partial class MainPage : UserControl
    {
        public MainPage()
        {
            InitializeComponent();
            Loaded += new RoutedEventHandler(MainPage_Loaded);
        }

        void MainPage_Loaded(object sender, RoutedEventArgs e)
        {
            Line line = new Line();
            line.Stroke = new SolidColorBrush(Colors.Orange);
            line.StrokeThickness = 3.00;
            line.X1 = 10.00;
            line.X2 = 100.00;
            line.Y1 = 100.00;
            line.Y2 = 100.00;
            Line lR = new Line();
            lR.Stroke = new SolidColorBrush(Colors.Orange);
            lR.StrokeThickness = 3.00;
            lR.X1 = line.X2 – 10.00;
            lR.X2 = line.X2;
            lR.Y1 = line.Y2 + 10.00;
            lR.Y2 = line.Y2;
            Line lL = new Line();
            lL.Stroke = new SolidColorBrush(Colors.Orange);
            lL.StrokeThickness = 3.00;
            lL.X1 = line.X2 – 10.00;
            lL.X2 = line.X2;
            lL.Y1 = line.Y2 – 10.00;
            lL.Y2 = line.Y2;
            LayoutRoot.Children.Add(line);
            LayoutRoot.Children.Add(lR);
            LayoutRoot.Children.Add(lL);
        }
    }
}

Sharker Khaleed Mahmud
Software Developer

SessionKeys.cs

namespace Tips
{
    public class SessionKeys
    {
        public const string  USERNAME = “UserName”;
        public const string ROLE = “Role”;
    }
}

CurrentSession.cs

using System.Collections.Generic;

namespace Tips
{
    public class CurrentSession
    {
        private static Dictionary<string, object> session = new Dictionary<string, object>();

        public static Dictionary<string, object> Session {
            get { return CurrentSession.session; }
            set { CurrentSession.session = value; }
        }
    }
}

MainPage.xaml.cs

using System.Collections.Generic;
using System.Windows;
using System.Windows.Controls;

namespace Tips
{
    public partial class MainPage : UserControl
    {
        public MainPage()
        {
            InitializeComponent();
            Loaded += new RoutedEventHandler(MainPage_Loaded);
        }

        void MainPage_Loaded(object sender, RoutedEventArgs e)
        {
            CurrentSession.Session[SessionKeys.USERNAME] = “Sharker”;
            MessageBox.Show(“From session, username ” + CurrentSession.Session[SessionKeys.USERNAME]);
        }
    }
}

Sharker Khaleed Mahmud
Software Developer

CustomTextBoxControl.cs

using System.Windows;
using System.Windows.Controls;

namespace Tips
{
    public class CustomTextBoxControl : TextBox
    {
        public enum Mode { Small, Large }

        public static readonly DependencyProperty ModeProperty
            = DependencyProperty.Register(“TextBoxMode”,
            typeof(Mode),
            typeof(CustomTextBoxControl),
            new PropertyMetadata( new PropertyChangedCallback( CustomTextBoxControl.OnTextModeChanged )));

        private static void OnTextModeChanged( DependencyObject control, DependencyPropertyChangedEventArgs e )
        {
            switch ((Mode)e.NewValue)
            {
                case Mode.Small:
                    {
                        ((CustomTextBoxControl)control).Height = 30;
                        break;
                    }
                case Mode.Large:
                    {
                        ((CustomTextBoxControl)control).Height = 100;
                        break;
                    }
            }
        }

        public Mode TextBoxMode
        {
            get { return (Mode)GetValue(ModeProperty); }
            set { SetValue(ModeProperty, value); }
        }
    }
}

MainPage.xaml

<UserControl xmlns:my=”clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data”  x:Class=”Tips.MainPage”
    xmlns=”http://schemas.microsoft.com/winfx/2006/xaml/presentation“
    xmlns:x=”http://schemas.microsoft.com/winfx/2006/xaml“
    xmlns:d=”http://schemas.microsoft.com/expression/blend/2008“
    xmlns:mc=”http://schemas.openxmlformats.org/markup-compatibility/2006“
    mc:Ignorable=”d”
    xmlns:local=”clr-namespace:Tips”
    d:DesignHeight=”300″ d:DesignWidth=”400″>
    <Grid x:Name=”LayoutRoot”>
        <ListBox x:Name=”lb” >
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <local:CustomTextBoxControl TextBoxMode=”Large” Width=”100″ />  
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>
    </Grid>
</UserControl>

MainPage.xaml.cs

using System.Collections.Generic;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System;

namespace Tips
{
    public class ListItem
    {
        public string Id { get; set; }
        public string Title { get; set; }
        public string Description { get; set; }
       
    }
    public partial class MainPage : UserControl
    {
        public MainPage()
        {
            InitializeComponent();
            Loaded += new RoutedEventHandler(MainPage_Loaded);
        }

        void MainPage_Loaded(object sender, RoutedEventArgs e)
        {
            List<ListItem> items = new List<ListItem>();
            items.Add(new ListItem { Id = “1″});
            items.Add(new ListItem { Id = “2″});
            items.Add(new ListItem { Id = “3″});
            lb.ItemsSource = items;
        }
    }
}

Sharker Khaleed Mahmud
Software Developer

MainPage.xaml

<UserControl xmlns:my=”clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data”  x:Class=”Tips.MainPage”
    xmlns=”http://schemas.microsoft.com/winfx/2006/xaml/presentation“
    xmlns:x=”http://schemas.microsoft.com/winfx/2006/xaml“
    xmlns:d=”http://schemas.microsoft.com/expression/blend/2008“
    xmlns:mc=”http://schemas.openxmlformats.org/markup-compatibility/2006“
    mc:Ignorable=”d”
    d:DesignHeight=”300″ d:DesignWidth=”400″>
    <Grid x:Name=”LayoutRoot”>
        <my:DataGrid x:Name=”dglist” AutoGenerateColumns=”False”>
            <my:DataGrid.Columns>
                <my:DataGridTextColumn Binding=”{Binding Id}” Header=”Id” />
                <my:DataGridTemplateColumn Header=”Title”>
                    <my:DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <Grid Height=”30″>
                                <Border BorderThickness=”1″ BorderBrush=”Black”>
                                    <TextBlock Text=”{Binding Title}” />   
                                </Border>
                            </Grid>
                       </DataTemplate>
                    </my:DataGridTemplateColumn.CellTemplate>
                </my:DataGridTemplateColumn>
            </my:DataGrid.Columns>
        </my:DataGrid>
    </Grid>
</UserControl>

MainPage.xaml.cs

using System.Collections.Generic;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System;

namespace Tips
{
    public class ListItem
    {
        public string Id { get; set; }
        public string Title { get; set; }
        public string Description { get; set; }
       
    }
    public partial class MainPage : UserControl
    {
        public MainPage()
        {
            InitializeComponent();
            Loaded += new RoutedEventHandler(MainPage_Loaded);
        }

        void MainPage_Loaded(object sender, RoutedEventArgs e)
        {
            List<ListItem> items = new List<ListItem>();
            items.Add(new ListItem { Id = “1″, Title = “Sample 1″});
            items.Add(new ListItem { Id = “2″, Title = “Sample 2″ });
            items.Add(new ListItem { Id = “3″, Title = “Sample 3″ });
            dglist.ItemsSource = items;
        }
    }
}

Sharker Khaleed Mahmud
Software Developer
(MCP,MCTS,MCPD[web])