Image Panel

Image panel automatically displays the images associated with the current form. Canvas accepts a JPG, GIF, PNG or a JSP that returns the image in any of those (JPG, GIF, PNG) three formats.


Setting the image path for the image panel,

  • By default, the logo item shows the logo image that was mapped to its form as images.
  • To select a different set of images, set the image relative path as Raw Values.


  • Containers & More > Container>Image Panel



The following table provides information about the properties that are applicable to this form item:


#

Property

Description

Sample Values

1

Form ID

Unique ID of the Form on which you want to place the Form Item.

CT_TEST_FORM#326

2

Item ID

Unique ID to the Form item.
This value is automatically configured once the form is selected from the pop-up window.

IMAGEPANEL4

3

Item Type

To identify the item type in a form.

IMAGEPANEL

4

Channel

Assigns the form item compatibility for various devices.

Desktop / Tablet / Mobile

5

Visibility

Selected: Shows the form item on the Form.
De-Selected: Hides the form item from the form, but the data will still be in active.

Selected

6

Print

Selected: Allows printing the form item while printing the form.
De-Selected: Does not print the particular form item while printing the form.

Selected

7

Column Span

Occupies the specified number of item spaces horizontally for the current item.

1

8Event Wiring

The Event Wiring option enables you to assign various events for different set of actions. For detailed information on Event Wiring, refer Form Items Event Wiring


9

Settings Menu: Image Path

Raw Key - Array of comma separated data that will be used as keys for logo selection.
If you are getting values from the data-support class, leave this field as blank.
Raw Value - Array of comma separated data that will be used to provide the path for the logo image.
This can be a plain text or the property driven label key.
If you are getting values from the data-support class, leave this field as blank.





1:images/headerlogo.png,
2:images/image1.png

10

Settings Menu:Cache Data Indicator

Provides the cache data if it is stored in cache.

De-Selected

11

Clone

Enables you to create a duplicate of the selected form item along with its applicable properties except for the Item ID.

2

 Switch property is not applicable for this form component.