How to Add an Image Using Fliplet


Deviceimage

Images are a vital part of any app. They improve the aesthetics of the app and are a good way of displaying complicated information. Images can also be used in a more dynamic way to keep your user engaged and improve the overall user experience.

All images added to your app will be available offline, meaning that the design of your app will not be affected by connectivity issues.

Top tip: All images in a Fliplet app will respond to the screen size. So you don’t need to worry about the size of the image affecting the look and feel of your app.

In this post, you will learn how to:

Getting started

Images can be added into any content area. To begin adding images, find the content area in which you’d like to add an image and click ‘Click to edit content’.

The content editor will then open and you’ll be able to edit the content of your screen.

imageblog1

Add an image from your computer

Once you have located where your image should go:

  1. Click on the ‘+Image’ at the top of the content editor.
  2. Click on ‘Click to add files’ in the middle of the window
  3. Imageblog2
  4. Select the image file you’d like to add from your computer
  5. Imageblog3
  6. Click ‘open’ to upload the file to Fliplet.
  7. Once uploaded, click ‘Use’ to add your image to the screen

Top tip: You can add multiple images from your computer at once. All images uploaded into Fliplet will be stored in your media library to be used at any time.

Adding an image from a URL

Getting your image URL

  1. Find the image you’d like to use
  2. Right click on the image
  3. Click on ‘Copy Image URL’
Imageblog4

Once you have located where your image should go:

  1. Click on ‘+Image’ at the top of the content editor.
  2. Click on ‘From a URL’ at the top of image upload screen
  3. Paste your URL in the box marked ‘Enter URL of file to import’ then click ‘Import’
  4. Once uploaded, click ‘Use’ to add your image to the screen
Imageblog5

Adding an image from your media library

Top tip: All the images you use in your app will be automatically saved to your media library - this can save you time when using an image multiple times

Once you have located where your image should go:

  1. Click on ‘+Image’ at the top of the content editor.
  2. Click on ‘Your media library’ at the top of the image upload screen
  3. Navigate through the library to find the image you’d like to use
  4. Once you have found the right image, click ‘Use’ to insert the image into your screen
Imageblog6

Top tip: You can use the search box to search for the correct image. In a large project, make sure you have memorable file names to make your life easier!

Need help?

If you have any questions, please feel free to get in contact. You can reach us by Live Chat or via email: Support@fliplet.com