Image component is displaying a single or multiple images in page. Individual images can be customized according to your preferences. It is used with Layout, Grid component, etc. The image can come from a URL.


Image in Palette


Sample Image



Attributes



Type

Name

Description

UI

src

It specifies URL of the image

General

ID

Displays title of the component.

General

Parent

Displays where it is located in the component.

General

Class

A CSS style to be attached to the component. This style is added in addition to styles output by the component.

General

Trash

Users to permanently delete component.

CSS Attributes

Z-index

The z-index specifies the stack order of an element. An element with greater stack order is always in front of an element with a lower stack order.

CSS Attributes

Add/Edit

It has CSS Editor. We can write different CSS code for each component.

CSS Attributes

Width

The image width. This attribute will allow for setting exact width.


Events

Name

Description

Click

When the image is clicked

Double Click

When the image is double clicked.

Mouse Down

When the image is pressed down.

Mouse Enter

When the mouse pointer is moves in image while it is over.

Mouse Leave

When the mouse pointer is moves on over a image.

Mouse Move

When the mouse pointer is moving while it is over an image.

Mouse Out

When the mouse pointer moves out of a image.

Mouse Over

When the mouse pointer is moves on image while it is over.

Mouse Up

When the mouse pointer is pressed up.

Focus In

When the image is clicked.

Focus Out

When the mouse pointer is pressed while it is over an image.

Click

When the image is clicked

Double Click

When the image is double clicked.

Mouse Down

When the image is pressed down.


Created with the Personal Edition of HelpNDoc: Create help files for the Qt Help Framework