Follow

Setting up an image slider

Have you ever wanted to add an image carousel to your app as you have on your website?

With our new platform, it's now possible to do this!

Here's how you can do that:

  1. Make sure you're logged in to the console and on the 'Home Screen'
  2. Click the 'Add' button under components

    IMAGE_11-8-19_AT_3.46_PM.jpeg
    This will show you a view of all the different components you can add to your home screen.

  3. Choose the image slider component

    IMAGE_11-8-19_AT_3.47_PM.jpeg
  4. You'll see a screen with a couple of different options to tweak the image slider just the way you want it.

    IMAGE_11-8-19_AT_3.47_PM__1_.jpeg

    Height: the height of the image slider. If it's set to a lower height than the image, the image will be cutoff

    Interval: the wait time between images before it slides to the next one

    Show pager: whether to show the dots that display how many images there are in the slider

    Loop: whether to start over from the beginning when the images have reached the end or to stop at the last one

    Padding, top spacing, and bottom spacing are all common items and help you position the component the best way possible.
  5. The next step is to add some images.
    Click the 'Add' button and you'll see a dialog that lets you upload an image and set the action for it.

    IMAGE_11-8-19_AT_3.47_PM__2_.jpeg
  6. Add all the images you need and set the appropriate click action.
  7. Click done until you're back at the home page, click save and go live and your image slider is now live in your app!
Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request