JavaScript

Bar charts are useful for displaying data that is classified into nominal or ordinal categories. Nominal data is categorised according to descriptive or qualitative information such as county of birth, or subject studied at university. Ordinal data are similar but the different categories can also be ranked, for example in a survey people may be asked to say whether they thought something was very poor, poor, fair, good or very good.

Area charts are similar to line charts in that they are used to track performance over a period of time. Line charts and area charts are very closely related. They are both good for time series data. They both show continuity and connectivity across a given dataset. They are both good for underlining trends rather than individual values.

Line charts are used to track performance over a period of time. It connects a series of points with straight lines. When working with line series, depending on the precise type of data in the underlying data source, one can choose either a standard line or a scatter. A line is preferred when the distribution of data over time is more even. A Scatter on the other hand, is the better choice when working with clusters of data, which would otherwise be harder to distinguish.

When choosing a data visualization tool, it is important to pick the right set. The Shield UI Chart component offers three distinct advantages. We will briefly look at these in the next paragraphs.

Today we will look at the latest addition to the ShieldUI jquery plugins list - the Masked textbox component. This versatile input widget allows customized character entry, specified by a predefined mask:

Main Features

The control allows easy implementation of dashboard and data-entry forms, which require more than standard input controls. Some of the main highlights for the widget are outlined below.

This blog entry focuses on the ShieldUI jQuery Grid component. The control offers table-layout rendering of data, as well a many advance features, such as sorting, custom layout and templates. The sample below demonstrates a first look at the component:

Some of the features of the component include:

In this blog post, we look at the ShieldUI CheckBox widget. This control is small and simple, just like the standard check-box control, but its addition to the ShieldUI suite provides an increased level of unification of API, look and feel across products.

This widget extends the functionality of the standard checkbox HTML input element by adding a third "undetermined" state in addition to the standard "checked" and "unchecked" ones, usable for implementing complex functionalities.

A standard presentation of the control looks like this:

In this blog entry we look in greater detail into how to customize the ShieldUI Calendar widget. The final result is demonstrated in the following example.

This article describes how to use ShieldUI's NumericTextBox jQuery widget for limiting the user input in a field to a number. With no previous experience required, one can easily replace an existing HTML input control with the NumericTextBox and implement the input constraints in no time. Having to do that manually is a tedious task that requires a great deal of JavaScript programming, so it is always a good idea to look for handy widgets like this one and use its functionality out of the box.

Today we will look at the ShieldUI jQuery Datepicker widget, which allows easy selection of dates over a standard input field. It incorporates the ShieldUI Calendar to allow easy navigation over standard dates, or more reduced views of months or years. There are three widgets in this group, namely - the standard datepicker control, as well as month/year picker and datetime picker widgets.