Product Docs
Home
  • ๐Ÿ‘‹Welcome to NotionApps
  • ๐Ÿค‘Lifetime deal (Now expired)
  • ๐Ÿ‘จโ€๐ŸณHire an expert
  • Basics
    • ๐Ÿ’กConnect Notion
    • โœจCreate an app
    • ๐ŸŒŽShare App
      • ๐Ÿš€Publish
      • ๐Ÿ”—Share App Link
    • ๐ŸกAdd To Home Screen
    • ๐Ÿ—„๏ธManage Workspaces
    • ๐ŸŠSwitch Workspaces
    • ๐Ÿ”ƒReload Data (from app builder)
    • ๐ŸŽReload Data (from app)
    • ๐Ÿค–Automatic Reload Data
  • Customize App
    • ๐ŸŽ๏ธApp Navigation
    • ๐ŸŽจApp Icon, Colour, URL
    • ๐Ÿ”—Custom Domain
      • ๐Ÿ’ฐBuy Additional Custom Domains
    • โž•Add New Screen
    • ๐ŸคนTypes of Screens
      • ๐Ÿ‘€View Items
      • ๐Ÿ‘†View One Item
      • Update One Item
      • ๐Ÿง‘โ€๐Ÿ”งUpdate Items/Update Form
      • ๐Ÿ†•Add New Item/Add Form
    • ๐Ÿ‘ฉโ€๐Ÿ”งCustomize a screen
      • โŒ›Filtering or Sorting Items
      • ๐Ÿ“ฒIn-app Filtering
      • ๐Ÿค–Screen Actions
      • ๐Ÿ“šAdd new component to screen
      • ๐Ÿ™ˆScreen Visibility
    • ๐Ÿ‚Type of Components
      • ๐Ÿ‘“View Data Components
      • ๐Ÿ–Š๏ธAdd/Update Data Components
      • ๐Ÿ“Location Viewer Component
      • Signature Component
    • ๐Ÿ™ˆComponent Visibility
    • ๐Ÿ‘ฉโ€๐Ÿ’ปBarcode/QR Code Scanner
    • โ†ช๏ธForm Submit Redirection
    • โš›๏ธFormulas & Rollups
    • โ†—๏ธRelations
    • ๐Ÿ“„Show Page Content
    • ๐Ÿ–ฅ๏ธDesktop View
  • Users
    • ๐Ÿ”Private apps
    • ๐Ÿ˜ŽCreate Users Database
    • ๐Ÿ˜ŠAdd/Remove users
    • ๐Ÿง‘โ€๐Ÿคโ€๐Ÿง‘App Users
    • ๐Ÿ™‹Data Restriction
    • ๐Ÿ†•Sign up
  • Integrations
    • Introduction
    • Google Login
  • Crisp Chat
  • Enterprise SSO
  • Frequently asked questions
    • ๐Ÿ‘ฉโ€๐ŸญApp builder changes donโ€™t show up in the final application
    • ๐ŸŽขSome rollup properties do not show up in the app builder
    • ๐Ÿ™†โ€โ™€๏ธGuest users don't show up in the dropdown component
    • ๐ŸซDoes NotionApps provide any discounts for non-profits?
    • ๐Ÿ–ผ๏ธMy images load slowly. How do I improve it?
    • โšกHow do I add new tags to dropdown/multi-select components?
    • ๐Ÿ–‡๏ธHow do I show internal page links in the Show Page Content component?
    • 0๏ธWhy are my rollups on NotionApps showing the value as zero (0)?
    • ๐ŸกHow do I add a Home Page to the app?
    • ๐Ÿ‘ฎโ€โ™€๏ธHow to enable third-party cookies?
    • I signed up using Google but now want to sign up using email/password. How can I do that?
  • Video Tutorials
    • ๐Ÿ†•Create new app
    • ๐ŸŽณConfigure custom domains
    • ๐Ÿ”“Private apps
    • ๐Ÿ”User-Specific data (limit rows based on logged-in user)
  • Use Cases
    • ๐Ÿ‘ฉโ€๐Ÿ’ผClient Portal
    • ๐Ÿ”Member Portal
    • ๐Ÿ›ฃ๏ธField Operations
    • ๐Ÿ—’๏ธTask Tracker
    • ๐Ÿ‘ฉโ€๐ŸŽ“Student Portal
    • ๐Ÿ›Bug Tracker
    • ๐ŸคนOnline Course
    • ๐ŸŽฏCRM & Sales
    • ๐Ÿง‘โ€๐Ÿ’ผEmployee Directory
    • ๐Ÿ’ผBusiness Portfolio
    • ๐ŸŒปCatalogue
    • ๐Ÿคธโ€โ™‚๏ธFitness Center
    • ๐Ÿ‘ฉโ€๐ŸซCoaching
  • Archive
    • ๐Ÿง‘โ€๐Ÿคโ€๐Ÿง‘[Legacy] Internal/External Users
Powered by GitBook
On this page
  1. Customize App

App Navigation

PreviousAutomatic Reload DataNextApp Icon, Colour, URL

Last updated 10 months ago

NotionApps allows you to configure the navigation in your app with two types of navigation: bottom tabs and side drawer. By default, the app builder automatically adds a newly created screen to the bottom tab, but you can move the screen between the bottom tab and drawer as needed. Here's how to configure the navigation in your app:

  1. On the home page, click on the app you want to customize. This will open your app in the app builder.

  2. Click on the "Edit Navigation" button in the bottom-right corner of the app builder to view the navigation and icon/name of your screens.

  1. To move a screen between the bottom tab and drawer, simply click on the screen and drag it to the desired location. You can also reorder screens using the drag (โœฅ) icon.

We suggest a maximum of 5 screens in the bottom tabs for the best experience.

  1. To change the name or icon of a screen, click on the screen and then edit the desired properties.

  1. Once you're done, you can go back to editing the screen by clicking on the "Edit Screen" button.

We recommend putting primary screens or actions in the bottom tab and secondary screens or actions, like "Profile" or "About" screens, in the drawer.

This helps users easily access the most important screens and actions while keeping less frequently used screens and actions hidden.

By following these simple steps, you can easily configure the navigation in your NotionApp. Whether you want to reorder screen positions, change the name or icon of a screen, or configure the side drawer, the app builder makes it easy to create a user-friendly and intuitive app navigation.

๐ŸŽ๏ธ