Runtime application scaling on different HMI devices

When downloading a project to a different HMI device, screens automatically scale on the HMI device to fit based on the scaling option for the project. This does not affect the project contents in
View Designer
. The scaling option is appears on the
Application
tab of the
Project Properties
dialog box.
Downloading a project to an HMI device with a different DPI setting affects the display of screens:
  • Content placement
    Screens appear in the center of the new HMI device. Any extra space required for
    Scale with fixed aspect ratio
     or
    Do not scale
     options appears equally on either side or above and below the screen. If the new HMI screen is smaller than the original screen, the
    Do not scale
     option is overridden to
    Scale with fixed aspect ratio
     to ensure screen content is not clipped.
  • Text
    Text appears at the point size for the targeted HMI device. If the actual HMI device differs, the text stretches to fit the new area based on the scale mode selected. If the actual HMI device has a different aspect ratio and the scale mode selected is
    Stretch to fit
    , the aspect ratio of the text stretches or compresses to fill the new area.
  • System Banner
    The
    System Banner
     is always as wide as the screen. The height of the
    System Banner
     depends on the selected scaling option.
  • Popups
    Popups and their contents remain the same physical size as on the original screen unless they do not fit the screens on the new HMI device. In this case, the popups and their contents reduce to fit the new screen area while maintaining a fixed aspect ratio. This is regardless of the
    Screen Scaling
     option selected. After the screens convert, the relative space that the popups cover on the new screens is different from the original screens.
  • Bindings to size and position properties
    Downloading a project to a different HMI device does not affect bindings to size and position properties of graphic elements. Update animation values in the controllers as necessary to match the new size and position values.
  • Raster images
    Bitmap or raster images store as a series of tiny dots called pixels. When adding a raster image to a
    View Designer
     screen, the image Height and Width property values in the
    Properties
    tab match the pixel size of the image. Raster images may appear unclear because
    View Designer
     scales the bitmap image to match the physical size of the image as it appears on the HMI device screen. Images appear sharp on the HMI device screen.
    Loading a raster image on an HMI device that is different from the HMI device for the project results in the image appearing unclear compared to the original. Add ore remove pixels to match the new image size. The image size varies from with HMI device screen size.
ViewDesDownloadAllModesLarge2SmallHMI
ViewDesDownloadAllModesSmall2LargeHMI
Provide Feedback
Have questions or feedback about this documentation? Please submit your feedback here.
Normal