Documents

NextGrid & NextDBGrid

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

NextGrid

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

NextDBGrid

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

NextInspector

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

NextSheet

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

NextCollection

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

Misc

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

Labs

• NxReport Project

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.