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

Page name

Set the name of the page. This name is displayed in the app bar.

Content

You can enter your text and set all kinds of styles with the WYSIWYG (What You See Is What You Get) editor.

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.

Images

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.

Tables

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.
Did this answer your question?