Checkbox

383 views

Enter a date ［ Edit ］ Control compatible.

When you place a component, the following code is defined by default.

< mat-checkbox data-comp-id = ” mat-checkbox-custom.1″ id = ” mat-checkbox-custom.1″ >

< mat-label> Checkbox</mat-label>

</mat-checkbox >

There are properties below

Property

Content

Data

Specifies the controls defined in the Magic program.
Click the gear button to display the dialogue. Now you can enter the text you want to display or select the Angular function.
Mapping Magic items and passing click events to the Magic side.

Label

Specify the text to display.
Click the gear button to display the dialogue. Now you can enter the text you want to display or select the Angular function.
Mapping Magic items and passing click events to the Magic side.

Error

Specifies the text to display as an error message.
The error is hidden in the initial state and is displayed in the invalid form field after the user has manipulated the element or after the parent form has been sent.
The error occupies the same space as the hint, so the hint is hidden when the error appears.
Click the gear button to display the dialogue. Now you can enter the text you want to display or select the Angular function.
Mapping Magic items and passing click events to the Magic side.

is inside Table

Check if placed in the table.
Add to add [ rowId]=”row.rowId” tags.
Whenever it is in the table but is not checked, it will be treated as a first-line event.

Show Control

Specifies whether to display the control. You can choose from the following.
“Is Inside Table” is only valid if checked.

None …… is always displayed.
Is Row Edit …… Only displayed in Edit mode.
Is Row Read …… Only displayed in Read mode.

Required

Specifies whether the end user needs to enter a value in the control.

Lable Position

Specify the display position of the label. You can specify it from below.

Default …… Displayed behind the check button.
Before …… It is displayed before the check button.
After… It appears behind the check button.

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. You can now enter the text you want to display or select the Angular function.
It is possible to display the tooltip set by Magic at mg.getTitle( mgc.XXXXXXXXXX).

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.
If “False”, it will no longer be displayed from the canvas.

Disabled

Represents an invalid element. Invalid elements are those that cannot be activated （ select, click, enter, etc. ） or focus.
Click the gear button to display the dialogue. Now you can enter the text you want to display or select the Angular function.
Mapping Magic items and passing click events to the Magic side.

Class

You can define any class.