Usage of the components
This library contains also the classic VCL editors (standard and data-aware) with the addition of a "label" attached to the component itself (like the native component TLabeledEdit).
BoundCaption and BoundLabel properties
It is no longer necessary to keep the Label "connected" and "aligned" by hand to the editor: on every component you can specify 3 simple properties:
- BoundCaption
- BoundLabel.Labelposition (default lpTopLeft)
- BoundLabel.LabelSpacing (default 1)
The label can be positioned with 12 alignements:
- lpTopLeft
- lpTopCenter
- lpTopRight
- lpBottomLeft
- lpBottomCenter
- lpBottomRight
- lpLeftTop
- lpLeftMiddle
- lpLeftBottom
- lpRightTop
- lpRightMiddle
- lpRightBottom
New components not present in VCL:
TLabeledButtonEdit and TLabeledDBButtonEdit are a classic editors with a button inside (on the right). For Date Fields the button opens automatically a Popup-Calendar.
Support for new NumberBox component
TNumberBox component (available from D10.4.2) is the new component for advanced numeric input. In this library you can find:
- TDBNumberBox: the standard component with classic DataAeware support (DataSource + DataField) without Label.
- TLabeledNumberBox: a TNumberBox component with boudary label
- TLabeledDBNumberBox: a TDBNumberBox with boudary label
Examples
Look at those examples, showing all the components with different Label alignments: the demo is available into Demo Folder
Sample | Description |
---|---|
![]() | Example of LabeledDbGrid with LinesPerRow = 3 to show multiline content of memo fields |
![]() | Example of LabeledDbGrid with RowMargin = 15 to to change height of grid Row. Fully compatible with Styles (light and dark) |
![]() | Example of collection of Dataaware components with label aligned to "TopLeft" |
![]() | Example of LabeledDBCurrencyEdit and LabeledDBNumberBox (only for 10.4.2): Dataware components for numeric input (from right to left) with label aligned to "LeftMiddle" |
![]() | Example of collection of Standard components with label aligned to "TopRight" |
![]() | Example of collection of components with label aligned to "BottomCenter" |
![]() | All components are fully VCL styles compatible |
See the Examples page to see the Demo in action.