Documents

NextGrid & NextDBGrid

• Html Column Tutorial
• Upgrade existing projects for loading changes
• Edit events in NextGrid
• NextGrid Vista Style
• NextGrid How To
• Integrating Inplace Editors
• NextGrid Slide Style Tutorial
• InputLine 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:

Vista Style Guidelines for NextGrid

In this tutorial we will explain how to have upcoming Microsoft(tm) Windows(tm) Vista(tm) styled Grids in your applications.



New Windows(tm) Vista(tm) style of Grid introduce new design guidelines:

1. Vertical 3D (Beveled) grid lines
2. New Header Style with Sort Indicator centered inside Header.
3. Slightly larger font size than before
4. Grayed Cells, except Cells inside Sorted Column.
5. Grayed text inside Cells

Step by Step

1. Place NextGrid component on Form and change Color to $00F0F0F0 (very light gray)

2. Set HeaderStyle property to hsVista, and SortedStyle to soWhite

First property will change appearance of Column Headers.

Second property will ensure that sorted column will be painted in White color. This will give very nice effect where sorted column will look like to be on lower plane than other columns:



3. Set Font.Name property of NextGrid1 to "Lucida Sans Unicode" or "Arial", and set Font.Size property of NextGrid1 to 9.

With this Font settings, our Grid Headers will look like:



4. Set flag ao3DGridLines in AppearanceOptions property of Grid to True.

This will turn ON 3D Grid Lines in Grid:



Now we will turn on only vertical grid lines with setting GridLinesStyle to lsVerticalOnly

5. Now we will add some Columns, and set Color to be same as Color of Grid: $00F0F0F0

Also, we will set same Font for Column as for Grid, but Font Color will be a little bit lighter:



Our tutorial is completed. Now we need to add some rows and data.