22
Access the ‘Features’ tab on the App Panel

Carousel Tutorial

Embed Size (px)

Citation preview

Page 1: Carousel Tutorial

Access the ‘Features’ tab on the App Panel

Page 2: 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 3: Carousel Tutorial

Select the ‘Carousel’ feature. Drag and drop the feature to where you would like it to be placed on your app panel. Press

close once you’ve finished.

Page 4: Carousel Tutorial

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

Page 5: Carousel Tutorial

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

Page 6: Carousel Tutorial

Click the customise button to change the name or the icon

of your carousel feature.

Page 7: Carousel Tutorial

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

the ‘Browse’ button.

Page 8: Carousel Tutorial

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

Page 9: 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 10: Carousel Tutorial

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

Page 11: Carousel Tutorial

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

Page 12: Carousel Tutorial

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

Page 13: 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 14: Carousel Tutorial

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

Page 15: Carousel Tutorial

If you chose content select the feature you’d like to show content from

Page 16: Carousel Tutorial

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

tab.

Page 17: Carousel Tutorial

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

Page 18: Carousel Tutorial

Press save once you’ve finished

Page 19: 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 20: Carousel Tutorial

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

Page 21: Carousel Tutorial

The items will scroll by automatically after a few seconds

Page 22: Carousel Tutorial

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