PocketBlocks Docs
English
English
  • Overview
  • Installation
  • Build apps
    • Create a new app
    • App editor
    • Event handlers
    • Write JavaScript
      • Write JavaScript in {{ }}
      • JavaScript query
      • Transformers
      • Temporary state
      • Data responder
      • Built-in JavaScript functions
      • Use third-party libraries
    • Component guides
      • Option lists
      • List View
      • Drawer
      • Image
      • Charts and graphs
      • File upload
      • Custom component
      • Use Markdown
    • Module
    • Design app UI
      • Style, theme, and usability
      • Design an efficient and user-friendly form
    • Navigation
    • Keyboard shortcuts
    • Version and release management
  • Build plugins
    • Develop UI component plugins
  • Workspace management
    • Authentication
    • Members and groups
    • Permissions for resources
    • Custom branding
  • Miscellaneous
    • Where are the Data Sources/Query Library?
    • Embedding Apps
Powered by GitBook
On this page
  • Menu items
  • Add submenu items
  • Add URL parameters
  • Visability of menu items
  • Permissions
  1. Build apps

Navigation

PreviousDesign an efficient and user-friendly formNextKeyboard shortcuts

Last updated 1 year ago

Navigation aggregates your apps onto the left sidebar and guides you to quickly find the needed app.

On PocketBlocks homepage, click New and select Navigation to create a navigation page.

Menu items

In the Navigation editor, click + New to add menu items.

Select a menu item, choose the app to navigate to, and change the label and icon if needed. The app is displayed on the canvas in real time.

Add submenu items

To add submenu items, click ··· > Add submenu item, or drag ⋮⋮ to make one menu item subordinated to another.

A parent menu item can only expand or fold the submenu items. You cannot link an app to it.

When you delete a parent menu item, all submenu items under it are deleted at the same time.

Add URL parameters

To reference the url parameters, use {{url.query.key1}} or {{url.hash.key1}} in your app.

For more information of URL parameters, see Go to app.

Visability of menu items

Permissions

The permissions for navigations are the same as those for modules and apps. See Permissions for resources.

Add URL query parameters or hash parameters to a menu item with key and value.

Then click the menu item on the canvas, and the parameters are appended to the URL of the app to be opened. You can check in Globals tab in the left pane.

By default, a menu item is hidden for users without app permission. When you toggle this option off, the users can see the menu item but can not view the app it references to.