News and Events Tutorial
-
Upload
my-app-editor -
Category
Technology
-
view
261 -
download
0
Transcript of News and Events Tutorial
![Page 1: News and Events Tutorial](https://reader033.fdocuments.net/reader033/viewer/2022042706/58a20b2a1a28ab40098b5aed/html5/thumbnails/1.jpg)
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](https://reader033.fdocuments.net/reader033/viewer/2022042706/58a20b2a1a28ab40098b5aed/html5/thumbnails/2.jpg)
Access the ‘Features’ tab on the App Panel
![Page 3: News and Events Tutorial](https://reader033.fdocuments.net/reader033/viewer/2022042706/58a20b2a1a28ab40098b5aed/html5/thumbnails/3.jpg)
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](https://reader033.fdocuments.net/reader033/viewer/2022042706/58a20b2a1a28ab40098b5aed/html5/thumbnails/4.jpg)
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](https://reader033.fdocuments.net/reader033/viewer/2022042706/58a20b2a1a28ab40098b5aed/html5/thumbnails/5.jpg)
Select the ‘News/Events’ tab now located on your app panel.
![Page 6: News and Events Tutorial](https://reader033.fdocuments.net/reader033/viewer/2022042706/58a20b2a1a28ab40098b5aed/html5/thumbnails/6.jpg)
For a detailed description of what the ‘News/Events’ feature does hover over the question mark button
![Page 7: News and Events Tutorial](https://reader033.fdocuments.net/reader033/viewer/2022042706/58a20b2a1a28ab40098b5aed/html5/thumbnails/7.jpg)
Click the customise button to change the name or the icon
of your news/events feature.
![Page 8: News and Events Tutorial](https://reader033.fdocuments.net/reader033/viewer/2022042706/58a20b2a1a28ab40098b5aed/html5/thumbnails/8.jpg)
To chose an icon or to upload your own custom icon press
the ‘Browse’ button.
![Page 9: News and Events Tutorial](https://reader033.fdocuments.net/reader033/viewer/2022042706/58a20b2a1a28ab40098b5aed/html5/thumbnails/9.jpg)
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](https://reader033.fdocuments.net/reader033/viewer/2022042706/58a20b2a1a28ab40098b5aed/html5/thumbnails/10.jpg)
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](https://reader033.fdocuments.net/reader033/viewer/2022042706/58a20b2a1a28ab40098b5aed/html5/thumbnails/11.jpg)
Press ‘Save’ once you have finished customising your features name and icon.
![Page 12: News and Events Tutorial](https://reader033.fdocuments.net/reader033/viewer/2022042706/58a20b2a1a28ab40098b5aed/html5/thumbnails/12.jpg)
To add an event item click on the ‘Add’ button
![Page 13: News and Events Tutorial](https://reader033.fdocuments.net/reader033/viewer/2022042706/58a20b2a1a28ab40098b5aed/html5/thumbnails/13.jpg)
Fill in the event name and synopsis
![Page 14: News and Events Tutorial](https://reader033.fdocuments.net/reader033/viewer/2022042706/58a20b2a1a28ab40098b5aed/html5/thumbnails/14.jpg)
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](https://reader033.fdocuments.net/reader033/viewer/2022042706/58a20b2a1a28ab40098b5aed/html5/thumbnails/15.jpg)
Fill out the rest of the details including the required type fields.
![Page 16: News and Events Tutorial](https://reader033.fdocuments.net/reader033/viewer/2022042706/58a20b2a1a28ab40098b5aed/html5/thumbnails/16.jpg)
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](https://reader033.fdocuments.net/reader033/viewer/2022042706/58a20b2a1a28ab40098b5aed/html5/thumbnails/17.jpg)
Fill out the URL you would like to link to if your event is shared (or leave blank).
![Page 18: News and Events Tutorial](https://reader033.fdocuments.net/reader033/viewer/2022042706/58a20b2a1a28ab40098b5aed/html5/thumbnails/18.jpg)
Add a description on the news/event that you are adding
![Page 19: News and Events Tutorial](https://reader033.fdocuments.net/reader033/viewer/2022042706/58a20b2a1a28ab40098b5aed/html5/thumbnails/19.jpg)
Press ‘Save' once you’ve finished adding your news/event.
![Page 20: News and Events Tutorial](https://reader033.fdocuments.net/reader033/viewer/2022042706/58a20b2a1a28ab40098b5aed/html5/thumbnails/20.jpg)
To add more events click ‘Add’ and follow the previous steps
![Page 21: News and Events Tutorial](https://reader033.fdocuments.net/reader033/viewer/2022042706/58a20b2a1a28ab40098b5aed/html5/thumbnails/21.jpg)
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](https://reader033.fdocuments.net/reader033/viewer/2022042706/58a20b2a1a28ab40098b5aed/html5/thumbnails/22.jpg)
Change the order of your icons by selecting ‘Change Order’
![Page 23: News and Events Tutorial](https://reader033.fdocuments.net/reader033/viewer/2022042706/58a20b2a1a28ab40098b5aed/html5/thumbnails/23.jpg)
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](https://reader033.fdocuments.net/reader033/viewer/2022042706/58a20b2a1a28ab40098b5aed/html5/thumbnails/24.jpg)
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](https://reader033.fdocuments.net/reader033/viewer/2022042706/58a20b2a1a28ab40098b5aed/html5/thumbnails/25.jpg)
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](https://reader033.fdocuments.net/reader033/viewer/2022042706/58a20b2a1a28ab40098b5aed/html5/thumbnails/26.jpg)
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](https://reader033.fdocuments.net/reader033/viewer/2022042706/58a20b2a1a28ab40098b5aed/html5/thumbnails/27.jpg)
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](https://reader033.fdocuments.net/reader033/viewer/2022042706/58a20b2a1a28ab40098b5aed/html5/thumbnails/28.jpg)
Click on 'Read More' to get all the details for that particular event.