Label

319 views

This control corresponds to the Label control.

They are used to position text and numbers.

When you place a companion, the following code is defined by default:

<label data-comp-id=”label.1″ id=”label.1″>Label:</label>

It has the following properties:

Properties
content
Data Mapping
Specifies the controls defined in the Magic program.
Click the gear button to display a list of controls.

You can choose from here.

Mapping Magic items and passing click events to the Magic side.
Text
Specifies the text that appears in the control.
Click the gear button to display a list of dialogues.

Or set the value like this.
{ { mg.getValue (mgc.XXXXXXXXXX) } } If it is in a table or other line { { mg.getValue (mgc.XXXXXXXX,row.rowId) } }
is inside Table
Check if placed in the table.
By adding [rowId] = ” row.rowId ” tags.
If you are in the table but didn’t check it
Always treated as the first-line event.
Is Visible
By setting mg.getVisible (mgc.XXXXXXXXX), it works with the Magic control [ visible ] property.
Show Control
Specifies whether to display the control.
You can choose from the following.
“Is Inside Table” is only valid if checked.

  • None …… always displayed.
  • Is Row Edit …… Displayed only when in fix mode.
  • Is Row Read …… Displayed only when in inquiry mode.
Display If
Specifies whether to display the control.
Similar to Is Visible, but set a logical expression and specify it in True, or False.

Other mg.getValue (mgc.XXXXXXXXXX) !If you type = ”, it will be displayed because XXXXXXXX is True if it is not blank.
Text Wrap
Specifies whether to fold the text display back.
You can choose from the following.

  • Normal …… Initial value
  • Break Word …… Line breaks even in the middle of words
  • Initial …… Return to initial value
  • Inherit …… inherits parent element properties
Tooltip
Specifies the tooltip to associate with the control.
Place the mouse cursor in this control to display the specified character.
Click the gear button to display the dialogue.

Now you can enter the text you want to display or select the Angular function.

mg.getTitle (mgc.XXXXXXXX)

It is possible to display the tooltip set by Magic.
Text Transformation
Specifies how to convert text. You can choose from the following.

  • Default …… does not convert.
  • Uppercase …… Converts to uppercase.
  • Lowercase …… Converts to lowercase.
  • Capitalize …… Converts only the first character to uppercase.
Dropdown Type
Specify the dropdown display type from below.

  • Default
  • Header
  • Item
  • Toggle
Share this Article

Label

Or copy link

CONTENTS