Develop a UI with a responsive image

Implement an external image into your project and make the image responsive to the window size.
Application example
In this example, the
Rockwell Automation
logo stretches to the edges of the application window as you resize it.
NOTE:
Download a sample project:
ResponsiveExternalImage.zip
Prerequisites
  1. To develop the project
  2. In
    Project view
    , double-click
    MainWindow (type)
    .
    The editor opens in a separate window.
  3. Drag the downloaded logo from your computer into the editor.
    In
    Project view
    , an
    Image1
    object appears under
    MainWindow (type)
    .
  4. In
    Properties
    , set
    Horizontal alignment
    and
    Vertical alignment
    to
    Stretch
    :
  5. Arrange the interface elements.
  6. Save the project.
Select
Run
to run the project using the client emulator to test your project. To run the project on a remote client, see Add a client device.
Provide Feedback
Have questions or feedback about this documentation? Please submit your feedback here.