Skip to main content

47 docs tagged with "widget"

View all tags
Docs

Browser

This widget displays web content within a native web browser view. The browser widget can display HTML content generated in LiveCode, or fetch content over the Internet. It supports JavaScript and allows for interaction between LiveCode scripts and JavaScript code. The [browser SVG icon](https://www.iconfinder.com/icons/309064/browser_globe_international_internet_web_world_icon) is copyright Ivan Boyko, and is licensed under the terms of the [Creative Commons Attribution 3.0 Unported License](https://creativecommons.org/licenses/by/3.0/).

Button

This widget is a highly customizable button, maintains its appearance regardless of platform or OS.

Chart

This widget displays data in the form of charts.

Chips

Chips allow users to view information, make selections, filter content, and enter data.

Clock

This widget consists of an analogue clock. The clock has day and night style displays which are used depending on the time. The period interpreted as day by the clock is controlled by a pair of constants kStartDay and kEndDay, currently set at 6 and 20 respectively. Thus the clock will display in night style between the hours of 8pm and 6am. The style of the clock, can be controlled by setting the appropriate colors of the different components. For daytime this is through the dayNumberColor, dayHourHandColor, dayMinuteHandColor, daySecondHandColor and dayFaceColor properties. There are equivalent properties for the night style. The time displayed by the clock can differ from the current system local time by setting the timeZone property, an integer which adjusts the time displayed relative to universal time (UTC).

Date Picker

A widget that allows users to select and display dates.

Divider

A divider that separates two controls visually by drawing a line or space.

Header Bar

A header bar intended for use by mobile apps. The header bar has a label, which is displayed as its title, along with a set of actions. Each action has a name, which is used to identify it internally, and an icon and label which are displayed (depending on the chosen itemStyle). One of the actions can optionally be displayed to the left of the header bar's title, when the firstItemLeft property is enabled. The header bar widget provides two theme modes, one for Android apps and one for iOS apps. By default, it automatically selects the appropriate one depending on which platform it is running on. To temporarily select a non-default different appearance, set the theme property. The header bar widget works well when paired with the navigation bar widget.

Line Graph

A configurable line graph widget. The graph has labelled axes and allows multiple lines to be displayed. - Load comma-delimited data into the graph with the graphData property - Set the graphColors to control the color of each line in the graph - Call out a specific point on the graph by setting the hilitedCoordinates

Mac Native Single-line Field

This widget wraps the native NSTextField on Mac. Since this is a single-line field, the return key does not enter a new line, instead it triggers the returnKey action and the contents of the field is selected.

Map

A map widget for Android, iOS, 64-bit Mac, and Web.

Material slider

Sliders let users select from a range of values by moving the slider thumb.

Navigation Bar

The navigation bar widget is intended for use in mobile apps for switching between cards, although there are many other possible uses. The widget displays a row of navigation items. Each of these has a name, which identifies it. Depending on the selected itemStyle, the items may display a label, icon, or both. All of the navigation item data is available as a single array via the itemArray property. At any time, zero or one of the navigation items may be highlighted. This is useful, for example, for indicating the current card. When the user clicks one of the navigation items, the widget sends a hiliteChanged message.

Navigation rail

A widget that can be used as a horizontal or vertical navigation rail, with a menu button, a floating action button (FAB), and various destination buttons.

PDF

A PDF widget

PolyGrid

Widget to represent data in table format.

PolyList

This widget that allows us to display our data as a list.

Radial Slider

The Radial Slider widget is for displaying data on a circular scale format.

Ratings

The ratings widget provides information about the opinions and experiences of others, and can allow the user to submit their own rating.

Segmented Control

A widget that shows a row of selectable horizontal segments. A segmented control is a horizontal control that is made up of multiple segments, where each segment functions as a discrete button. Each segment can either show a label or an icon. One or more of the segments can be highlighted by clicking on them. By default, only one segment at a time can be highlighted, but it is possible to allow multiple segments to be highlighted. The segmented control is great for: - displaying a set of different options in a settings window (for example, it is used to display text alignment in the LiveCode property inspector) - switching between different cards in a stack - displaying a set of toggleable settings

Signature

The signature widget can be used to draw a signature.

Spinner

This widget is a spinner or activity indicator. Spinners provide visual feedback to users use when performing an activity for an unknown duration such as processing a large amount of data or presenting a complex user interface.

SVG Icon

This widget displays an SVG path as an icon. It has a default state and a "highlighted" state.

Switch Button

This widget is a switch button, consisting of two mutually exclusive choices or states.

Tab bar

Tabs make it easy to explore and switch between different views.

Tree View

A widget to display array data in a tree view