Range Seekbar

The “Range Seekbar” element sets a range of the specified units (For example: – 5, 10, etc.) within a given start value and the end value. Usage When to use Use the range seekbar in the mobile apps where the user needs to select the range of values. For instance:- you can use the range seekbar… Continue reading Range Seekbar

Single Slider

Single slider provides a visual indication of adjustable content where the user can increase or decrease the value by moving the handle along a horizontal track. Usage When to use When you want the user to input or select a value in a range. Also the slider label must indicate the value that the slider… Continue reading Single Slider

Linear Progress Bar

The “Linear Progress Bar” element displays the activity’s status as an incremental linear visual presentation. Usage When to use i. Integrate the progress indicator in the mobile apps or application modules of the mobile apps where the user needs to download the bulk of data, mobile app, files, or services, etc. ii. Also do not… Continue reading Linear Progress Bar

Autocomplete

The “Autocomplete” element provides the auto-search option. It is a dropdown type element. After the user enters a value in the “Search” box, the dropdown list displays the near-term values or the exact value.    For example: – You can use the “Autocomplete” element if the dropdown list contains several assorted values. Usage When to use Use… Continue reading Autocomplete

Image

The “Image” element is used to display an image on the screen or page. To use an image, you can import an image from the local storage media or an external image that you can access from the URL. You can also use an image that is stored in the database in binary format.   In the… Continue reading Image

Icon

In the mobile app or web application, the “Icon” elements are used to denote a program or functionality. Most of the action items/objects are represented by an icon. In the mobile platform, the icons are part of the graphical presentation, so the icons should be in harmony with the action items for which they are… Continue reading Icon

Button

Definition Buttons are the clickable elements. When you click a button, it triggers an action. The button communicates “Calls to Action” to the users and allows them to interact with the pages in several ways. The label of a button defines the action that the user performs on the button. Usage When to use When… Continue reading Button

Radial Progress Bar

The “Radial Progress Bar” element displays the activity’s status as an incremental Radial visual presentation. Usage When to use i. Always use it if the application has to display a huge amount of data.ii. Using a progress bar keeps users patient if the application takes the time to complete the job. Radial Progress Bar Configuration… Continue reading Radial Progress Bar

Checkbox

Checkboxes are used for multiple choices, but not for mutually exclusive choices. Each checkbox works independently from other checkboxes in the list. Selecting a checkbox does not affect any other selection. For example:-For taking the user’s hobbies as an input, you can provide multiple hobbies with the check boxes. The user can click more than… Continue reading Checkbox