Documents

NextGrid & NextDBGrid

• FieldChooser Tutorial
• NextGrid How To
• InputLine Tutorial
• Html Column Tutorial
• NextGrid Slide Style Tutorial
• Edit events in NextGrid

NextGrid

• NextGrid Quick Start
• Graphic Column Tutorial
• Optimize NextGrid
• Custom Draw in NextGrid
• VirtualColumn Tutorial
• NextGrid Custom Sorting
• TreeColumn Tutorial

NextDBGrid

• NextDBGrid Events
• NextDBGrid Quick Start
• LookupColumn Tutorial

NextInspector

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

NextSheet

• Formating in NextSheet
• NextSheet Quick Start

NextCollection

• NxInfoPanel Tutorial
• NxOutlookBar Tutorial
• NxPathControl and NxNotebook tutorial
• NxPathControl Quick Start
• NxButton Tutorial
• NxFlipPanel and NxHeaderPanel Quick Start
• NxPageControl and NxNotebook Quick Start

Misc

• DateTime FormatMask
• NxComboBox styles
• NxPreview Quick Start
• Numeric FormatMask
• Enable typing unicode characters in InplaceEditors
• 32bit Bitmaps Tutorial

Labs

• NxReport Project

Related Articles:

NxFlipPanel and NxHeaderPanel are similar components in many ways and share their properties. But there are also a differences between them, and while NxFlipPanel is more suitable to be used as "smaller" component(s), NxHeaderPanel is more suitable to contain main navigation of application (such as our TNxOutlookBar).

1. NxFlipPanel

NxFlipPanel component is handy component who may quickly collapse or expand itself by clicking on button and/or title.

It act as common TPanel component, but it is divided into 2 sections; header and body.

1.2. Common properties

AdaptiveColors - When set to True, header will be painted with using MS Windows (tm) defined colors. If set to False, color of header may be set by using HeaderColor property.



AutoColapse - When set to True, every other TNxFlipPanel on same parent will be collapsed when target panel is expanded.

BackgroundColor - Specify bottom gradient color when BackgroundStyle property is set to bsVertGradient



BackgroundStyle - Specify background style for body area of panel.

BorderColor - Specify color of border around a panel. This property only have affect when AdaptiveColors property is set to False. Otherwise border color will be taken from current Windows Color Scheme or active scheme from TNxColorScheme.

BorderWidth - Specify width of border around a panel.



Caption - Specify panel's caption inside header area.

Expanded - Determine and specify whathewer NxFlipPanel is collapsed or expanded. When user click on button, panel will be collapsed and Expanded property will be set to False

FlipKind - Specify where user need to click to expand/collapse panel:

Table 1: FlipKind values

Name	Meaning
fkButton	User need to click on button in order to expand or collapse panel.
fkHeaderAndButton	Use may click on header on button in order to expand or collapse panel.
fkNone	Panel is locked and can't be expanded or collapsed.

Glyph - Specify glyph located on left or right side of header. If 32bit bitmap is specified, alpha-blended drawing will be used. More info in article 32bit Bitmaps Tutorial.

HeaderColor - Specify color of header. This property only have affect when AdaptiveColors property is set to False. Otherwise border color will be taken from current Windows Color Scheme or active scheme from TNxColorScheme.

HeaderHeight - Specify header size in pixels.

HeaderStyle - Specify drawing style of header. Possible values (styles) are:

Table 2: HeaderStyle values

Name	Meaning
hsAuto
hsFadeAway
hsGradient
hsInverseGradient
hsOffice2007
hsSolid
hsTopGradient
hsTransparent
hsVista
hsWindowsLive

DrawDirection - Specify drawing location of / buttons and Glyph.

Table 3: DrawDirection values

Name	Meaning
diLeftToRight	Button will be drawn on left side, glyph on right
diRightToLeft	Button will be drawn on right side, glyph on left

Examples of NxFlipPanel component with various header, background, border styles and as tree structure within our TNxFlipContainer.

2. NxHeaderPanel

NxHeaderPanel component is very similar to NxFlipPanel component, but allows horizontal expanding and expanding feature.



AdaptiveColors - When set to True, header will be painted with using MS Windows (tm) defined colors. If set to False, color of header may be set by using HeaderColor property.

in progress...