Image
Navigation

Graphical Control Elements

DYCALC Web Calculators can include a variety of touch-enabled JavaScript Control Elements. Each element facilitates a specific user interaction. Common uses for elements involve the display of collections of related items (such as with various list and canvas controls), initiation of actions and processes within the interface (buttons and menus), navigation within the space of the information system (links, tabs and scrollbars), and representing and manipulating data values (check boxes, radio buttons, sliders, etc.)

Input Box

The Input Box is a basic element which is used to input text or numbers into the Calculators.

Check Box

The Check Box element lets users to toggle between two states: checked and unchecked.

Combo Box

Combo Box is a standard user-interface control element that drops down a vertical list of items when it is clicked. Users can then select an item from the list.

List Box

The List Box element lets users to select items from a vertical list.

On-Off Button

The On-Off Button lets users to toggle between two states: on and off.

Radio Button

The Radio Button element lets users to select from a vertical or horizontal group of selections.

Link Button

The Link Button is an element that links to a relative or absolute URL when users click it.

List Table

The List Table element allows users to view and sort a large set of data. Furthermore it acts as a selector to insert more detailed data to the calculator.

Tab Menu

The tab menu element lets users to select items from a horizontal grouping of selections. This element acts as a smaller canvas within the main canvas and contains multiple tab views.

Gauge

Gauge is used as visual output element for a value. They can also be linked to multiple values.

Progress Bar

Progress bar is used as visual output element for a value. As the value displayed by the progress bar increases, more and more of the progress bar area is filled in.

Slider

This element is linked to a single value and acts as an input interaction. Users click and drag the slider to change the value.

ToolTip

The ToolTip element provides a short description that appears when the users hold the mouse pointer or their fingers (on touchscreens) briefly over a control or another part of the calculator.

 

Clients Login