Information pages are web pages in the app with custom HTML. They can contain anything you want: from practical information pages, to about pages, to links to Twitter feeds.
Go to Pages & Structure, tab Pages and click the + in the table next to Information pages.
Set the name of the page. This name is displayed in the app bar.
Access restriction & protection
Default, anyone can view the page in the app. You can restrict this below Access restriction & protection. Options are:
- Restrict access to signed-in users only.
- Restrict access to users belonging to a certain group.
- Protect the page with a password.
Content: attention points
Copying text from Microsoft Word or web pages
When copying text from Microsoft Word or from web pages, a lot of unwanted styles are coming along that might mess up your intended layout. You can remove these styles in different ways:
- Click the Cleaner button on the toolbar after pasting the text
- On MacOS, right click in the field and choose Paste and match style instead of just Paste.
- Use a converter such as https://wordhtml.com/ to clean the text. Paste your copied text in the Word Editor tab, then switch to the HTML tab. Tick the boxes like in the image below and click Clean. Then copy the code in the code field of your information page. Click the Preview button to see if your text looks as intended.
Don't paste images in the field, as this will result in errors when publishing the data. Instead, link to an existing image on the web with the Image button in the toolbar.
Please note that by default, Android users cannot zoom in on images (iOS users can). If you want to allow this, click below the Page name on Advanced settings to expand it, and tick the box Enable zoom. This is for example useful for 'Programme at a glance' images.
To add a table, you can click the table icon in the toolbar. Select the number of rows and columns you want and click to place the table.
Removing or adding rows is unfortunately not possible with the toolbar. To do this, you need to go to the HTML code view. Start by finding your table, which starts with the tag <table>. Rows are indicated with the tag <tr>, table cells with <td>.
- Remove a row: find the row you want to remove. Using Ctrl+F might help you to do so. Select everything between and including the tag <tr> and </tr> around the content and delete it. Return to the normal view to see if it's deleted.
- Add a row: Find the row after which you want to insert the new row. Using Ctrl+F might help you to do so. Select everything between and including the tag <tr> and </tr> of this row, copy it and paste it right after the same </tr> tag. Return to the normal view to see if you now have an extra row with the same content. You can change the content of the row in the normal view.