This section describes the Unifinity control used when designing screens.

What is Unifinity Control?

The interface components used to display information on the screen of a Unifinity application and to allow users to operate the Unifinity application are called "Unifinity Controls" (hereinafter referred to as "Controls"). Controls include "buttons" and "text boxes.

App users using the Unifinity application can manipulate the controls to execute the processes provided by the Unifinity application and to view and change the contents of the data.

Type of control

There are 16 types of controls, as follows

• button
• Labels.
• table (e.g. Table 1)
• text box
• checkbox
• radio button
• slider (usu. volume control)
• combo box
• Calendar (Month)
• Calendar (Weekly)
• Calendar (week:day by day)
• Calendar (Day)
• Calendar (date reservation)
• subform
• web view
• Handwritten View

In addition, there are 12 "control sets" to which multiple controls, databases, and logic can be added at once.

• one-line text
• multiline text
• Date Selection
• figure increase or decrease
• checklist
• radio selection
• Combo Selection
• photography
• Image Selection
• handwritten item
• bar code reader
• QR Code Reader

 

List of Controls

button

These are controls that allow app users to perform actions by mouse clicks or taps.

 

The process to be associated with a button is set in the [Object] pane of the Properties Area = [Behavior Settings] tab.

item name	Description.
Destination	The screen to which the user transitions when the mouse is clicked or tapped.
executable process	Processing to be performed when the mouse is clicked or tapped, and when it is pressed and released (e.g., normal button).
long press (of button, esp. mobile phones)	This is the specification of the process to be executed when the button is pressed and held for a long time.
pushdown operation	This is the specification of the process to be executed at the moment of a mouse click or tap.

*For other settings in the Properties Area, see "Control Reference" inbuttonSee "The following is a brief description of the newest version of the product.

 

Labels.

A control that displays a string or image that cannot be edited by the app user.

 

The string to be displayed is set in the [Data] pane of the Properties area = [Contents] tab = [Text].

The image to be displayed is set in the Design pane = Image tab in the Properties area.

*For other settings in the Properties Area, see "Control Reference" inLabels.See "The following is a brief description of the newest version of the product.

 

table (e.g. Table 1)

This is a read-only control that works with the DB design and can display data in a tabular format consisting of rows and columns. Also called "grid.

The destination of the displayed content can be specified in the [Data] pane of the Properties area = [Contents] tab.

*For other settings in the Properties Area, see "Control Reference" intable (e.g. Table 1)See "The following is a brief description of the newest version of the product.

 

text box

This control allows the app user to enter text.

 

To allow multiple lines of text to be entered or to wrap text, use the Design pane in the Properties area = Colors and Shapes tab = Wrap or Multiple Lines.

 

You can also limit the input content by setting it in the [Object] pane of the Properties area = [Behavior Settings] tab = [Input Content].

 

[If "Date" is selected under "Input Contents," a mouse click or tap at runtime will display the date input interface ("Select Date and Time" screen).

*For other settings in the Properties Area, see "Control Reference" intext boxSee "The following is a brief description of the newest version of the product.

 

checkbox

This control can be switched ON/OFF.

It can be used to turn one item on or off, or to select multiple items from several options. When ON, a mouse click or tap by the app user turns the check box OFF. If it is OFF, it will be ON.

 

The values that can be obtained by the logic component "Process/Control/Acquire Content" in each ON/OFF state are set in the [Object] pane of the Properties area = [Behavior Settings] tab = [ON Value] or [OFF Value].

*For other settings in the Properties Area, see "Control Reference" incheckboxSee "The following is a brief description of the newest version of the product.

 

radio button

It is a control that selects one of several options.

Multiple radio buttons with the same group name are treated as one group. From the same group, app users can select one radio button. When another radio button in the same group is selected, the previously selected radio button becomes unselected.

 

The group name of the radio button is set in the [Object] pane of the Properties area = [Behavior Settings] tab = [Radio Group].

 

In addition, the values that can be obtained by the logic component "Process/Control/Acquire Contents" when it is in the ON state are set in the Property Area's [Object] pane = [Behavior Settings] tab = [ON Value].

*For other settings in the Properties Area, see "Control Reference" inradio buttonSee "The following is a brief description of the newest version of the product.

 

slider (usu. volume control)

This control allows the value to be set by moving the knob on the indicator.

App users can visually adjust the position by moving the knob.

 

The initial position of the slider (①) and the minimum and maximum values (②) are set in the [Data] pane ⇒ [Contents] tab of the Properties area.

*For other settings in the Properties Area, see "Control Reference" inslider (usu. volume control)See "The following is a brief description of the newest version of the product.

 

combo box

This is a list-style single-selection control.

When the app user performs a mouse click or tap, the "Select Value" screen appears. The app user can select one from the combo list (list of selections) displayed.

 

The destination of the combo list is set in the [Data] pane of the Properties Area = [List] tab = [Value Entry] or [Table].

Setting the acquisition destination	Description.
value entry	You can directly enter values from the combo list. To enter multiple choices, use the Separate by a new line.
table	In conjunction with the DB design, data can be set to combo list values. Register the table for the combo list in the DB definition list and Specify as the retrieval destination, set up a combo box linked to the DB design Can be done. Example of table for combo list

*For other settings in the Properties Area, see "Control Reference" incombo boxSee "The following is a brief description of the newest version of the product.

 

calender (machine for flattening things)

There are five types of calendar controls For more information on the properties of each control, see "Control Reference" incalender (machine for flattening things)See "The following is a brief description of the newest version of the product.

control name	Description.
Calendar (Month)	Controls to display month, date and time, and select month and date. It is. The app user performs mouse drags and swipes up, down, left, and right, Or click or tap the triangle at the top of the calendar. By doing so, the month and time displayed will slide, and the previous and next months and It changes to time.
Calendar (Weekly)	View a week's appointments side by side on a time axis, select the date and time, and more. It is a control that can be done. The app user performs mouse drags and swipes up, down, left, and right, Or click or tap the triangle at the top of the calendar. By doing so, the displayed week or time slides forward or backward and It changes to time.
Calendar (week:day by day)	Weekly appointments can be displayed sorted by day, and days can be selected. Controls. The app user clicks the mouse on the triangle at the top of the calendar. By clicking or tapping, the displayed week slides, It will change the week before and after.
Calendar (Day)	This control allows you to display a day's schedule arranged in a time line. The app user performs a mouse drag or swipe up or down, Or mouse click or tap the triangle at the top of the calendar The displayed day and time slides by doing the "+" and "-", and the day before and after the and time.
Date Reservation	Information for a specific time of day can be displayed by heading column. Controls.

 

subform

A control that allows you to display other forms within a form.

Forms larger than the size of the subform can also be displayed within the subform. In that case, you can scroll by mouse dragging or swiping within the subform.

*For more information on screen design using sub forms, see "11. screen design with sub-formsSee "The following is a brief description of the newest version of the product.

 

The specification of another screen to be displayed in a sub form is set in the [Object] pane = [Behavior Setting] tab = [Details] and [Layout]. If [Layout] is not specified, the leftmost layout in the work area of the specified screen will be displayed.

*For other settings in the Properties Area, see "Control Reference" insubformSee "The following is a brief description of the newest version of the product.

 

web view

Controls for displaying Web pages.

 

To specify the page to be displayed, enter the URL in the [Data] pane of the Properties area = [Contents] tab = [Text].

*For other settings in the Properties Area, see "Control Reference" inweb viewSee "The following is a brief description of the newest version of the product.

 

ReferenceIf you want to dynamically control URLs with logic

The logic component "Control/Contents Setand set the URL as shown in the figure below.

Example: https://unifinity.co.jpを表示する場合

For instructions on using the logic component, see "Application Creation 《Processing Design》.See the "The following is a list of the most important factors that must be taken into account when making a purchase.

 

 

Handwritten View

This control allows handwritten input by the app user.

There are two types of handwriting views: raster (a set of points) and vector (a set of shapes).

 

The following settings can be made in the [Data] pane of the Properties area = [Contents] tab. In addition, the following buttons can be controlled ON/OFF.

Settings, button types		raster	vector
Configuration details	Background Image Selection	symbol used as a placeholder (either because a number of other words could be used in that position or because of censorship)	symbol used as a placeholder (either because a number of other words could be used in that position or because of censorship)
	Marker Image Selection	-	symbol used as a placeholder (either because a number of other words could be used in that position or because of censorship)
	Palette (comma-separated color specifications)	symbol used as a placeholder (either because a number of other words could be used in that position or because of censorship)	-
	Pen size (specify dot size separated by comma)	symbol used as a placeholder (either because a number of other words could be used in that position or because of censorship)	-
Button type	Tool reduction button	symbol used as a placeholder (either because a number of other words could be used in that position or because of censorship)	symbol used as a placeholder (either because a number of other words could be used in that position or because of censorship)
	Tool hide button	symbol used as a placeholder (either because a number of other words could be used in that position or because of censorship)	symbol used as a placeholder (either because a number of other words could be used in that position or because of censorship)
	delete button	symbol used as a placeholder (either because a number of other words could be used in that position or because of censorship)	symbol used as a placeholder (either because a number of other words could be used in that position or because of censorship)
	select button	-	symbol used as a placeholder (either because a number of other words could be used in that position or because of censorship)
	pen button	-	symbol used as a placeholder (either because a number of other words could be used in that position or because of censorship)
	move button	-	symbol used as a placeholder (either because a number of other words could be used in that position or because of censorship)
	zoom button	-	symbol used as a placeholder (either because a number of other words could be used in that position or because of censorship)

For more information, see "Control Reference," inHandwritten ViewSee "The following is a brief description of the newest version of the product.

 

List of control sets

One-line and multi-line text

A set of controls for displaying and editing database entries in the form of free text input. One-line text" is suitable for short text that is entered on a single line, such as "Product Name" or "Item Entrant," while "Multi-line text" is suitable for longer text that may be entered on multiple lines, such as "Remarks" or "Notes.

 

 

ReferenceItems to be added in the "DB Linkage" category control set

When a control set included in the "DB Linkage" category is added to the screen in Unifinity Studio, the database and logic required for the operation of that control set is automatically added. Added database items and logic are automatically deleted when they are no longer tied to the control.

 

 

Date Selection

A set of controls to display and edit database entries in date/time format. Suitable for items to be entered by date, such as "Date item was entered. Tapping on the text box portion of the run will bring up a dialog to select the date.

 

figure increase or decrease

A set of controls for displaying and editing database items in numerical format. This is suitable for items that have small values or frequently increase or decrease in detail, such as "number of fixtures."

 

checklist

A set of controls to display and edit database items to be selected from two choices of "Yes" or "No". The appearance of the screen is no different from that of the "checkbox" control, but differs from the "checkbox" control in that a database entry is automatically added to store the values, just like any other control set.

 

Radio Selection/Combo Selection

This set of controls allows you to display and edit database items that select one value from multiple choices. Use "Radio Selection" for a small number of items or "Combo Selection" for a large number of items.

 

Photography and image selection

A set of controls to display and edit database entries in image format. There are two types of control sets: the "Photo Shooting" control set, which sets values by taking an image with the terminal's onboard camera, and the "Image Selection" control set, which sets values by selecting from a file stored in the terminal.

 

handwritten item

A set of controls to display and edit database entries for hand-entered images. It can be used for the signature of the person recording the item, etc.

 

Barcode Reader/QR Code Reader

A set of controls for displaying and editing database entries in the form of free text input. Unlike "one-line text" and "multi-line text," the values read from a one-dimensional barcode or two-dimensional barcode (QR code) can be set by activating the camera.

Note that the operation of both the "barcode reader" and the "QR code reader" remains the same, and the "barcode reader" can be used to read 2D barcodes and conversely the "QR code reader" can be used to read 1D barcodes. Use different icons depending on which icon you want to display on the read button.