Standard Widgets Library

Embien has enhanced the Flint UI Designer by incorporating a wide range of widgets, recognizing that the tool's effectiveness is directly tied to the variety of widgets it supports. Significantly, Flint includes a widget tool box that is customized based on the application domain. For instance, our automotive toolbox includes Left/Right turn indicators, various dial gauges, and fuel/temperature bar graphs, and so on. Engaging user interaction widgets, such as Carousels, swipe buttons, and Pop-ups, are also part of our offerings. Container widgets like Fixed Views, Scroll Views, and List Views offer diverse arrangements for placing child widgets.
Flint provides users with the ability to craft their own custom widgets, with which new designs and interactions can be defined.

Get in Touch 

Container Widgets

Fixedview Widget

The Fixed View Widget in Flint serves as a container for multiple child widgets, efficiently managing them based on parameters such as width, height, and position. It allows the placement of one or more widgets on the screen according to specific requirements. This widget offers three distinct styles:

  • Fill Color - To set a fill-colored background.
  • Background Image - To set the background with customized images.
  • Transparent - To set a transparent background.

Carouselview Widget

A carousel view widget is used to present a collection of views in a scrolling manner, either horizontally or vertically. The users can navigate through a set of views by swiping or clicking, similar to a carousel of images or content.

Scrollview Widget

The ScrollView widget is used to create scrollable views. ListView is the most commonly used scrolling widget. ScrollView accepts only one child. It contains three internal widgets: two Scrollbars and a viewport.

  • Scrollbar controls the scrolling of content within a viewing area.
  • Viewport is the area that is visible to the user.

Listview Widget

The ListView in Flint shows its child widgets consecutively, either in a horizontal or vertical arrangement based on the selected type. Flint provides a ListView widget with three distinct styles - Fill color, Transparent, and Background image - available in both horizontal and vertical type.

Dialog Widget

A dialog widget is used to display information, prompt user input, or present messages to the user in the form of a pop-up window. It typically interrupts the current workflow or interaction on the screen and requires the user to take some action or provide a response before continuing.Types of dialogs in Flint

  • Modal
  • Non-Modal
  • Hide on focus lost

Range Bar Widgets

ProgressBar widget

The progress bar widget is used to show the progress of a task. For instance, it is preferable to let the user see the download or upload progress when uploading or downloading something from the internet. Flint supports both horizontal and vertical progress bars widgets.

Slider widget

A slider widget allows users to select a value from a continuous range by dragging a handle along a track. It is often used to adjust settings or input numeric values within a specific range. The slider typically consists of a visual track and a draggable handle (Knob) that can be moved horizontally or vertically.

Circular Progressbar widget

A circular progress bar widget visually represents the progress of a task in a circular or radial format. Instead of a linear bar, as seen in traditional progress bars, the circular progress bar consists of a circular shape that fills up to indicate the completion of a task.

Gauge Widgets

Dial widget

The Dial widget is a circular value input control used to indicate the current value of a metric on a specified range using a pointer or needle. For eg: a Speedometer, which comes with an indicator or pointer to mark the position of the key metric value in a given range.

Rotary Knob widget

A rotary knob widget allows users to interactively adjust a value by rotating a circular control. Users can adjust a parameter by turning the knob in a clockwise or counterclockwise direction.

Button Widgets

Push Button

A push button widget allows users to interact with an application by clicking or pressing it. It is a user interface component designed to respond to user input and trigger a specific action or function when activated.

Radio Button

A radio button widget allows users to make a single selection from a list of mutually exclusive options. When a user selects one radio button in a group, it automatically deselects any other radio buttons within the same group, ensuring that only one option can be chosen at a time.

Toggle Button

A toggle button widget allows users to switch between two states, typically representing an on/off or active/inactive condition. It serves as a control that can be toggled between these states with a single click or tap.

Others

Labels Widget

Labels widget is an input element which holds the alphanumeric data. It enables the user to enter text information. Flint supports Text Overflow feature that includes the Clip and Marquee.

  • Clip – To clip the overflowing text to make it fit in the space available
  • Marquee - If the text exceeded the size of the widget, it would automatically scroll horizontally.

Imageholder widget

An imageholder widget is used to show visual content, typically in the form of images. The primary purpose of an imageholder widget is to present static or dynamic visual information to the user.

Clock widget

Flint offers an analog clock widget that is entirely customizable, featuring graphical elements like clock hands for hours, minutes, and seconds.

Want to develop an intuitive GUI for your device?
Get in touch with Embien today!

Subscribe to our Newsletter