Label control

<< Click to Display Table of Contents >>

Manual > Screen Creation Guide > Basic Control Editing Method >

Label control

Label control (Basic)

Label control allows you to display text on a form. In addition to statically displaying fixed text such as the name of equipment or the title of a signal, it is also possible to dynamically display, for example, the numerical value of an analog value collected from PLC on a label.

 

This section only introduces the editing operations for the controls.

 

1.Select Basic Label control from the Control View.
 
tra_0258
 
Click the mouse where you want to paste the label on the form (top left), and while still holding down the mouse, drag it to the bottom right.
 
Label has been attached.
 
tra_0259
 
 

2.Edit the label string.
 
Specify the string to be displayed in the label in the Property View. Select the label object and enter the string in the “Text” property (here, enter “sample label A”).
 
tra_0260
 
The label display has changed.
 
tra_0261
 
 

3.Edit the label size.
 
To change the size of a label, use the mouse to drag the handle that appears when the label is selected.
 
Move the right center handle to the left.
 
tra_0262
 
Then the label width becomes narrower.
 
tra_0263
 
 

hint

Like other controls, the coordinate values of Label control can also be edited directly in the Properties view.

 
 

4.Edit the label format.
 
One of the commonly used label formatting settings is the “justification” setting. Select the label object and edit the “TextAlignX” property.
 
Here, change it to LEFT.
tra_0264
 
The characters are now left justified.
tra_0265
 
For example, you can use left-justification (LEFT) when displaying static text, right-justification (RIGHT) when displaying numerical values, and center-justification (CENTER) when displaying status using characters such as ON/OFF.
 

5.Edit the label font.
 
You can specify the font and size of the text displayed in the label. The font can be changed from the property view (or the toolbar). Select the label object and edit the "TextFont" property (click the Select button to display the font setting screen).
 
Specify the desired font, style, and size from the selection screen and click the OK button (here, we will use 18 point “Meiryo UI” font).
 
tra_0266
 
The label font has changed.
 
tra_0267
 
 

6.Edit the label text color.
 
You can freely change the text color of the label. You can change the text color from the property view. Change the “TextColor” property from the property view. Click the Select button to display the color palette, and select the desired color.
 
For example, select blue.
 
tra_0268
 
The text color has changed.
 
tra_0269
 
 

7.Edit the label's border and fill.
 
Label control has a border and fill like Rectangle control. These are disabled by default, but if you want to display a frame around the label, enable these properties.
 
From the Properties view, change the “Border” and “Fill” properties from False to True.
 
tra_0270
 
Then, the border and fill, which were previously hidden, became visible.
 
tra_0271
 
Settings such as border and fill color can be changed in the same way as Rectangle control.
 

 

hint

When you want to create a display that displays a label inside a rectangle, you may be able to achieve this using only Label control with color enabled. You can achieve the same look by combining Rectangle control with a transparent background Label control, but you should aim for a simple configuration without using too many unnecessary controls.