In this tutorial you will learn how to add an Image page.
An Image page contains an image and possibly a text. This page is very suitable for displaying a picture or image. A short text of 200 characters can be added to this page, this will reduce the height of the image.
*We recommend to use Google Chrome to ensure an optimal experience when using AppicalNow.
Step 1. Click on ‘Courses’ in the menu on the left.
Step 2. Navigate to the course where you would like to add a new page. Click on the button that says ‘Editor’ the bottom left corner of the desired course.
Step 3. Next, select the story where you want to add a new page.
Step 4. Select the chapter in the menu on the left.
Step 6. Choose ‘Image' in the menu on the left and click on the button that says ‘Add page’ in the bottom right corner.
Step 7. Select the desired language.
Step 8. Give your new Image page a title.
Step 9. Pages are set to ‘live’ by default but can be set to draft. Draft pages can be very helpful when you’re working on a page while new hires are already using AppicalNow. Click on 'Live' and select 'Draft' to change te setting.
Step 10. It’s possible to unlock the description text field by clicking on 'Unlock description'. You can give the users more information on the image for example. Note that this is optional and will reduce the height of the image because there is less space left if you decide to add some text.
Step 11. To upload an image that is shown to users that use AppicalNow on a desktop or tablet. Click on 'Choose Image' at 'Choose desktop/tablet image' and navigate to the picture on your device. Select the image and click on 'open'. Make sure that this image is 880 pixels in width and 460 pixels in height. Otherwise the picture will not be displayed correctly.
If you upload an image that is not 880 pixels in height and 460 pixels in width, it's possible to crop the image that you have uploaded.
Step 12. Once you’ve uploaded a picture in the Editor a ‘crop image’ button appears below the image. Please note that the button only appears when uploading a new image.
Make sure that the image that you want to crop is at least the same size as the dimensions shown below the ‘Choose Image’ option.
If the image is smaller or you start you include an area that is not part of the original image (shown as white) the areas that are not part of the original image will be filled up with black. See the example below.
Will lead to:
Step 12.1. To crop an image click on 'Crop Image'.
Step 12.2. Click on the crop-button.
Draw a square with the tool to make a selection. If you selected the area that you want to use, click on the green ✔ button. And click on 'save' to use it.
Make sure you upload an image that is shown to users that use AppicalNow on a smartphone too. Click on 'Choose Image' at 'Choose mobile image' and follow the same steps as above. Make sure that this image is 310 pixels in height and 290 pixels in width.
Step 12. If a user clicks on the info button at this page they will see the text that you write in the text field underneath 'Info Button'. Use this to give the users more information on the question or the subject.
Step 13. At Page Options you are able to configure answer settings and advanced settings. If you enable the checkbox at ‘draft image’
Congratulations! You now know how to add an Image page.