The HTML Image macro allows the display of an image within a page, with extended properties such as an 'alt' tag and an image map feature.

Usage

  1. Go to the form you wish to edit.

  2. Click Edit

  3. Click Insert More Content, and select Other Macros.

  4. Select the HTML Image macro from the provided list.

    The Macro Browser with the HTML Image macro available.
  5. Complete the desired fields.

    Parameter

    Description

    Type

    Default

    Required

    Alt Text

    Defines a short description of the contents

    string

    none

    Image URL (src)

    Defines the URL of the image source

    string

    none

    Height

    Sets height of the image

    string

    none

    Width

    Sets width of the image

    string

    none

    Server-side Map

    Defines the image as a server-side image map

    checkbox

    unselected

    Client-side Map

    Defines the ID for a client-side map, linking to HTML on the page that includes this map

    string

    none

    Long Description

    A URL to a page which contains a long description of the content

    string

    none

    ID

    Specifies a unique ID to be added to the button

    string

    none

    CSS Class

    Specifies a CSS Class to be added to the element

    string

    none

    Inline Style

    An optional inline style sheet to apply to the tag

    string

    none

    Title

    Text to display in a tooltip

    string

    none

    Text Direction

    Specifies the text direction

    single select

    none

    Language Code

    Specifies the language property, e.g. en, de, fr.

    string

    none

    The URL parameter must be specified for this macro to work.

  6. The macro will then appear on the page.

    The placeholder for an HTML Image macro.

Examples

Basic Example

To display an HTML image on a page

The Edit HTML Image Macro screen, with an example image configuration.

Results in:

The rendered HTML Image macro with the configuration from above.


Using Client Side Image Map

To use the client-side image map parameter, the Atlassian HTML Macro must be enabled. This action requires an administrator and the security risks should be understood before doing so.

Read this HTML Macro for information on the HTML Macro. Once this is complete, the HTML Macro can be added to a page and an image map can be inserted.

An HTML Image macro with an HTML Macro used to create a client side image map.

The name of the map should be the same as the 'Client-side image map' parameter for the HTML Image Macro, as follows.

The Edit HTML Image Macro screen, with an example image configuration for a client side image map.