Documents

NextGrid & NextDBGrid

NextGrid

NextDBGrid

NextInspector

NextSheet

NextCollection

Misc

Labs

NextGrid .NET

NxFlipPanel and NxHeaderPanel Quick Start

Related Articles:

Info
  • Skill:
  • Version: 1.0.2
  • Author: Bojan Nikolic
  • Created: 2008-05-05
  • Updated: 2008-05-08
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...

Was This Article Useful?

Comments

2011-07-28 10:14:55

Hello, I'm trying to do something like in your example with "TNxFlipContainer."

I really have some trouble with that. (At first I've try to use flippanel inside other flippanel but the behaviour is really strange).

I have an undertermined number of component I have to Put in my container, so I have to do it with code only (not designer).

Your exemple seems to 'stack' the flippanels inside the container. How Can I manage to get that effect ?

ps : my default container don't have any header. I had to put a headerpanel inside it.


Chris. (abbet@icare.ch)

2011-07-28 10:26:30

Hello Sir,

Can you please send me a code that you use on our support e-mail address, to I see what is wrong and to modify it.

This will help.
Only constructive comments, code contributions... will be publishes. Questions, non-official discussion will not be published.