Skip to content
Last updated

Use this document as a reference for the user interface (UI) of pages in Reunite's project workspace. Learn about the various ways you can utilize the interface controls.

General interface

Screenshot of a project workspace page in Reunite

All project workspace pages have:

  • (1) navigation pane
  • (2) top bar

Reunite navigation pane

Screenshot of the navigation pane in Reunite

Use the navigation pane to:

Organization and projects menu

Screenshot of Reunite's organization and projects menu

Use the organization and projects menu to:

  • (1) create a new organization
  • (2) switch between organizations
  • (3) return to the organization's Overview page
  • (4) switch between projects
  • (5) create a new project

Editor

The Editor page is the part of Reunite's project workspace where you add, edit, and manage the content of your project. The page has three parts:

  • the file tree pane
  • the editing pane
  • the webview pane

To best suit your experience, you can adjust the size of the panes or collapse the file tree or the webview pane.

File tree pane

The file tree pane has three tabs:

  • files tab with Theme components pane
  • search tab
  • commit tab with History pane

Files tab

The files tab displays the file tree of your project, including remote files. Use this tab to add, modify, or delete files, as well as eject your project's theme components.

Screenshot of the Files tab in Reunite editor

In this tab you can:

Search tab

Use the search tab to lookup text or files in your project.

Screenshot of the Search tab in Reunite editor

In this tab you can:

  • (1) expand or collapse the Replace with field
  • (2) search file content
  • (3) find files by name
  • (4) filter search results by folder
  • (5) toggle case matching
  • (6) toggle whole word search
  • (7) toggle regex search
  • (8) replace all results

Commit tab

The commit tab lists all changes to files since the last commit. Use this tab to commit changes, open pull requests, revert uncommitted changes to files, and view the commit history.

Screenshot of the Commit tab in Reunite editor

In this tab you can:

Webview pane

Reunite editor's webview pane contains two tabs. The Webview live preview tab displays the changes to your project in real time. The Docs tab displays Realm documentation.

If you close a tab, you can reopen it by clicking the plus icon on the right side of the tabs.

Webview live preview tab

The Webview live preview tab renders the currently open Markdown or API description file as it would appear in a published project.

Screenshot of the Webview tab in Reunite editor

Docs tab

The docs tab displays Realm documentation with full capabilities of a Redocly project.

Screenshot of the Docs tab in Reunite editor

In this tab you can:

Resources

  • Reunite - Learn about Reunite's features
  • Reunite user profile menu - Step-by-step instructions setting up notifications, color mode, and a Git provider account
  • Use the Webview - View live previews of your content changes while editing for immediate visual feedback
  • Use the editor - Learn to edit content in Reunite's integrated editor with syntax highlighting and collaborative features