Content (Mobile)

On this page you can:

To edit a page, click in that page's row in the list of pages.

To add new pages, click New Basic Page or New List Page.

 

Play (icon) Video: Content Overview (2 min)

 

Page List

When you click the Content page link in the left navigation panel under Mobile, page links to the configuration pages for each page in the Certain Mobile app for the event are added to the left navigation panel (indented below the Content), and the list of pages is shown (one row per page), as follows.

Reordering pages: To change the order of pages, drag and drop them in the list here.

Preview

Whichever of the pages below you are configuring, you can always click Preview (lower right corner) to see what the app will look like to the attendee.

That opens a pop-up window with these three tabs; one each for mobile phone, tablet and desktop/laptop:

In preview, you can navigate around the app the same way an attendee would on their device. For example, click a page icon to open that page.

Pages

Editing a page

To edit the content of a page, click edit in the Actions column, or click its name in the left navigation panel.

For those pages where you can edit the content directly (Home, Inbox, FAQ, Help, and pages you add), that opens the Layout Editor in the middle of the page.

Use that to add and format your text. Most of the buttons should be self-explanatory, except "Source" button (Source code), which  enables you to edit the HTML code directly instead of using the WYSIWYG editor.

Note: Do not use <br> tags (for line breaks) – they are not supported in the HTML 5 app.
 

Basic Page Settings

For pages to which you can add fields and images (Home, Help, and basic pages you add), you see a Basic Page Settings panel to the right of the Layout Editor.

Click the spot in the layout where you want to add the field, and click the field name, for example Event Name.

The field is displayed in editor as its technical name (for example, {{ddf.event.name}} for Event Name), but if you preview the page it is shown as its actual value (for example, "Certain User Conference 2015" for Event Name).

Note that the fields available vary depending on the page and whether Login? is selected for it or not.

Home and Help: only the Event name and Event Code.

Custom pages with Login? selected: Profile fields, Registration fields,Event Name, and Event Code.

To add a new image, click Browse, select the file on your computer, and click Upload.

Click the spot in the layout where you want to add the image, and click the image on the carousel.

To resize the image, click it in the editor, and drag the handles on its corners (or sides).

Adding New Pages

Click Add New Basic Page or New List Page (upper right corner of page) to add a new page to the app, which you customize, as explained below.

New Basic Page

Click Add New Basic Page to add a new page to the app, with customizable content of your choice.

You see it added to the end of the list of pages in the left navigation panel. Click it there to edit it.

Use the editor to add and format text.

When you Save the page, the page list described above is redisplayed, and now includes the new basic page. You can then change its title (from the default "New Basic Page), and treat it as you would any other page: change its Icon, make Login required, drag it to a different place in the list, etc.

New List Page

Click Add New List Page to add a new customizable list page to the app. A pop-up window prompts you for three values:

Click Save. The page list described above is redisplayed, and now includes the new list page. You can then treat it as you would any other page: change its Icon, make Login required, drag it to a different place in the list, etc.

Most importantly, you can click to edit it.

The editor shown for a list page has two tabs: List View and Detail View.

Use the editor to edit and format the default content of each one.

List View

(Required.) Edit the fields (and text) to include in the list.

For example, in a Speakers List: each speaker’s name, organization and picture.

The list will be displayed on a mobile device, so you may want to ensure the number of fields doesn't make each record wrap onto multiple lines.

The attendee can tap a record in the list to drill down to see more information on the Detail View.

Detail View

(Required.) Edit the fields (and text) to include in the view of a single record when the attendee taps that record in the List View.

For example, in a Speakers List: the speaker’s name, organization, and picture, plus their bio and their agenda sessions.

Note: An attendee can tap on a speaker's session to drill down to see its details.

List Page Settings

In list pages, you see a List Page Settings panel to the right of the layout editor.

Layouts Specific to Attendee Types

If you have set the Login Required option for a page you have added, then you can have different layouts of the same page for different attendee types.

There is an extra field above the layout editor: Accessible to _______ Attendee Type(s)

Its default value is 'Preview Mode", because until you select one or more attendee types, the page is only visible to a planner who clicks Preview.

For each attendee type that can access this version of the page:

  1. Click the Accessible to field.

  2. A list of attendee types is displayed.

  3. Select an attendee type that will see this layout when they go to the page in the app.

  4. If more than one attendee type can see the same layout, repeat from step 1.

  5. Edit the layout as necessary. (This step can be taken later.)

  6. Save the layout.

  7. A row is added to the Layouts Specific to Attendee Types section (under Page Settings on the right), labeled with the Attendee Type names.

  8. To edit this layout later, just click that row.

To add a different layout, for another attendee type:

  1. First ensure you have Saved the current layout.

  2. Under Layouts Specific to Attendee Types, click the Add New Layout button.

  3. The layout is cleared. Follow steps 1 to 8 above for the new attendee type(s).

Caution: Any attendee types without a layout accessible to them will not be able to access the page.

Note: If you don't need different layouts specific to attendee types, you must add all your attendee types in steps 3–4 above. Otherwise, nobody would be able to see the page.

When an attendee goes to the page in the app, they will have to log in if they haven't already done so. They will then see the layout intended for their attendee type. If they don't log in, they won't see the page at all.

 


Envelope Any comments about this Help topic?

© 2020 Certain, Inc.