Image

262 views

This control corresponds to the Image control.

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

It has the following properties:

Properties

content

Data

Specifies the Image control defined in the Magic program.
If a file name is specified in the Image File property of the Magic xpa Image control, this file will be displayed. The
default folder is output\<Application name>\assets\images.
Click the gear button to display a list of controls. You can select from here.
It maps to Magic items and passes click events, etc. to the Magic side.

Image Source

Specify the image file name to display.
Click the gear button to display a dialogue box for selecting an image.
From here, you can load an image. The loaded file will be copied to the output\<Application name>\assets\images folder.

Alternative Text

Specifies alternative text to be displayed if the image cannot be displayed.

is inside Table

Specify whether to place it in a table.
Check it if you want to place it on a table.
By adding it, the [rowId]=”row.rowId” tag will be added.
If you do not check it even though it is in a table, it will always be treated as an event in the first row.

Disabled

Represents a disabled element. A disabled element is one that cannot be activated (selected, clicked, entered, etc.) or given focus. Clicking the gear button will display a list of controls. You can select from here. It maps to a Magic item and passes click events, etc. to the Magic side.

Display If

Specifies whether to display the control.
This is similar to Is Visible, but you set a logical expression and specify it as True or False.
For example, if you enter mg.getValue(mgc.XXXXXXXXXX) !=” and XXXXXXXXXX is not blank, it will become True and the control will be displayed.

width

Width: Write in pixels (px) or auto.

height

Height: Write in pixels (px) or auto.

Class

You can define any class.