1. Outline
A check box is a control that can return a pre-specified value or invoke a pre-defined behavior by switching ON/OFF.
In the following, we will use the term "2. Development GuidanceYou can download sample programs for frequently used checkbox functions at3. Parameterssection provides a reference to the parameters to be set for the checkboxes.
2. Development Guidance
This article introduces parameter settings that are commonly used to familiarize you with checkboxes. The sample projects used in the explanation can be downloaded from the following links.
2-1. Set initial values for check boxes
Set the initial value of the checkbox and create a box that is checked from the beginning.
2-1-1. Place check boxes and confirm initial values
Select "Check" on the control bar and drag it on the screen to position the check box. In this case, the label can be displayed by placing it horizontally.
With the check box selected, select "Object" "Behavior Settings" in the Properties area and check the "ON Value" and "OFF Value". By default, the ON value is set to "1" and the OFF value to "0".
In this case, we will leave the default settings.
2-1-2. Set initial values
With the check box selected, you can set the initial value of the check box by entering the ON or OFF value you identified above in the "Character" field of the "Data" "Contents" "Value Entry" property area.
If "0" (OFF) is specified in the "Text" field, the text will be displayed as unchecked.
Note that the check box will also be turned off if any content is entered that is neither an ON nor OFF value.
2-1-3. Change the design
With the checkbox selected, you can change the checkbox design from "Design" "Color and Shape" in the Properties area.
The color specified in "Border/Border" under "Normal" becomes the border color of the checkbox, and the color specified in "Font" under "Check" becomes the color of the checkmark. You can also adjust the "roundness" to make the corners of the checkboxes rounded or unrounded.
2-2. Linking checkboxes and databases
Create a table and register the ON or OFF values of the checkboxes in the table. In the sample project, a table is placed below the checkboxes to display the table contents in real time.
2-2-1. Change ON and OFF values
With each check box selected, set the following properties
Change the "ON value" and "OFF value" from "Object" "Operation Settings" in the Properties area.
This time, set the ON value to A and the OFF value to B.
2-2-2. Creating Tables
Create a new table from the DB design screen. In the sample project. Created as "tbl_check".
In the "Design" section of the created table, register the "Item Name" and "Physical Item Name" and "Type" respectively as follows. Each item set here stores the value obtained from the check box.
2-2-3. Set up data forms
From the screen design screen, click on the form, go to "Data" "Contents" in the properties area, and select the table you created in "2-2-2.
Next, with the check box control selected, select "Form" from "Data" "Contents" in the Properties area, and choose which item (field) data will be linked to the value retrieved from the check box selected in the "Field Name" field.
In the sample project, the three checkboxes are set to "column 1," "column 2," and "column 3," respectively, as shown below.
In this way, a table is tied to a form (the entire screen) that is the parent of a control (check box, etc.), and the setting for assigning items to the control is called a data form.
Data forms can be used to input and output data from the control to the database without implementing any special logic.
2-2-4. Change the design
With the checkbox selected, you can change the checkbox design from "Design" "Color and Shape" in the Properties area.
In the sample project, the "roundness" is set to about 30, which makes it close to a regular circle. The thickness is also set at 4 to provide depth.
3. Parameters
By changing the parameters, you can easily set the position and size of checkboxes, colors and shapes, and images to be displayed, so let's take advantage of them to create a well-designed, easy-to-understand screen.
In addition, by setting up actions to be invoked during screen operations, the app can be made to perform various actions when the app user touches or clicks on a check box.
object
Basic information and operation settings for checkboxes are set from "Objects". By deactivating the checkbox, it is possible to set up a checkbox that is only activated when the app user performs a specific operation, etc.
Basic Information
| name | The name of the checkbox. Action from the processing logic to the checkbox. If you want to have, for example, a check box with this name, specify the check box. The default is "check + sequential number". |
|---|---|
| Size | The width and height of the checkboxes can be specified in 1-pixel increments. Yes. |
| position | You can specify the position of the checkbox. The starting point is the upper left corner of the screen. |
| margin | It is possible to create a blank area in a checkbox where no text or image is displayed, and it is possible to create a blank area in a checkbox where no text or image is displayed. Yes. Specified by the distance from the top and bottom of the checkbox to the left and right. |
| type | You can check the type of control. No changes can be made. |
| style | By selecting from the pre-defined styles, parameters such as colors, borders, etc. can be set. Easy to set up. |
operation setup
| executable process | Process executed after touching or clicking a checkbox and releasing it Set the |
|---|---|
| long press (of button, esp. mobile phones) | Set the process to be executed when the checkbox is pressed and held (for more than 1 second), and Yes. |
| pushdown processing | Sets the process to be executed at the moment the checkbox is pressed. |
| ON value | Sets the value with the check box checked ON. |
| OFF value | Sets the value with the checkbox checked OFF. |
possibility
| available | By unchecking this checkbox, the checkbox can be deactivated (operation disabled). Can be done. A check box that cannot be pressed until certain conditions are met. Used for installation, etc. |
|---|---|
| display | Uncheck this box to hide the checkbox. For example, when setting up a check box that will not be displayed until certain conditions are met. Use. |
data
Settings for text to be displayed in checkboxes and values that can be retrieved by "Process/Control/Retrieve Contents" are made from "Data". In addition to direct input, text extracted from a form or database can be displayed.
Contents
value entry
Set if you want to directly input the value that can be obtained from the checkbox.
| character | You can enter values for the data in the checkboxes. |
|---|
form
Set when values that can be retrieved from checkboxes are to be entered using data forms.
| Field Name | Fields from which to retrieve data from the table set in the form (columns). |
|---|---|
| available | When checkboxes are placed in a subform list, for each row Select the field from which to obtain the availability settings. |
| display | When checkboxes are placed in a subform list, for each row Select the field from which to retrieve the display settings. |
| foreground | When checkboxes are placed in a subform list, for each row Select the field from which the foreground color setting will be retrieved. |
| background color | When checkboxes are placed in a subform list, for each row Select the field from which to obtain the background color setting. |
table
Set this option if the values that can be retrieved from the checkboxes are to be entered using a database, rather than being set in advance.
| table name | Select the table from which the data will be retrieved. |
|---|---|
| Field Name | Select the field (column) in the table from which the data will be retrieved. |
| available | When checkboxes are placed in a subform list, for each row Select the field from which to obtain the availability settings. |
| display | When checkboxes are placed in a subform list, for each row Select the field from which to retrieve the display settings. |
| foreground | When checkboxes are placed in a subform list, for each row Select the field from which the foreground color setting will be retrieved. |
| background color | When checkboxes are placed in a subform list, for each row Select the field from which to obtain the background color setting. |
label (e.g. on a label)
value entry
Sets the text display in the checkbox for direct input.
| character | You can enter text that will appear in the checkboxes. |
|---|
table
Set this option if the text display in the checkbox is to be entered using a database instead of setting it in advance.
| table name | Select the table from which to retrieve the display content. |
|---|---|
| Field Name | Select the field (column) in the table from which to retrieve the display content I will do so. |
| Filter/Direct input | Directly enter extraction conditions when retrieving display content from a table Select this option when |
| Filter/List Selection | Extraction conditions when retrieving display content from a table from a list. Select if you wish to select. |
design
To set the color, shape, and image of checkboxes regardless of style, change "Design". The design of the checkboxes can be finely configured.
Color and Shape
| font | Specifies font type. |
|---|---|
| Size | Specifies the font size. |
| bold-type | Check this box if you want to bold text. |
| image | Check this box if you want to add shadows to the text. |
| underline | Select the underline for the text from [None], [Underline], or [Double Underline]. |
| stroke-count line | Check this box if you want to put a strikeout on the text. |
| by return | Check this box if you want the text to wrap around. |
| Shrink to Fit | When the content does not fit within the control, the font size will be automatically adjusted to fit the content inside. |
| vertical alignment | The text position in the checkbox can be set to [Align Top], [Align Center Top], [Align Bottom], or [Align Bottom]. Select from any of the following. |
| horizontal arrangement | The text position in the checkbox can be set to [Align Left], [Align Left], [Align Center], or [Align Right]. Select from any of the following. |
| normal font | Specifies the font color during normal operation. |
| Normal Fill | Specifies the normal background color. |
| Normal ruled/box lines | Specifies the color of the ruled/framed lines during normal operation. |
| check | Specifies the color of the check mark. |
| invalid check color | Specifies the color of the check mark when the operation is disabled. |
| unavailable font | Specifies font color when operation is disabled. |
| unavailable fill | Specifies the background color when the operation is disabled. |
| Unavailable ruled lines/frames | Specifies the color of the ruled/border line when the operation is disabled. |
| line thickness | Specifies the thickness of the line. |
| roundness | Specifies the roundness of the corners of the checkbox. |
| thickness | Specifies the thickness of the checkbox. |
Change image
Vertical/horizontal placement (example)
Text: Aligned at top left Text: Aligned at center Text: Aligned at bottom right
|
|
|
|
image
| Standard Image | You can set the image that is displayed during normal operation. |
|---|---|
| Image Deletion | You can clear the standard image settings. |
| pressed image |
Displayed while the checkbox is checked ON To clear the set image, click the Delete Image button. |
| Invalid standard image |
You can set the image to be displayed in normal operation when the operation is disabled. To clear the set image, click the Delete Image button. |
| invalid pressed image |
While the check box is checked ON when the operation is disabled To clear the set image, click the Delete Image button. |
| Image display position (vertical) | Align Top][Align Top and Center] for the image display position in the checkbox. [Select from one of the following options: Align Bottom |
| Image display position (horizontal) | Align Left][Align Left][Align Left][Align Left][Align Right] for the image display position in the check box. Select from any of the following options: [Align Right], [Align Left], [Align Right], or [Align Right]. |
| Single-sided fit | Size the image so that it fits inside the checkbox. Change. No setting][inscribed fit][circumscribed fit][circumscribed fit][vertical/horizontal Select from one of the following options. |
Image display position (example)
|
|
|
|
Single-sided fitting of an image (e.g.)
|
|
|
|
|
ruled line
| top kind | Specifies the type of upper ruled line. |
|---|---|
| overglaze | Specifies the color of the upper border. |
| lower kinds | Specifies the type of lower border. |
| underglaze color | Specifies the color of the lower border. |
| left kind | Specifies the type of left border. |
| left-handedness | Specifies the color of the left border. |
| Right kind | Specifies the type of right border. |
| dark indigo (almost black) | Specifies the color of the right border. |
| Backslash type | Specifies the type of backspace ruled line. |
| backslash | Specifies the color of the backslash border. |
| / Type | / Specify the type of ruled line. |
| /Color | / Specifies the color of the top border. |