Creating User Interfaces
Library WebUI Home

Overview

Startup & Operation Capturing & Displaying data Styling with CSS Sale lifecycle

Examples

Hello World / minimal Online Selling Page

Overrideables

User Message User Prompt Device

In Depth

EventSource realtime feed The Fieldpine Object UI Dispatch Data Fields Global Namespace Scripts

WebView2

Barcode Handling

Capturing and Displaying data

Simple Fields

<input> elements on the page can be linked to sale data with a declaration attribute. The WebUi.js will then connect all the attributes to read/update the field.

To both display and capture the customers purchase order number for the current sale, the following HTML can be used.

    PO Number <input size="30" data-fdl-element="field,sale,OrderNo"/>
If you do not wish to allow data capture, you can use the HTML attribute "disabled=1"

The list of fields that can be accessed in this manner is documented here.