There are three ways to add images to your manufacturing app:

  1. Copying and pasting from your computer's clipboard in Chrome
  2. Manually uploading from your desktop
  3. Using an image URL

Copying and Pasting Images

You can copy and paste images into apps using CTRL+C and CTRL+V on Windows, and CMD+C and CMD+V on Mac.

Uploading Images

Method 1

1- Navigate to the Step in the app where you would like to upload an image/picture.

2- Click on “Embed” in the App Builder Tool Bar and choose “Image” from the resulting dropdown.

3- Upload the content by clicking the “upload” arrow under the Widget tab in the Context Pane.

4. Use the “refresh” arrow to “Reset Aspect Ratio” for easy formatting.

Method 2

You can directly drag images from your desktop or a folder into an individual Step in the App Builder. This works well if you have many images in a folder, and you would like to quickly add them to steps.

Using Image URLs

You can create a variable with type "image" and then store a specific image as a default value. Or, you can update that variable with a new image in the Trigger Editor.

To store an image in a variable by default, choose the Variables menu from the App tab of the Context Pane.

Then, create a variable with type "Image URL".

Then, choose the "Upload" icon in the Default Value column on the right.

You can always update this image via Triggers.

Styling Images

You can edit the following properties of images after they are uploaded to Tulip in the Context Pane on the right side of the screen:

  • Size
  • Rotation
  • Drop Shadow
  • Border Radius
  • Blinking?
  • Show Fullscreen When Clicked?

Further Reading

Did this answer your question?