App navigation
#App sections
After successfully logging in and selecting a project, you can move to different sections of the app using the tabs in the navigation menu, located on the left of the screen.
Roles and permissions assigned to users determine what they can see and interact with in the app. The following image shows what the app looks like to a user added to the default Editor system role:
Hygraph - Default view for Editor role
Considering that this view might change depending on your company adding you to a customized Editor role, let's go over all sections available in the app, irrespective of what your role might be:
Project Homepage
| App Section | What you can do |
|---|---|
| 1. Homepage | Home screen with a start guide and links to support, documentation and examples. |
| 2. Schema | Setup of the content models as required by your project. |
| 3. Content | Access existing content, create custom content views, create/ edit content, review content, and publish content. |
| 4. Assets | Tab to manage and upload your assets. |
| 5. API Playground | An API playground where you can test out API calls. |
| 6. Notifications | A section to manage your notifications. |
| 7. Apps | A section to manage apps. |
| 8. Webhooks | A section to manage webhooks. |
| 9. Project Settings | Details about project information, API access, billing, environments, locales and members |
| 10. Help | Documentation on concepts, code examples, reference apps, features etc. |
| 11. Contact support | Hygraph Public Slack Channel |
| 12. User Settings | Logout and User Configuration |
As an Editor, the Content editor is probably the most relevant section to you, and where you are likely to spend most of your time.
#Command menu
Some schema management tasks require completing a series of similar repeated actions with a lot of confirmation popups.
Hygraph Studio allows keyboard navigation through the command menu, which greatly speeds up the process.
Open this menu by using CMD+K (or CTRL+K in Windows):
Hygraph - Command menu
You can also open the menu by clicking on Navigate on the left sidebar.
Hygraph - Command menu
The menu contains the following sections:
- Schema: This section offers shortcuts to system and user-defined models, and user-defined components & enumerations in the Schema builder.
- Content table: This section offers shortcuts to user-defined models and custom views in the Content editor.
- Add content: This section offers shortcuts to create new content entries for any of the models currently in your Schema.
- Project settings: This section offers shortcuts to each part of your project settings.
- Recently viewed: This section offers shortcuts to the entries you've recently viewed.
#Recently viewed menu
As a content editor, you usually work in projects with a lot of content views and content entries.
Hygraph offers you a way to quickly go back to a content entry that you recently saw or edited.
Hygraph - Recently viewed menu
Click on the clock icon on the left sidebar to bring up the recently viewed menu:
Hygraph - Recently viewed menu
This list:
- Shows up to 30 entries sorted by recency.
- Shows recently viewed or edited entries dating back up to one month.
- Is environment and project specific: It will only include entries from the project & environment that you're currently in.
- While this menu does not have a search, you can access the command menu and use the search there to find entries in its Recently viewed section. Simply press
CMD+K(orCTRL+Kin Windows) to bring up the command menu, and type “Recently” in the search for the section to come up. - If you get an error when trying to access an entry on the list, it may be due to loss of permissions or the entry having been deleted. Contact your supervisor about the permissions.