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:

Click on Next Collection Tab/Category and chose icon . Click on Form and component will be placed.

Common properties

Align - Determines how the panel aligns within its container (parent control).

When Align is set to alBottom, alLeft, alRight or alTop, the panel is align to the bottom, left, right or top of a form or another panel and have it remain there even if the size of the form, panel or component that contains the panel changes. When the parentis resized, an aligned panel also resizes so that it continues to span the top, bottom, left, or right edge of the parent.

When Align is set to alNone, the panel remains where it is positioned on a form or another panel. Actually, alNone is the default value of Align.

When Align is set to alClient, the panel fills the entire client area.

Note: Any number of panels within a single parent can have the same Align value, in which case they stack up along the edge of the parent. The panels stack up in z-order. To adjust the order in which the panels stack up, drag the panels into their desired positions.


Alignment - Specifies how the text specified in the Text property is aligned horizontally within the panel.

Value	Meaning	Screenshot
taLeftJustify	The text is left justified.
taCenter	The text is centered.
taRightJustify	The text is right justified.

BorderColor - Determines the color of the border of the panel.

Note: This property has effect only when ipBorther of Options property is set to True.


Caption - Specifies a text string that identifies the control to the user.


Color - Specifies the background color of the panel.

Note: This property has effect only when FillStyle property is set to any value except fsSolid.

Example:

Color value	FillStyle value	Screenshot
clRed	fsGlass
clYellow	fsHorzGradient
clBlue	fsVertGradient

ColorScheme – Determines the color scheme of the panel.

The possible values are csBlack, csBlue, csDefault and csSilver. The csBlack, csBlue and csSilver are adding a bit of color mentioned in the value to the panel and csDefaule is defalt value of this property.

ColorScheme value	Screenshot
csBlack
csBlue
csDefault
csSilver

Enabled - Controls whether the panel responds to mouse and keyboard.

When Enabled is set to True, the panel is enabled and responds to mouse and keyboard.

When Enabled is set to False, the panel is disabled and does not respond to mouse and keyboard.

Note: This property has effect only when ipStaticPanel, the variety of Options property, is set to False.


FillStyle – Determines the style of the panel.

The possible values are fsGlass, fsHorzGradient, fsSolid and fsVertGradient. The fsSolid is default value of this property.

FillStyle value	Screenshot
fsGlass
fsHorzGradient
fsSolid
fsVertGradient

Glyph – Specifies the bitmap that appears on the panel. The bitmap always appears in front of the text specified in the Caption property.




Indent – Specifies the distance, in pixels, between the image specified in the Glyph property and the text specified in the Caption property.


InnerMargins - Specifies the distance, in pixels, between the edge of the text area and the edge of the panel. This property allows you to set the size of each margin separately.


Options – There are two varieties within the Option property, ipBorder and ipStaticPanel.

ip Border – Controls whether the border is visible.

Value	Meaning	Screenshot
False	The border isn’t visible.
True	The border is visible.

ipStaticPanel - Controls whether the panel responds to mouse and keyboard.

When ipStaticPanel is set to False, the panel reacts to mouse and keyboard.

When ipStaticPanel is set to True, the panel doesn’t react to mouse and keyboard.


OuterMargins - Specifies the distance between the visible and actual edge of the panel.

The actual edge is transparent but effective in run time. This property allows you to set the size of each margin separately.

Example: Put three panels on one form. Set, for all panels, the Bottom of the OuterMargins property to 10 and the Align property to alTop. It will look like, in run time, that there is some space between them.



In the same example, if the Bottom of the OuterMargins property was set to 0, these three panels would look like one panel.




Spacing - Specifies the distance between the text specified in the Caption property and the text specified in the Text property.


Text - Contains a text inside the panel.


TransparentColor - Determines which color of the bitmap is transparent when the bitmap is drawn.

Transparent color	Screenshot
clLime
clYellow

VerticalAlignment - Specifies how the text specified in the Text property is aligned vertically within the panel.

Value	Meaning	Screenshot
taAlignBottom	The text appears near the bottom of the panel.
taAlignTop	The text appears near the top of the panel.
taVerticalCenter	The text appears at the center of the panel.

WrapKind – Determines the way in which the text specified in the Text property is shown inside the panel.

Value	Meaning	Screenshot
wkEllipsis	|In the first line is as much text as it is possible to fit in that width of the panel and ellipsis instead the rest of the text.
wkNone	In the first line is as much text as it possible to fit in that width of the panel.
wkPathElipsis	In the first line is the beginning and the end of the text with ellipsis between them but only when the text consist the path to some document.
wkWordWrap	The text is arranged in a few lines.