I’ve added a new tab style called slanted and also added some more variations on the two existing square and rounded styles.

Square
There are now 6 variants on the square style. Here are the small, medium and large spacing variations with all the tabs the same size.

The next three also have small, medium and large spacing but this time the selected tab is a little bigger than the unselected ones.

Rounded
Just like the square style there are 6 variants, with the same small, medium and large spacing options combined with either equal sized tabs or the selected tab being larger.

Here is the rounded style with medium spacing where the selected tab is larger than the unselected tabs.

Slanted
Our new style does not have variants that alter the spacing between tab instances. But you can specify if you want the slant on the near, far or both edges.

Just like the Square and Rounded styles you can also specify if the selected tab should be slightly larger than the unselected tabs.

Next Up..
I have not forgotten the requests from the last post. Next I will have a look at OneNote and see if I can copy the style of border they are using. Plus a look at trying to create a smooth curving style.

Finally I have added the ability to show tab headers in the manner of a traditional tab control. So far I have only added two simple styles of tab.

Rounded Tabs
Our first tab border style is called rounded.

Notice that the selected tab is slightly larger than the others in order to make it stand out from the crowd. There is also a one pixel gap between each of the non-selected tabs.

Square Tabs
This is essentially the same but with a simple square shape.

Tab Styling
A new set of styles have been added so you can specify the drawing of the tab border and contents. The above pictures are using the TabStyle.Standard setting, below you can see the TabStyle.LowProfile option.

The KryptonPalette allows you to alter these styles along with three custom options provided for your own use.

Feedback
This is your chance to provide feedback and let me know the other styles of tab you would like to see added. Would you like slanted edges of both sides like the Excel page indicators? Or maybe you prefer gentle curves?

Let me know and the most popular requests will be added.

The culmination of recent changes to the KryptonNavigator and KryptonToolkit have allowed me to implement the Outlook mode.

You can now see why I added the Stack set of modes to the navigator and the HighProfile separator style drawing to the toolkit. Putting those together we get the Outlook appearance.

When you use the separator to shrink down the stacking items they are placed on the overflow bar at the bottom of the control.

The drop down button on the overflow bar is used to provide the same options as presented in Microsoft Outlook itself. The abililty to select which pages are visible or invisible and alter which items are on the stack or on the overflow bar.

I have added an event that is fired when the drop down button is pressed so you can customize the context menu that is shown or even provide your own instead. Alternatively you can hide the drop down button entirely if using a property on the navigator.

Once I have finalised the design time support I can then move onto adding some other, much requested, navigator modes.

The SeparatorStyle.HighProfile style now draws itself in the expected colors and with grab handles showing.

Here you can see two instances of the KryptonSplitContainer where the separator style has been changed from the default of LowProfile to the HighProfile setting. The top splitter is in a horizontal orientation and the bottom splitter in a vertical orientation.

It draws a maximum of 5 grab handles in the center of the separator area as long as there is enough room to show them. There is a gotcha though that you need to be aware of if you want to see the grab handles in your application.

By default the split container has a separator width of 4 pixels. At this setting there is not enough room to show the grab handles and so you will only get the dark blue colors. You need to alter the separator width to 5 or more pixels so that hte grab handles are drawn.

Three new modes have been added that combine the Bar and Header appearance. These variations increase your range of options when using the Navigator.

HeaderBar – CheckButton – Group
The HeaderBar variations place the Bar that contains the check buttons inside a Header appearance. Here is the first such mode that allows placement of the header relative to a group.

HeaderBar – CheckButton – HeaderGroup
This mode places three headers within the group. The Bar header is placed inside the other two and you can alter its position and styling in the same way as for the primary and secondary headers.

HeaderBar – CheckButton – Only
Our final mode is a TabStrip style in that the selected page is never shown. This mode is appropriate when you want to handle the display of the selected page manually away from the control itself. I recommend you use this mode in conjunction with the AutoSize property so it sizes appropriately.

More modes?
All these extra modes are adding the functionality needed to create the full Outlook style that is the next goal for the navigator. Once all the parts are in place I will reuse them to create it.