Setting Up Agile Planner → Configuration → View Designer → Controls → Image
An Image is used to add a static image to a page. The image is set using the Src property as a URL to the location of the image on your organization's intranet or to a page on the Internet. You can add use the Events property to add JavaScript that is triggered when a user clicks on the image.
The Image control has the following properties:
| Properties | Description |
|---|---|
| Background-Color | The Background-Color property is used to set the background color of an attribute, control, or widget. |
| Color | The Color property is used to set the font color of an attribute, control, or widget. |
| Events | The Events property is used to add JavaScript to a page. For the Button and Image elements, click the buttonassociated with the Events property to display the Code Editor dialog. In the Code Editor dialog, you can write code to be executed in association with theelement (for example, code that executes when the user clicks a button). |
| Height | The Height property is used to specify the height (in pixels) of an attribute, control, or widget. |
| Left | The Left property is used to set the number of pixels from the left side of a page that an attribute, control, or widget is positioned. Use this property to align the attributes, controls, and widgets on a page. |
| ID | Read only. The ID property is used to show the unique ID of the design control. |
| Src | The Src property is used to specify the source URL for an image in an Image control. |
| TabIndex | The TabIndex property is used to set the navigation order when using the TAB key. When the user tabs through the page, the field with a Tab Index of "1" will be first field, "2" second, and so on. For a read-only field, you should not add a Tab Index. This lets the user skip over this field when tabbing through the page. |
| ToolTip | The ToolTip property is used to add customized tool tips for the control or attribute and over rides the default tool tip. |
| Top | The Top property is used to set the number of pixels from the top of a page that an attribute, control, or widget is positioned. Use this property to align the attributes, controls, and widgets on a page. |
| Type | Read only. The Type property is used to show the control type. For example, linklabel, button, hr, and so on. |
| Width | The Width property is used to specify the width (in pixels) of an attribute, control, or widget. |
| Z-Index | The Z-Index property is used to set the order by which attributes, controls, and widgets are layered on a page. For example, you can layer a form on top of an image. |