Show TOC

Background documentationAreas on an Image

 

You can draw rectangular, circular, or any free-form polygonal shaped area of any size on the image that is available in the cell. You can re-drag and re-size the areas. Select and from the tooltip to draw a rectangle and circle. To draw a free-form polygon on the image, select on the toolbar and click on different points on the image to mark the vertices of the area. Click back at the starting point to complete the area.

In Design mode, you can do the following to the drawn areas:

  • Edit an area and enter a name, set color, and opacity level

  • Delete an area

  • Configure events to the selected area by choosing Area Settings. The customized alerts are displayed at runtime.

Note Note

  • You can draw overlapping areas on the image. To delete an inner area in overlapping areas, you must delete the outermost area.

  • You cannot configure icons and graphics for the tags placed on the image.

End of the note.

Value-based Color Changes in Area

  • The default area color is displayed at runtime. When a tag is placed on the area, the tag color that is evaluated based on the rules takes precedence over the configured area color.

    Example Example

    You have configured Yellow color to an area. You move a tag to the area and configure the tag color to Blue. In Preview mode, the area color changes to Blue when the tag conditions are matched

    End of the example.

    The change in the area color is valid only for the first tag placed on the area and not applicable when multiple tags are configured on the same area.

  • When you place a tag on overlapping areas, the color changes affect only the outermost area.

In the Preview mode, the area is highlighted with the colors specified for the matching condition that is evaluated with the runtime value of the tag. You can configure the colors only when the tag is placed on the area.

You cannot do the following:

  • Edit and delete multiple areas simultaneously

  • Reposition the free-form shaped area

  • Draw a free-form polygonal area within a rectangle or circle area

Activities

Drawing an area on the image

  1. Select a layout.

  2. Select a image from the projects available in Start of the navigation path MII Content Next navigation step Resource Files End of the navigation path.

  3. Choose Configure Graphics (Configure Graphics).

  4. To draw a free-form area, choose . Click at different points on the image.

    You must again click the starting point to complete the area. A message Area Created appears.

  5. Choose Apply.

  6. To edit an area, select the area and choose Edit Area (Edit Area).

  7. Enter name in Area Name field.

  8. Choose a color.

    The Color Picker dialog box appears.

  9. Choose the opacity level.

  10. Choose OK.

  11. Choose Apply.

To configure the area event, do the following:

  1. Select the area and choose Area Settings.

    A dialog box appears.

  2. Select Call Javascript Function.

  3. Enter a name in Method Name field.

    You can customize the code in the Source Code tab. For more information, see Source Code