Line of Business Controls for WPF & Silverlight

Demo Version

UI Atoms is designed to work smooth in WPF as well as Silverlight, you can write and reuse exact same code for both WPF as well as Silverlight.

Check out Live Silverlight Demo

Click Here to Download Trial.

Like UI Atoms?

Data Editors

  

UI Atoms Data Editors contain:

 

AtomTextBox


atom textbox

The AtomTextBox is an intelligent text box data form item. It has the following parameters that can be set:

  1. FormattedText – internal use.
  2. HasText – internal use.
  3. Watermark – is the text that is displayed in the "Text Box” as a watermark.
  4. Watermark Align – aligns the text of the watermark to center, left, or right.
  5. Watermark Color – defines the color of the watermark.

 

AtomEmailTextBox 


AtomEmailTextbox

This control is an AtomEmailTextBox with a predefined validation to accept text input in the format of an email address only. Multple email addresses separated by commas can be entered by setting the “AllowMultiple” parameter to true.

 

AtomDoubleTextBox


double
This control is an AtomTextBox with a predefined validation to accept text input only in the format of “double”.

 

 

 

AtomCurrencyTextBox


currencyThis control allows for the input of a currency value in a number text field. It also has a calculator which can be used to arrive at the figure to be entered. The calculator may be displayed or hidden. By default, it appears with the customized currency symbol as a prefix, with up and down arrow keys positioned to the right of the text input field.

  1. Clicking the up or down arrows will increment the currency value by 1.
  2. If whole numbers are input into the field, the control will automatically display the value with two decimal points displayed as $ xx.00 by default.
  3. If the input includes a decimal value with 3 digits or more, the control will automatically round the decimal value to two digits.
  4. Setting the Currency Symbol string in the control displays the currency symbol specified as a prefix to the number.
  5. If required, the CAL button next to the arrow buttons opens the calculator. This calculator works like any normal calculator, and once the calculated figure is arrived at, clicking the “OK” button inputs the calculated figure into the CurrencyTextBox.currency Calc

           

 

 

 

 

 

 

AtomIntegerTextBox


INTIGERThis control is an AtomTextBox with a predefined validation to accept text input in the form of integers only.

 

 

 

 

 

 

AtomFilePathEditor (available in WPF only)


FILEPATH EDITOR

This is a control that will allow the user to manually enter the file path, or select the path through the “Browse” button. When selecting the “Browse” feature, the items showed in the search box could be set to include all files and folders, or only display folders, by setting a simple attribute.

 

AtomPasswordBox


Password

This control is an AtomTextBox with a predefined validation to be a required field. It will automatically mask any input entered into the field and remember the text for comparison with the AtomPasswordBoxAgain where the password needs to be repeated to be verified.

 

AtomPasswordBoxAgain


 repeate Password

This control is an AtomTextBox with a predefined validation to be a required field. It will automatically mask any input entered into the field. It will also automatically compare the text entered in this field with the text entered in "AtomPasswordBox”, and fire a validation error, if either of the two boxes is empty or if the text entered in both the fields do not match each other.

 

AtomTextBoxwithRegEx


Text with Regex

 

This control is an AtomTextBox with a predefined validation which can implement a custom defined Regular Expression for validation inputs into the text box.

 

AtomTitleTextBox


Title TExt Box This control is an AtomTextBox with a predefined validation to convert any text input, regardless of the case of input, into title case.

 

 

 

 

 

 

  Validation Alert Display Functionality


repeate Password 

Validation errors are triggered whenever any control fails its defined validation rule. As such, the alert pops up as displayed in the image alongside. The alert also contains a link. The description in the alert displays the customized alert error, and the link shifts the focus of the cursor to the field it refers to. This features makes any form easy to complete, eliminating the need to scan through the form for erroneous fields.

  Atom UnitControls


 

unitcontrols Validation errors are triggered whenever any control fails its defined validation rule. As such, the alert pops up as displayed in the image alongside. The alert also contains a link. The description in the alert displays the customized alert error, and the link shifts the focus of the cursor to the field it refers to. This features makes any form easy to complete, eliminating the need to scan through the form for erroneous fields.

 

 

 

 

 

  Atom Caluculator


 calc

Validation errors are triggered whenever any control fails its defined validation rule. As such, the alert pops up as displayed in the image alongside. The alert also contains a link. The description in the alert displays the customized alert error, and the link shifts the focus of the cursor to the field it refers to. This features makes any form easy to complete, eliminating the need to scan through the form for erroneous fields.