In this tutorial you will learn how to add a Text with Image page.
A Text with Image page is very useful when a text has to be supported by an image. The left side of the page will show an image that fills 1/3 of the page.
*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 5. Click on the button that says ‘Add page’.
Step 6. Choose ‘Text with 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 Text with Image page a name. Click here for a guide on choosing a good name for your page.
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. Write the text that you want to display in the text field underneath the title. In the image above it's marked with the text 'Type your text here'.
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 300 pixels in width and 570 pixels in height. Otherwise the picture will not be displayed correctly.
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 width and 290 pixels in width.
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.
Step 13. 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 14. At Page Options you are able to configure answer settings and advanced settings. If you enable the checkbox at ‘draft image’