news and events tutorial

28
To start editing your app/website feature, you can be on either the ‘App’ or ‘Web’ View located on the top Header Bar.

Upload: my-app-editor

Post on 14-Feb-2017

261 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: News and Events Tutorial

To start editing your app/website feature, you can be on either the ‘App’ or ‘Web’ View located on the top Header Bar.

Page 2: News and Events Tutorial

Access the ‘Features’ tab on the App Panel

Page 3: News and Events 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: News and Events Tutorial

Select one of the ‘News/Events’ features. 'Add’ the feature and then move it to where you would like it to be placed on

your app panel. Press ‘Close' once you’ve finished.

Page 5: News and Events Tutorial

Select the ‘News/Events’ tab now located on your app panel.

Page 6: News and Events Tutorial

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

Page 7: News and Events Tutorial

Click the customise button to change the name or the icon

of your news/events feature.

Page 8: News and Events Tutorial

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

the ‘Browse’ button.

Page 9: News and Events Tutorial

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

Page 10: News and Events 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 11: News and Events Tutorial

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

Page 12: News and Events Tutorial

To add an event item click on the ‘Add’ button

Page 13: News and Events Tutorial

Fill in the event name and synopsis

Page 14: News and Events Tutorial

You can choose to add media with either a image (A PNG/JPG at 640 x 427 pixels), or YouTube video by filling out the required URL

Page 15: News and Events Tutorial

Fill out the rest of the details including the required type fields.

Page 16: News and Events Tutorial

Choose when you would like your news/event to be shown between. Enable 'Save to Phone Calendar' and then key in the

Event Date which is mandatory.

Page 17: News and Events Tutorial

Fill out the URL you would like to link to if your event is shared (or leave blank).

Page 18: News and Events Tutorial

Add a description on the news/event that you are adding

Page 19: News and Events Tutorial

Press ‘Save' once you’ve finished adding your news/event.

Page 20: News and Events Tutorial

To add more events click ‘Add’ and follow the previous steps

Page 21: News and Events Tutorial

You can edit your news/event by pressing the ‘Edit' button or delete it by pressing the ‘Bin' icon.

Page 22: News and Events Tutorial

Change the order of your icons by selecting ‘Change Order’

Page 23: News and Events Tutorial

Drag the dot icon to rearrange the order of your items. Press ‘Update New Order’ once you’ve finished.

Page 24: News and Events Tutorial

Preview AppTo view your new app feature download the Putti

Preview App and navigate to your news/events tab.

Page 25: News and Events Tutorial

If you haven't enabled the 'Add to Calendar' option, you won't see it on the app, like above.

Page 26: News and Events Tutorial

Preview WebsiteIf you have chosen to have a responsive website then make sure you have completed the ‘Layout’ section of the CMS (under the ‘Web’ View). Click ‘Preview’ on the top header bar to view the

News/Events tab.

Page 27: News and Events Tutorial

Once you’ve accessed your website navigate to your mobile News/Events feature. Your link will appear in different places depending on the layout or template

you’ve chosen.

Page 28: News and Events Tutorial

Click on 'Read More' to get all the details for that particular event.