Formatting Page Content

Table of contents:

  1. Overview
  2. Formatting copy
  3. Adding contact links
  4. Adding links to external content
  5. Adding internal page links
  6. Adding inline images
  7. Adding map links
  8. Advanced text functionality

 

Formatting Pages Overview

Formatting content pages can be used to create hierarchy amongst headings, organise copy and draw attention to important information.

The Copy field uses a toolbar to simplify the editing process. Each icon in the menu serves a different function.

 

Formatting Copy

TIP:

Formatting is per line and can only be applied exclusively. For example, the text may be bold but not bold italic

Create bold text: place the cursor at the start of the line you would like to make bold and click the above icon. This will insert the characters =b=

Create italicized text: place the cursor at the start of the line you would like to make italics and click the above icon. This will insert the characters =i= 

Add a heading: place the cursor at the start of the line you would like to display as a heading and click one of the above icons. This will insert the characters =1= to =5=

H1 & H5 are the largest, H2, 3 & 4 are the same size, however, 3 & 4 are a light grey, H4 is centered and H5 is in a coloured box.

Insert a quote: place the cursor at the start of the line you would like to make a quote and click the above icon. This will insert the characters =q=

This will display the following text inside a centered and highlighted box. This is intended to give some prominence to a quote or tag line that you wish to add to your page.

Insert bulleted items: Clicking the above icons will either insert the character * which will display the following text in dot point form or insert the characters *#* which will display the text in numerical points. This is intended to list key points of information or to list an order.

Insert a line break: place the cursor at the start of the line you would like to add a line separator and click the above icon. This will insert the characters ---- 

  

Adding contact links

The Contact link allows you to directly link an email or contact number within the body copy in the app. Clicking on the link opens up either a new email with their email attached or start calling the supplied number.

To add a Contact link

  1. Click the phone icon from the copy menu bar
  2. Input a Title (e.g. 1300 111 111 or hello@entegy.com.au)
  3. Select a relevant icon
  4. Select Contact Detail Type
    1. Email: when clicked, will open a new email with the email address attached.
    2. Phone: when clicked, will start calling the supplied number.
  5. Input the contact detail
  6. Click Insert

 

Adding links to external content

To create a link to external content hosted outside of your app go to the Content section in the CMS. Select the page you wish to add a hyperlink. Once the edit screen is open click the below icon.

To add a link to External Content

  1. Click the globe icon from the copy menu bar
  2. Input a Title
  3. Select a relevant icon
  4. Select the type of external content
    1. Website, Opens in the Application: Opens a website inside the event app. This will allow attendees easy access back to the event app. The URL field needs the full internet address of your file, video or webpage. Note: This option is NOT recommended to media-rich websites.
    2. Website, Opens in the device's browser (Chrome/Safari): Opens a website in the device's native browser. This will push the attendees into their native browser, away from the event app. The URL field needs the full internet address of your file, video or webpage.
    3. PDF File: Will open a PDF file. Will prompt the attendee to either 'View' or 'Email' the PDF to themselves.
    4. Self-Hosted Video: Videos will play within the app’s embedded player. Supported file formats include .mp4 and .mov. Playback will depend on what the user’s device supports.
    5. YouTube Video: If you are adding a link to a YouTube video this will normally load from your app into the YouTube app if installed on the mobile device, otherwise it will load in the user’s browser. The URL needs to include the full information pointing to the video (the v= and following code) but does not need any other code that may follow an & symbol.
  5. Click Insert

  

Adding internal page links

Internal page links allow you to directly link to other pages within the app from within the body copy.

Internal page links can be styled - this determines how the link will look - Please note not all page types support each of the Display Styles available. Eg: Heading/Subheading display style is only for linking to a page housed within a container page.

To add an internal page link

  1. Click the paperclip icon from the copy menu bar
  2. Select Display Style from the drop-down menu
  3. Input a Title
  4. Select a relevant icon
  5. Select an internal page to link to
    1. Click Select Target
    2. Select Content or Features
    3. Click + Expand
    4. Select the container or sub-page you wish to link
  6. Click Insert

 

Adding inline images

Images can be added into your app. These can be various sizes and alignments in the app. 

TIP:

Images are per line and can never display beside each other. If you require images to display side-by-side, please upload an image that contains both.

To add an inline image

  1. Click the image icon from the copy menu bar
  2. Select alignment:
    1. Left: Image will display directly hugging the left side of the app - no padding.
    2. Centre: Image will display in the centre. Padding may display depending on the width percentage chosen (e.g. 25% width will leave space either side, however 100% width will hug both sides of the app with no padding).
    3. Right: Image will display directly hugging the right side of the app - no padding.
    4. Padding Left: Image will display on the left side with a small amount of padding on the left side.
    5. Padding Right: Image will display on the right side with a small amount of padding on the right side.
    6. Padding Both: Image will display in the centre. Padding will display regardless of width percentage chosen (e.g. 25% width will leave space either side, and 100% width will display a small amount of padding either side of the image. 
  3. Select Width Percentage
  4. Attach image file
  5. Click Upload

 

Adding map links

The map link allows you to directly link to a set location within the body copy. Map Links can be set to either display a location on a device's native mapping software (e.g. Apple or Google Maps), or direct a user from their current location to the chosen location. 

To create a map link

  1. Click the pin drop icon from the copy menu bar
  2. Input a Title (e.g. 'Direct Me', 'Brisbane Entertainment Centre' etc.)
  3. Select a relevant icon
  4. Select the type of link
    1. Show directs to point on map: Will open the device's native mapping software and direct the attendee from their current location to the chosen location.
    2. Show point on map: Will open the device's native mapping software and show the chosen location on the app.
  5. Input address
  6. Click Locate Address
  7. Click Insert

TIP:

Create a link for each option (e.g. 'Show on Map' and 'Direct Me').

 

Advanced text functionality

Several advanced text options exist within the CMS which allows you to format text beyond the controls in the toolbar. These can be entered by using the following shortcodes at the start of each line.

Advanced bullet point

*X* - The x character becomes the symbol of the bullet point. For example

                *1*Text here becomes 1 Text here

More than 10 bullet points

*#*  - For more than 10 bullet points