The Menu Builder in the Edlio Mobile App platform allows administrators to customize their school app's main side navigation, reorganize menu items, configure item actions, and link direct content.
đĄ Built-In App Settings Notice
Utility features such as User Login, Push Notifications, Language Selection, Dark Mode, and Share This App have been moved permanently to the native in-app gear/settings icon. You do not need to create manual menu buttons for these system preferences.
Navigating to Menu Builder
In the Edlio App dashboard, navigate to App Builder in the left sidebar.
Select the Menu Builder tab.
The interactive device emulator will display your live side menu on the left, paired with the Edit menu item settings panel on the right.
Adding and Configuring Menu Items
To create a new item, hover over the menu section header and click the + button, or click New Item at the bottom of the menu emulator.
Select the menu item on the phone screen to open its properties in the right inspector panel:
Label: Enter the title that appears in the app menu (up to 26 characters).
Disabled: Check this box if you want to temporarily hide the item from public view without deleting its configuration.
Function: Choose what action triggers when a user taps this menu item.
Understanding Menu Item Functions
The Function dropdown controls how the mobile app responds when a user taps the button:
Feature: Directly opens a built-in app module (e.g., Newsfeed, Events Calendar, Directory, Tip Line, Bell Schedule, Hall Pass).
Content Folder: Links directly to an entire organized folder of documents, information pages, or athletic schedules (e.g., linking your Documents & Policies folder or Athletics calendar folder directly to the menu).
Content: Opens a specific standalone page or single document already hosted inside the app.
Link: Opens an external web URL or school district portal.
Call: Prompts the user's mobile device to dial a phone number (e.g., main office or attendance hotline).
Email: Opens the device's default mail client pre-addressed to a designated recipient (e.g., front desk or nurse).
đĄ Best-Practice Adoption Tip: Streamlining Mobile Navigation
Keep your top-level menu clean and readable by adhering to the Rule of 8â10 items. Rather than creating separate menu buttons for every sport, club, or grade-level handbook, use Content Folders (such as an Athletics folder or Parent Resources folder). This keeps essential daily features like News, Calendar, and Bell Schedules immediately accessible without overwhelming families.
Customizing Icons and Saving Changes
Under the icon preview in the Edit menu item panel, click Library to select from hundreds of pre-built vector icons, or click Upload to supply your own custom 256Ă256 px image asset.
To reorder items or sections, click and drag the drag handles in the emulator list.
To delete an item, hover over it in the emulator and click the red X icon.
Click the green Save button at the top of the App Builder. Changes do not auto-save.
To preview how your changes look live, click Open In Browser in the top-right corner to launch the web version of your app.