Skip to main content
Kinetic Community

Image Elements

Image elements can be added to a service item by using the image function. The image function takes two string arguments and a required flag. The first is the label of the image element.  The second string argument is the name of the image file.  Finally the third argument defines where the image is located.  Image elements can reference images in the image library or attachments on the service item, use the :image_library or :attachment flag respectively.

Image Flags

The :hidden flag configures the image element to be hidden.

The :removed flag configures the image element to be removed.

Image Options

The :help_text option configures the help text of the image element.

The :style_class option configures the style class of the image element.

The :alt_tag option configures a value for the alt attribute of the generated image tag on the service item page.

The :url_reference option configures a URL to navigate to when the user clicks on the image.

The :url_target option configures whether the URL navigated to will open in the same window or a new window, use either :same_window or :new_window respectively.

Image Functions

The event function (Chapter 7) adds an event to the image element.

The style function (Chapter 8) adds a style property to the image element.

Image Element Examples

image "Attached", "request_159.jpg", :attachment,
      :alt_tag => "Request Logo"

This example image element refers to a service item attachment.

image "Library", "SithcoLogo.gif", :image_library,
      :alt_tag => "Sithco Demo Logo"

This example image element refers to an image from the image library.

image "Options", "software.jpg", :image_library,
      :help_text => "This is a CD",
      :alt_tag => "Software Icon",
      :url_reference => "/kinetic/AdminConsole",
      :url_target => :new_window

This example image element demonstrates configuring help text (displayed on hover) and an alt tag.  It is also configured to navigate to the admin console in a new window.