carousel tutorial

24
To start editing your app, make sure you are on the ‘App’ view of the platform. This is located in the middle of your header bar.

Upload: my-app-editor

Post on 13-Apr-2017

148 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: Carousel Tutorial

To start editing your app, make sure you are on the ‘App’ view of the platform. This is located in the middle of your header bar.

Page 2: Carousel Tutorial

Go to the ‘features’ tab on the navigation panel to start customising out your content.

Page 3: Carousel Tutorial

Once the ‘Features’ tab has been selected the app panel will appear with a list of the features that are already applied to your app. On the top right of the panel there is a ‘Manage’ button, click this to access the features menu where you can pick and choose which features you would like on your app.

Page 4: Carousel Tutorial

Once pressed, your feature library will appear.

Page 5: Carousel Tutorial

Press the ‘add’ button on the Carousel feature to add it to your app. Press ‘Close’ once you’ve finished.

Page 6: Carousel Tutorial

Select the ‘Carousel’ tab now located on your app panel.

Page 7: Carousel Tutorial

For a detailed description of what the ‘Carousel’ feature does hover over the question mark button

Page 8: Carousel Tutorial

Click the customise button to change the name or the icon

of your carousel feature.

Page 9: Carousel Tutorial

To chose an icon or to upload your own custom icon press

the ‘Browse’ button.

Page 10: Carousel Tutorial

Choose an icon from the list provided, or to upload your own icon press the ‘Upload custom icon’ tab.

Page 11: Carousel Tutorial

To upload your custom icon drag and drop your 60 x 60 pixel image into the blue area, or press browse to find your icon manually. Press

set when you have chosen your icon.

Page 12: Carousel Tutorial

If you would like a background for your carousel feature upload a 640 x 996 pixel image

Page 13: Carousel Tutorial

Press ‘Save’ once you have finished customising your features name and icon.

Page 14: Carousel Tutorial

Choose what item type you would like from either feature, content or website

Page 15: Carousel Tutorial

If you choose ‘Feature’ choose the tab you want to link to this item. Add an image or drag and drop it into the blue dotted area

to upload it

Page 16: Carousel Tutorial

As seen here, The News feature was selected and an image added.

Page 17: Carousel Tutorial

If you chose 'Content', select the feature you’d like to show content from.

Page 18: Carousel Tutorial

In this example the News Feature was selected. This automatically picks up the content added onto that

tab.

Page 19: Carousel Tutorial

If it’s a website you’re going to add, please add it into the Website tab

Page 20: Carousel Tutorial

Press 'Save' once you’ve finished

Page 21: Carousel Tutorial

Keep adding Carousel by clicking on the ‘Add’ button and following the previous steps. You may also move them around, by using the ‘Change

Order’ button.

Page 22: Carousel Tutorial

Preview AppTo view your new app feature download the Putti Preview App and navigate to your Carousel tab.

Page 23: Carousel Tutorial

The items will scroll by automatically after a few seconds

Page 24: Carousel Tutorial

Tap each item and you’ll be taken to the Feature and Content that you earlier pointed this item to.