Documents

NextGrid & NextDBGrid

• Html Column Tutorial
• Upgrade existing projects for loading changes
• NextGrid Vista Style
• Edit events in NextGrid
• NextGrid How To
• Integrating Inplace Editors
• InputLine Tutorial
• NextGrid Slide Style Tutorial
• FieldChooser Tutorial
• Using Editors in runtime
• Grid Report Tutorial

NextGrid

• TreeColumn Tutorial
• NextGrid Quick Start
• Custom Draw in NextGrid
• Export to XML from NextGrid
• Optimize NextGrid
• NextGrid Custom Sorting
• VirtualColumn Tutorial
• Graphic Column Tutorial

NextDBGrid

• NextDBGrid Quick Start
• NextDBGrid Events
• NextDBGrid How To
• Sorting records in NextDBGrid
• LookupColumn Tutorial

NextInspector

• NextInspector Advanced tutorial
• ToolbarItem tutorial
• NextDBInspector Tutorial
• NextInspector Item Types
• Map VCL property to item
• NextInspector Quick Start

NextSheet

• NextSheet Sample Project
• NextSheet Quick Start
• Formating in NextSheet
• NextSheet Print Method

NextCollection

• NxAlertWindow Tutorial
• NxInfoPanel Tutorial
• Vista Styled Panels
• NxPathControl and NxNotebook tutorial
• NxPathControl Quick Start
• NxFlipPanel and NxHeaderPanel Quick Start
• NxOutlookBar Tutorial
• NxPageControl and NxNotebook Quick Start
• NxButton Tutorial

Misc

• Component Names Change
• NxComboBox styles
• Numeric FormatMask
• NxVirtualDataSet tutorial
• DateTime FormatMask
• NxPreview Quick Start
• 32bit Bitmaps Tutorial
• Quick update
• Enable typing unicode characters in InplaceEditors
• Using NxColorScheme
• NxProgress Tutorial
• NxAutoCompletion Tutorial

Labs

• NxReport Project

NextGrid .NET

• Working with tree
• Custom Drawing in NextGrid dot NET
• NextGrid Dot Net
• NextGrid Dot Net Events
• NextGrid dot NET Quick Start

Related Articles:

From version 3.3.8b of NextGrid (April 2007), NxHeaderPanel and NxFlipPanel component from Next Collection package can be Microsoft(tm) Windows(tm) Vista(tm) styled.

In this tutorial we will use following components from Next Collection tab:

1. NxLinkLabel
2. NxHeaderPanel
3. NxFlipPanel

We will build left Eplorer menu with using this components.

1. NxHeaderPanel

NxHeaderPanel component having new value in HeaderStyle property: psVista.



With setting HeaderStyle to this value, we will get next results:



Header section of component will be displayed in "glass" style.

NxHeaderPanel also introduce new property Picture.



This property is similar to Picture property in TImage from Delphi and specify background image of NxHeaderPanel:

Place one TNxHeaderPanel on form and set Picture property to some background image. There are many similar free images to this one on internet.

2. NxFlipPanel

NxFlipPanel also introduce new value in HeaderStyle property: hsVista. This new style is quite interesting because is semi-transparent:



When NxFlipPanel with hsVista (or hsTransparent) HeaderStyle is placed inside Form or other component, it will display Parent's background. In our case we will drop NxFlipPanel inside NxFlipHeader and get nice glass effect.

NxFlipPanel also have transparent mode for Background. This may be done with setting property BackgroundStyle to bsTransparent.

Now other components may be placed inside panel such as NxLinkLabel or any other.