A WPF custom tab control built from the ground up to mimic the user experience found in Google's Chrome browser.
Here's a video on Vimeo showing the control in action.
... please check out the wpfchrometabs-mvvm repo by @sskodje.
A WPF Control that duplicates the tabs found in Google Chrome.
License: MIT License
A WPF custom tab control built from the ground up to mimic the user experience found in Google's Chrome browser.
Here's a video on Vimeo showing the control in action.
... please check out the wpfchrometabs-mvvm repo by @sskodje.
There is a problem with the animation. If you drag one tab to the left and drop just as the animation of the item below starts, then the item below is moved 2x tabWidth to the right. This is probably happening because ArrangeOverride is called before itemBelow.Complete.
Is it possible to use the MVVM Light framework and bind ChromeTabControl.ItemsSource to an ObservableCollection?
I cannot get it to work - an exception is thrown - see below.
I have zipped up a sample project here to illustrate the issue:
https://skydrive.live.com/redir?resid=C5AC331FBA959883!141&authkey=!ALrLg9MbSyPXKQI
Here is my attempted XAML, taken from the zip:
<chro:ChromeTabControl Name="tabGreen"
ItemsSource="{Binding GreenModels}" SelectedItem="{Binding SelectedGreenTab}"
Grid.Row="4" Grid.Column="2">
<!-- when I try to set ItemsSource="{Binding GreenModels}" below,
ChromeTabControl.cs get a InvalidCastException on line 179
because this.Items entries, which is a GreenViewModel, cannot be cast to UIElement
-->
<chro:ChromeTabControl.ItemContainerStyle>
<Style TargetType="TabItem">
<Setter Property="Header" Value="{Binding IdStringShort}"/>
</Style>
</chro:ChromeTabControl.ItemContainerStyle>
<chro:ChromeTabControl.Resources>
<DataTemplate DataType="{x:Type vm:GreenViewModel}">
<vu:GreenControl />
</DataTemplate>
</chro:ChromeTabControl.Resources>
</chro:ChromeTabControl>
Hi, I've been using your tab control, I've added a few components for theming the ChromeTabItem but I'm having a problem. When I click the "add" button I can not set the properties to that new tab...
I can only set the properties on the tabs that I add programatically
Any help?
I also can not where the "add" button is linked to add the new tab... My ideia was when a new tab was created with the "add" button an event would be fired with the newTab as ChromeTabItem
So can you tell me the function that handles the newTab creation as ChromeTabItem
If the window is maximized I can close all the tabs.
If it isn't (maximized) ,the last tab cannot be closed (HandleCloseTabCommand is not called)
I'll try to fix this if I can
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.