Click here to Skip to main content
Click here to Skip to main content
Technical Blog

XBox Style Tab Controls in WPF

, 10 Sep 2009 CPOL
Rate this:
Please Sign up or sign in to vote.
Hi,It has been long since i was thinking of putting these controls on net. I’ve named it as Funky Tab Control. The control renders the Tab Header section on the left. The Header of the selected Tab Item moves upwards using Elastic In Out animation. The color also changes to red.The content o

Introduction

It has been long since I was thinking of putting this control on the net. I’ve named it as Funky Tab control. The control renders the Tab Header section on the left. The Header of the selected Tab Item moves upwards using Elastic In Out animation. The color also changes to red.

The content on the right also changes using a similar animation horizontally. The screen looks like:

Funky Tab Control

Using the control

The controls can be used the same way as tab controls.

  1. Add the reference to the Funky Controls assembly.
  2. Add a reference to your Window/Page/User Controls, like:
    xmlns:ft="clr-namespace:FunkyTabs;assembly=FunkyTabs"
  3. Create a control like a tab control.
    <Grid x:Name=”LayoutRoot”>
        <ft:FunkyTabControl>
            <ft:FunkyTabItem x:Name=”T1″ IsSelected=”True” Header=”T1″ >
                <TextBlock FontFamily=”Arial” FontSize=”48″ VerticalAlignment=”Center”
                           HorizontalAlignment=”Center”>Tab 1</TextBlock>
            </ft:FunkyTabItem>
            <ft:FunkyTabItem x:Name=”T2″ Header=”T2″ >
                ….
            </ft:FunkyTabItem>
            <ft:FunkyTabItem x:Name=”T3″ Header=”T3″ >
                ….
            </ft:FunkyTabItem>
        </ft:FunkyTabControl>
    </Grid>

Here you can download the latest version of the sample: http://cid-b3dbeec391c45395.skydrive.live.com/self.aspx/Public/Source%20Code/FunkyTabs.zip.

Next in line should be Mac Style Dock skins for Menu controls in WPF…. Please feel free to share your thoughts on the blog.

Enjoy!!!

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Share

About the Author

Sunild79
Architect Sapient
India India
Sunil works as a Manager of Technology in Sapient’s Delhi Office. He holds a bachelors degree in computer sciences and certifications like Mastering in COM from NIIT and MCSD.
 
For past eleven years Sunil has been working in application development as a Solution Designer, Technical Architect, Process Consultant and Lead Developer. Sunil’s interests include designing, creating and implementing n-tier applications. Sunil possesses a wide variety of skill-sets ranging from Web technologies (ASP.NET, XSL, Javascript, XHTML, XML, Web 2.0, Silverlight), Windows based technologies (Windows forms, .NET WPF, CAL/PRISM, WCF, Core .NET programming) to Enterprise Architectures (N-tier, Distributed Systems and SOA).
 
Sunil started his career with projects for creating/managing large data warehouses, CD-Fiche apps and web crawlers for a company which provided manufacturing and logistics information online for more than 55 million parts. He later moved to an MNC to work on its e-sourcing application. He further joined a software consulting firm where he worked on a popular risk management product built on Basel II standards. Sunil got his big break at this point when he had a chance to build a mid sized ERP for the marina industry and help it become a market leader. Sunil worked on this product for more than 4 years.
 
For last one year, Sunil has been a part of Advanced Technology Group with a leading investment bank’s fixed income division. He is currently working on creating a journaling platform, allowing developers to integrate various services and applications and use a common platform for information exchange. The platform is being built on top of latest Microsoft technologies like WPF and WCF. In one of the early implementations, the team has used the platform for building a monitoring, correlating and analyzing the enterprise services.

Comments and Discussions

 
GeneralMy vote of 5 PinmemberXmen W.K.27-Jun-10 5:25 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Terms of Use | Mobile
Web03 | 2.8.141030.1 | Last Updated 11 Sep 2009
Article Copyright 2009 by Sunild79
Everything else Copyright © CodeProject, 1999-2014
Layout: fixed | fluid