There are three ways to add Images to your frontline operations app:
Copying and pasting from your computer's clipboard in Chrome
Manually uploading from your desktop
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
Navigate to the Step in the app where you would like to upload an image/picture.
Click Embed in the App EditorToolbar and choose Image from the resulting dropdown.
3- Upload the content by clicking the upload arrow under the Widget Tab in the Context Pane.
Use the refresh arrow to Reset Aspect Ratio for easy formatting.
Method 2
You can directly drag images from your desktop or a folder and drop them into an individual Step in the App Editor. This works well if you have many images in a folder, and you want 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, click the Upload icon in the Default Value column on the right.
You can always update this image via Triggers. Use "Data Manipulation" "Store" to add a new image URL or upload an image to this variable.
Styling/Adding Triggers to 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
You can also add a trigger to an image or show a fullscreen version of it when clicked. Use the Click Actions menu in the Context Pane after selecting the image:
Technical Details of Image Support
We support the following image formats:
PNG (maximum size of 20 MB)
JPEG (maximum size of 20 MB)
GIF (maximum size of 5 MB)
SVG (maximum size of 5 MB)
JPEG and PNG will be automatically resized to 1920 x 1200 at maximum.
Further Reading
[How To Copy Content Between Apps](https://support.tulip.co/docs/how-to-copypaste-content-within-apps-and-between-apps
Did you find what you were looking for?
You can also head to community.tulip.co to post your question or see if others have faced a similar question!
Image
Images are a Tulip Datatype. Images are a reference to a web-hosted location for all Tulip Images.
Step
A view your users will see within an application. Steps can be viewed chronologically or in whatever order best fits your process.
Steps can be grouped into Step Groups to manage and organize your app Steps.
App Editor
The web interface used for building applications. Where you design a user interface, add logic, and connect your applications to Tables.
Widget Toolbar
The Widget Toolbar Is the menu where widgets can be found and added to your application.
Widget Tab
The Widget Tab is the Context Pane tab where you will adjust all of the Widget-level settings, including Widget Triggers,Widget Datasource, Widget Contents, and more.
Context Pane
The Context Pane is the configuration pane on the right side of the App Editor where steps, apps, and widgets can be configured. Triggers can be added to adjust widget behavior.
Step
A view your users will see within an application. Steps can be viewed chronologically or in whatever order best fits your process.
Steps can be grouped into Step Groups to manage and organize your app Steps.
Variable
Variables are a location to store app information. Variables have a specific type that must match the contents they can store.
Variables are only accessible within a single application and are cleared when the app is restarted or completed.
Trigger
Triggers are the mechanism to do things in Tulip Apps. Store data, move users between Steps, Interface with hardware, Etc.
Triggers can be added to widgets, machines, devices, apps, and steps.
App Tab
The App Tab is the Context Pane tab where you will adjust all of the App-level settings, including App Triggers, App background, App resolution, and more.
Context Pane
The Context Pane is the configuration pane on the right side of the App Editor where steps, apps, and widgets can be configured. Triggers can be added to adjust widget behavior.
Trigger
Triggers are the mechanism to do things in Tulip Apps. Store data, move users between Steps, Interface with hardware, Etc.
Triggers can be added to widgets, machines, devices, apps, and steps.
Context Pane
The Context Pane is the configuration pane on the right side of the App Editor where steps, apps, and widgets can be configured. Triggers can be added to adjust widget behavior.
Was this article helpful?
Thank you for your feedback! Our team will get back to you