Add a Hamburger Menu to Your App

About this task

Tip: Consider adding a hamburger menu at the end of your app building process so that you can configure all the menu items at once rather than as you create them.

To add a hamburger menu to your app:

Procedure

  1. In the Canvas, select the Project tab.
  2. Select Add to open the Add screens dialog box.
  3. Enter a name for the new hamburger menu and make sure the Hamburger option is selected. Select Add.
  4. In the Hamburger Properties panel on the right, ensure that Enabled is toggled on.
    You can only have one hamburger menu enabled per app.
  5. Under Menu Item, click the Add button to add a new menu item.
  6. Enter a new name for the menu item and click the image icon to upload a image to SOTI Snap that will be associated with this menu item in the hamburger menu on the app.
  7. Repeat for as many menu items as you want to appear in the Hamburger menu.
  8. Optional: Switch to the Header tab and toggle the option to Enabled.
  9. Click the image icon under Display photo to upload an image that will appear in the hamburger menu.
  10. Enter a name in the Display name field.
  11. Switch to the Format tab to edit the appearance of the hamburger menu.
  12. Switch to the Events tab.
  13. From the Hamburger dropdown list, select a menu or header item.
  14. Beside Actions, click Add and select and define an action from the Actions dropdown list.
  15. Repeat for the rest of the menu and header items and click Save.
  16. Click the general app Save button to ensure all your progress is saved.