Labeled TextBox

Text field and label are working hand in hand to provide clear description of input field. Label for each text field is important to tell user what value is expected. A good design is important to assist user to enter value correctly with minimum effort. Learn more about best practice of text box and label design here: Designing Perfect Text Field: Clarity, Accessibility and User Effort

In WinForms, text field (TextBox) and Label are 2 different components. A lot of repetitive steps need to be done when creating form with multiple text boxes, no to mentioned that when you need to create more forms.

We derived a component named LabeledTextbox which combine both Label and TextBox in one single component, simplify your form's design process and provide better control on width and size for label and text field. This component is part of the CodeArtEng.Controls library.


LABEL

Text for label and text box are accessible from property LabelText and Text. The size of the label can be adjusted from the following properties:

  • LabelAutoSize: Auto resize label based on it's content.
  • LabelWidth: Fixed size, set LabelAutoSize to FALSE before configure size.
  • LabelTextAlign: Label text position.

TEXT BOX - HINT

Sometimes, it's helpful to provide further explanation o the text field to guide user to fill in the value correctly. Using the Hint property, sample input or short description can be added to text box. Value assigned to Hint will only visible when Text value is empty.

LabeledTextBox with Hint

CHECK BOX

On top of that, an optional check box is added to this component which can be used for enable / disable optional input field. 
  • ShowCheckBox: Show or Hide check box.
  • Checked: Get or set the check box checked status. Textbox is enabled when check box is checked.
LabeledTextBox with Check Box

DROP DOWN

If we only want user to select one of many listed option instead of manually enter the value, we can use a combo box instead. This is included in the LabeledTextBox control. Selected item can be read back via Text property.

  • IsDropDownList: Set to TRUE to use combo box.
  • DropDownListItems: Defined selection for combo box.


Popular posts from this blog

WinForms Gauge Control

Image
Introduction WinForm Gauge - Released 2021   WinForm Gauge is successor for AGauge control, redesigned with better structure, performance and features. Find out more  at https://winformgauge.codearteng.com/     Original AGauge control AGauge is a gauge control for WinForms create by A.J.Bauer using GDI+. Original code was published in " Code Project - A fast and performing gauge " The version that I published here is an improved version of AGauge which contains the following changes. Download from GitHub   NOTE: We no longer actively maintaining AGauge. The development of this package is taken over by nutdotnet . Refer to his GitHub and NuGet page for details.   Improvements   Dynamic Gauge Label and Gauge Range Properties for gauge label (previously known as CapText ) and range are grouped into GaugeRanges and GaugeLabels which allow us to create any number of range and label ...
Read more

WinForms Controls

Image
Description Collection of .NET Windows Forms controls for WinForms application. Named as CodeArtEng.Controls.dll Download GitHub NuGet Features  Command Line Helper Labeled Text Box Hinted Text Box Multi-Line Button Status Label Open File Panel and Folder Browse Panel MRU (Most Recent Used File List) File Explorer Control Quick Access List Rich Text Box Editor Features Description Command Macro Editor Input editing dialog inspired by Visual Studio "Edit Pre-Build" and "Edit Post-Build" Dialog... ( Learn More... ) Command Line Helper Generate and parse command line with command line helper. ( Learn More... ) Labeled Text Box  Text box with label and hint, derived from Hinted Text Box. Hinted Text Box  Enhanced version of WinForms TextBox with capability to show hint in gray color text. Multi-Line Button  Button control with optional image and 2 lines of text, main and sub title. Each line can be configured using d...
Read more

C# DSP Simulation - DSP Lab

Image
Introduction DSP Lab  is a digital signal processing simulation application created to simulate and visualize process of sampling and filtering analog signal using DSP system. This application is created to provide as a tool for educator and student to have a better understanding how DSP system works. DSP Lab allow you to view and listen to output from (Data Acquisition Unit) DAQ and digital filters. DSP Toolbox is the core of DSP Lab application which is a .NET assembly written in C#. The library is released under MIT license. You can use this library to jump start your own DSP powered application. DSP System DSP Lab is built using the system as shown above. Settings for each components are configurable. In PREMIUM  version, a 3 channels mixer system is available for more fun and signal combinations.
Read more