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?

Form Controls

 

AtomForm


Basic Form Sample with validation

The AtomForm (WPF & Silverlight) is primarily an intelligent canvas which supports all the features of the UI Atoms Family of Controls. Professional forms can be designed since this control provides automatic layout placement of the labels which are displayed in the left column of the form. The form also has label, title, description, etc. which can be customized for each input field. The form is completely customizable and the ItemContainerStyle can be used to redesign the layout as needed. It supports various validation methods.

Features of AtomForm (WPF & Silverlight)

  1. Easy customization, Professional Business Form Layout
  2. Change Management is very easy
  3. Advanced Validation Support (WCF, Web Services, Sharepoint and Custom Validation)
  4. Rules and Resources based Validation
  5. Model Independent UI Validation (like Matching Passwords, Accept terms, Combo Box/List Box Selection Validation)
  6. You can click on “Error Message” on Errors panel to locate the control containing error.

Introducing Powerful Form / Flexible Grid Layout, simple comma separated cell numbers to quickly modify the layout.

FlexibleGrid

The attached properties of AtomForm are:

  1. Label: customizes the label to be displayed on the left column of the form.
  2. IsRequired:  The parameter IsRequired sets the field as required. It is used by the validation framework. It also displays the red asterisk.
  3. Description: customizes the text displayed below the text input field to provide a description of the field. 
  4. Title: customizes the title text displayed on the top of the data entry field.
  5. IsRowShared: allows a control to share a row with its siblings. For example, if the First Name and Last Name fields need to be displayed in one row, the parameter, IsRowShared, needs to be set to true for both the controls.
  6. StartNewRow: Setting the StartNewRow parameter to true along with IsRowShared as true, helps in splitting multiple controls into different rows. For example, if the username and password need to be displayed together in the second row, both sharing one row, the username field should have StartNewRow as well as IsRowShared set as true, and the password should only have IsRowShared set as true.
  7. ValidationProperty: This specifies the property of data control to be used for validation. 
  8. ValidationGroup: A group identifier to segregate validations.
  9. ValidationRule: is an instance of type derived from AtomValidationRule containing the validation logic. It is used by the Validation Framework to validate the “ValidationProperty” of data control.
  10. MissingValueMessage: is the error message displayed when a required field is empty.
  11. InvalidValueMessage: is the error message displayed when the value input entered in a field isn’t as per the validation rules.
AtomForm also supports validation in Code Behind, you can check out Silverlight Sample code. UI Atoms is written in such a way that you can write one set of code in XAML and C#/VB.NET which works exactly similar on WPF and Silverlight

The properties of AtomForm are:

  1. LabelWidth: Setting the “LabelWidth” specifies the width of the label column.
  2. HorizontalGap: Setting the “HorizontalGap” specifies the gap between horizontally separated data controls.
  3. VerticalGap: Setting the “VerticalGap” specifies the gap between vertically separated data controls.

 

A Sample of a Complex Form


AtomComplexFormnew1 

Various complexities of forms can be built using the AtomForm as demonstrated.

The Complexities could include nested forms, tabbed views, Combo Boxes, List Boxes, Radio Buttons, and many more.

 

Complex Form With Tabbed Views

complexformwithtab
Further Complexities can be added to AtomForm as demonstrated in the image.

List Form


 
listfrom

List Forms can also be created with multiple items like images, etc. The forms could be populated by a data-base as well.

 

 

Atom Button


 

AtomButton The AtomButton is a control that provides the facility to verify an action using a pop-up alert. It validates the form before executing the  ClickEvent or any associated command.

  1. ValidationRootElement – defines which form to validate.
  2. VerificationMessage – customizes the message that appears in the pop-up alert message box.
  3. VerificationTitle – customizes the title of the pop-up alert message box.
  4. Verify – this property, if set as true, invokes the pop-up alert display.

 

Atom Advanced Button


 
buttonsadvanced

These buttons have their icons properly aligned, and positioned.