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
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
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
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:
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 .
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:
Name | Meaning |
---|---|
hsAuto | |
hsFadeAway | |
hsGradient | |
hsInverseGradient | |
hsOffice2007 | |
hsSolid | |
hsTopGradient | |
hsTransparent | |
hsVista | |
hsWindowsLive |
DrawDirection - Specify drawing location of / buttons and Glyph.
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...
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)
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.
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.