Image


The Image is a Segment containing a single image. An image found on the internet can be displayed. Additionally Images can be saved on the server, where DW is deployed.

For general information about this segment, see Image chapter.

  • File
    Required
    For more information see Static content chapter.
    Web URL or relative path of the server-based image or gif file, that should be displayed.

    Default images are stored in the distribution package in the Assets\Images folder in case, if any of them needs to be uploaded.

  • Effects and Filters
    Controls, adjusting the image, such as Brightness, Contrast, Opacity etc. Click to revert image to its default values.

  • Horizontal Alignment
    Required
    Controls, where the image should be aligned on the horizontal axis.

    • Left - Image is aligned to the left.

    • Center - Image is centered.

    • Right - Image is aligned to the right.

  • Vertical Alignment
    Required
    Controls, where the image should be aligned on the vertical axis.

    • Top - Image is aligned to the top.

    • Middle - Image is centered.

    • Bottom - Image is aligned to the bottom.

  • Image Size
    Required
    Decides, how the image is adjusted to the Segment’s size.

    • Cover - The image is resized to cover the whole Segment, without deforming the image. No uncovered spaces are present. However, one of image’s axis may overlap outside of the Segment’s boundaries.

      ../../../_images/image-cover.png

    • Contain - The image is resized to be fully displayed, in largest possible size, without deforming the image. Uncovered spaces, filled with the Background Color, are present.

      ../../../_images/image-contain.png

    • Fill - The image fully fills the entire Segment’s size. The image may be deformed. No uncovered spaces or overlapping occurs.

      ../../../_images/image-fill.png

    • Custom - When selected, Custom Size Height and Custom Size Width fields are displayed. These fields define size of the image in percentages of the Segment’s size.

      ../../../_images/image-custom.png

  • Background Color
    Inheritable
    For more information see Color field section.
    Color, used as a background behind the Image. Background can be seen when Image is not configured to cover the entire size of the Segment or when image with transparent parts is selected.

  • Refresh Interval
    Required
    Interval, at which the linked image should be refreshed. Useful, when source image tends to change frequently.