How to Create Custom Menu Screens in the Online Program

How to Create Custom Menu Screens in the Online Program

What are the different types of Menu Screens available?

The types are as follows:

  • Custom - A text-based screen that is often used for "Conference Information", "About Our Organization", "Hotel Information", or anything else you'd like.
  • Accordion - Creates a single page with expandable sub-boxes to view more information.
  • Attendee Directory - Integrates with the X-CD registration module to show the list of registered attendees
  • Exhibitors - A link to the exhibitor module of the app (See below).
  • External Link - The menu item will be linked to a website (e.g. your own site). Set it to open in the app or outside of it in an external browser.
  • Form Module - Links to an existing Form in the X-CD forms module
  • Image - A link to an image file. This is useful for maps of the venue, hotel, or city. Recommended image format is .png or .jpg
  • Menu Break - Creates an empty line in the menu to provide extra spacing visually on the menu
  • Parent Place Holder Menu - Creates a Menu and Sub-menu style of pages, Parent Place Holder defines the main menu
  • PDF - A link to a PDF file that has been uploaded.
  • Special Program Filter - Creates a direct link to an predefined x-cd program filter

NOTES:
Each screen will be linked to the app slide-in menu.
Each page should also have an icon affiliated with it.

How to add a Menu Screen?

  1. Click Dashboard
  2. Click Mobile App Management on the left-side menu
  3. If there is more than one app defined, select the app from the dropdown menu
  4. Click App Screens in the horizontal menu
  5. Select New Screen
  6. Enter a Screen Title (i.e. the Screen Name such as TwitterFeed)
  7. For Display Menu On, select where you want this menu option to appear
    • If NOT using the Mobile app and only the Online program, select Web Program Only
    • Some screens are only applicable to the Mobile app and are not available in the Online Program e.g. My Notes, My Itinerary
  8. Select a Screen Type (e.g. image)
  9. Click Add Screen
    • Depending on the screen type selected, you may be asked to upload a file or provide more information
    • For example, if you selected a screen type of Image, the screen will refresh and you will be able to upload a file

EXAMPLES

A. Adding a Twitter Feed

  1. Click Dashboard
  2. Click Mobile App Management in the left side menu
  3. If there is more than one app defined, select the app from the dropdown menu
  4. Click App Screens in horizontal menu
  5. Select New Screen
  6. Enter a Screen Title = Twitter
  7. Select a Screen Type = Twitter
  8. Click Add Screen
  9. In Twitter Query, enter your Hashtag reference e.g. #2018Conference
  10. Click Update Screen button

B. Adding a Screen for Evaluations/CME

  1. Click Dashboard
  2. Click Mobile App Management in the left side menu
  3. If there is more than one app defined, select the app from the dropdown menu
  4. Click App Screens in horizontal menu
  5. Select New Screen
  6. Enter a Screen Title = Evaluations/CME
  7. Set Auto-Login = Yes
  8. Select a Screen Type = External Link
  9. Click Add Screen
  10. Add Link URL = Front-End Landing URL from Credits Management Screen
  11. Click Update Screen button

C. Adding Floor plan image

  1. Click Dashboard
  2. Click Mobile App Management in the left side menu
  3. If there is more than one app defined, select the app from the dropdown menu
  4. Click App Screens in horizontal menu
  5. Select New Screen
  6. Enter a Screen Title = Floor Plan
  7. Select a Screen Type = Image
  8. Click Add Screen
  9. Upload an Image file
  10. Click Update Screen button

D. Add Print Menu

To add a Print Menu, ensure in the Public Program & Settings > Display Settings screen that the Print option has been enabled.
Check if the Print option has been enabled
  1. Click Dashboard
  2. Click the Manage Program link under your Conference

  3. Under Public Program & Settings in the horizontal menu, select Display Settings

  4. Scroll down and locate the Print Enabled attribute to see if Yes is selected; if not, then select Yes and click the Update to save the change.

Add the Print Menu
  1. From the program module, select Mobile App in the horizontal menu

  2. Click App Screens in horizontal menu
  3. Select New Screen

  4. Enter a Screen Title = Print Program
  5. For Display, select Published
  6. For Platform, select Online Program
  7. For Screen Type, select Print Program
  8. Click the dropdown for the Menu icon and select the printer image
  9. Click Add Screen



    • Related Articles

    • Defining Screens and Menu items in the Mobile App

      What are the different type of Mobile App Screens available? The screen types are as follows: Custom - A text based screen that is often used for "Conference Information", "About Our Organization", "Hotel Information", or anything else you'd like. ...
    • Beginner's Guide: Build A Program

      Add Rooms - View FAQ Define Session Types - View FAQ If applicable, Add Program Tracks - View FAQ Create each Session - View FAQ Do you have single abstracts that you want to turn into a Session? Use the Session Wizard - View FAQ Schedule a Session ...
    • Participants Menu in the Virtual Conference Settings

      Participants specific settings reside in this sub menu: Participants Email Messaging - allow participants to email each other. Note: Individuals will still have the capability to turn this off in their profile if they want to opt out. The email is ...
    • Generating a Printed Program

      This is an add-on report generator that will allow you to customize a formatted output of abstracts and the program content. You may generate a sample of what this feature can output. If you are interested in purchasing the full feature, contact ...
    • How to Create a Session?

      TIP: Click the ? symbol for more information about the field. Click Dashboard Click Speaker Module Click Program button Click Sessions in horizontal menu Select Create Session Session Title: Enter a session a title (This is required). Session Type: ...