PowerTabStrip .NET

for  WinForms

  • An advanced and highly customizable Tab control
  • Built-in and Custom rendering styles
  • Tab pages with multi-line text for headers
  • Tab pages overflow options include: Multi-line & Menu overflow
  • Full "Transparent background" support
  • Various Orientations supported
  • Drag-and-drop of tab pages
  • Visual Studio style tab pages "overflow" manager
  • Image support for each tab header
  • Multiple styles of rendering the tab page header

 

Overview

 

The control is an advanced Tab control that supports numerous tab rendering styles (including the Visual Studio styles), feature rich and highly configurable control for the Microsoft WinForms .NET platform.

 

Core Features

 

1. Supports two rendering locations: Top and Bottom:

1. The default "Top" location rendering mode:

2. The "Bottom" location rendering mode:

2. Close button rendering at tab page level (like that in IE, Google Chrome, FireFox, etc.)

 

3. Built-in and Custom rendering styles

 

 

The control supports three built-in rendering styles that includes:

 

Visual Studio 2005, Visual Studio 2008, and Windows XP style.

 

The control also supports a Custom styling mode for which you can set the start and end color properties to render the tab pages.

There are further properties for controlling the rendering direction orientation, stylish sidebar drawing, border, and many other UI artifacts on the tab pages.

 

At the simplest level, you could simply drag-and-drop the tab strip control from the toolbox, add tab pages, choose a built-in rendering style (or choose the custom rendering style, and then set the tab page rendering colors), and finally add your content into the tab pages, and run your application, now powerfully tab enabled, all in a matter of few seconds.

 

You can achieve all the above, without ever having to write one single line of code.

 

4. Multi-line overflow of tabs

 

 

Apart from the modern style of positioning the tab pages and providing a reference to other tab pages that cannot be displayed for want of space, into a separate Overflow menu (to the right side of the tab system), the control also supports one more mode of displaying overflow tab pages, viz., Multi-line mode.

 

With the multi-line mode of overflow display, the control will automatically wrap around and move and position the overflowing tab pages into the subsequent following multiple lines of display.

Auto re-layout upon resizing of the window / container

 

The control will also automatically re-layout the tab pages depending on the available space, as and when the user resizes the window containing the tab control in this mode, so that the overflowing tab pages are automatically moved into multiple lines or brought into the same line (as the space available may be).

 

5. Out-of-the-box feature of auto sizing the tab page headers to be same across all tab pages

 

 

The control provides these cool features straight out-of-the-box for use, by simply letting you set a property on the control.

 

If you use this feature, the control will automatically compute the appropriate length for all of the tab pages so that they all will be same sized (irrespective of the page header text inside the header).

Advanced formatting of the header text

 

The control also supports advanced customization of header text, whereby you can set a property on the control and ask it to format the header text in the tab page so as to center the text, and/or perform other alignments, trimming options, and more.

 

6. Touch-screen capable - Features for hosting varying sized tab headers and Tab page header images

 

The control supports drawing tab page headers of varying sizes and shapes, including large tab headers.

Also you can setup large tab page header image for each tab.

 

7. Image on Tab headers - Supports "have image on some, no image on others"

 

The control lets you choose to have certain tab page headers to have image, and other pages to have just he text and / or other artifacts (like side bar, etc)

 

8. Disabled state for tab page headers

 

The control lets you set any tab page header to be in a disabled state.

 

The effect of this is that when a tab page instance IsHeaderEnabled property is set to false, the control will automatically:

 

  • Will not let users activate/display the disabled tab page content; the user's click on the header will be ignored completely
  • Draw the tab page header text in disabled state
  • Draw the header image with its Disabled state image, if you had provided one. If you have not provided a specific disabled image, the control will compile automatically a disabled state version of the normal Image you have set for the header
  • Will skip drawing the close button on the page header (if you had set the control to draw close button on the page headers)

 

9. Automatic multi-line Header text drawing

 

The control supports drawing the header text of its tab pages, in multiple lines automatically.

 

There are two different levels to this feature-set:

 

  • You set once piece of a long line for the header text, and the control will take care of wrapping the text into multiple lines automatically
  • You being able to specifically set multiple distinct lines/sentences of text as the header text property value - In this case, you can setup multiple lines by visually entering carriage returns, and the control will also recognize these separate lines and then draw them in their individual lines

 

10. Rich design-time support via smart tag

 

Rich design-time enables you to simply drag and drop the control form your toolbox, set up the tab pages visually, host child controls, and be able to switch between tab pages, all this without ever writing a single line of code.

11. Drag-and-drop of tab pages supported

 

The control supports allowing the users to be able to drag-and-drop tab pages (at run-time) in order to re-order the tab page location as per their needs.

This option is configurable, so you can switch it on/off as you wish.

12. Visual Studio style tab pages "overflow" manager, and tab page "close" button

 

The control presents a Visual Studio style tab pages "overflow manager", that will display the non-visible tab pages in a drop-list menu.

 

It also hosts a Visual studio style "close" button, to enable your users to close the currently active tab page. The "close" button drawing can be determinisitically switched on / off as needed.

13. Tab pages "overflow" menu drop-down and the "close" button drawing customization

 

The control's tab pages "overflow" manager and the "close" button drawing can be custom configured, by providing custom colors for drawing the border, fill and close/drop-down chevron glyph.

14. Image support for each tab header

 

The control supports drawing image/icon for the tab pages (alongside the tab page header text), by setting up a simple property.

15. Optional Sidebar on tab page header

 

The control supports drawing an extra UI adornment/fancy glyph of a small sidebar towards the right-hand side corner of the tab page header. This feature is configurable, so you can switch it on/off as you wish.

16. Extensively Customizable properties

 

1. Customization of colors for drawing the selected tab page

 

While in the custom rendering style, the control automatically draws the selected tab page header background in the MS Office styled golden orange color. However, you can optionally, specify custom colors for drawing the background, for the "currently selected" tab page's header.

2. Customization of Tab page header height

 

The control automatically manages the layout and sizing of the tab page header based on the items being rendered (i.e. text, image, and the sidebar).

However, the control also lets you specify a custom height for the tab pages header in the control.

 

This feature comes in handy when you want to display a larger sized tab page to the user (maybe for example, for accessibility needs) over and above the automatic default sizing set by the built-in layout / sizing engine.

3. Customization of "gradient" direction orientation for tab page header rendering

 

a. Vertical Orientation

b. Horizontal Orientation

c. Forward diagonal Orientation

d. Backward diagonal Orientation

4. Customization of "gap" setting between tab pages

 

You could, optionally, set a custom gap width between tab page headers, to give a fancy looking tabbed UI experience to your users.

5. Customization of the empty space length before the first tab page

 

The control supports setting a minimum blank space that can be rendered before drawing the first tab page header.

6. Customization of the border around Tab

 

The control supports customizing the border drawing for the tab strip by letting you set up the border color, and also to let you switch on/off the border feature.

7. Multiple styles of rendering the tab page header

 

The control supports drawing the tap page headers in two different styles:

 

  • Tab page header left hand corner drawn behind the previous tab page header
  • Tab page header left hand corner drawn on top of the previous tab page header

 

You could choose to render the tab pages headers in any of these available rendering styles.

17. Full "Transparent background" support

 

The control supports rendering the background transparent.