Toolbar and app bar

Dashboard Toolbar and app bar

Toolbar and app bar

The dashboard (main study screen) uses a top app bar for global actions: layout, layout profiles, synchronization, modules, help, and settings. The app switches between a compact bar and a full bar at about 550px window width.

Screenshot:
Dashboard toolbar — phone layout Dashboard toolbar — tablet or desktop layout
Narrow window (under ~550px)

Only Layout and Modules stay as primary toolbar buttons. Everything else lives under the overflow menu More.

  • Rate app appears only in the overflow menu on narrow widths.
  • With Show button labels off, icons may show without captions to save space.
Tablet and desktop (~550px and wider)

All of these are separate controls: Layout · Profiles · Sync · Modules · Help (menu) · Settings. There is no overflow on wide layouts.

  • Help opens a small menu (tutorial, web help, support); it is not one direct action.
  • There is no in-bar Rate app on wide layouts; use the narrow overflow menu if you need it.

Title area (left side of the bar)

  • App title — text only (no leading icon in the app); corresponds to the study app name (truncated with ellipsis if long).
  • Current layout profile — shown in a pill on the right part of the title; reflects the active saved settings set. Long names truncate; hover or long-press can show the full name where the platform supports it.

When the window is about 550px wide or more

Actions appear in this order (left to right). Optional text under each icon depends on Show button labels in settings.

Layout
Opens the layout selector dialog. Pick a preset (single panel, two panels, three panels, horizontal or vertical splits). Applying a layout updates the workspace immediately.
Profiles
Opens layout profiles: save, rename, switch, or launch the profile-based setup wizard. Returning here refreshes the title bar if the active profile changed.
Sync
Opens cloud sync settings (Google Drive). When cloud sync is enabled in settings, a small status dot on the icon shows green if connected and red if not; when sync is disabled, no dot is shown.
Modules
Opens the module manager (browse, install, update, import, and related actions). A red numeric badge shows how many module downloads are active; the badge appears only when that count is greater than zero.
Help
Tap the ? control to open a popup menu (not a single link). Menu rows use these icons in the app:
  • Help — in-app interactive tutorial / showcase on main controls.
  • Online detail help — website help hub in the external browser.
  • Request a feature — support dialog (feature request).
  • Report an issue — support dialog (bug report).
Settings
Opens the setup wizard in “not first launch” mode: adjust language, theme, reading options, sync, layout defaults, panel tab defaults, global Bible/dictionary defaults, and (in that flow) app management. It is the same wizard family as first-time setup, but without the introductory welcome step and with steps tuned for an existing install.

When the window is narrower than ~550px

Two buttons stay on the bar; the rest are inside the More menu, in listed order.

Layout
Same as above: layout selector dialog.
Modules
Same as above: module manager, including the active download count badge.
More
Opens the vertical overflow menu. Items match the wide toolbar and Help entries:
  1. Profiles — layout profiles screen.
  2. Sync — sync settings (dot shows connected / disconnected when sync is on).
  3. Help — interactive tutorial.
  4. Online detail help — website in external browser.
  5. Request a feature — support (feature).
  6. Report an issue — support (issue).
  7. Rate app — system / in-app review (narrow only).
  8. Settings — non–first-launch setup wizard.

Related (not on the app bar)

On desktop-class systems, Ctrl + + / Ctrl + − / Ctrl + 0 adjust zoom for the last focused panel’s content; those shortcuts are not toolbar buttons. Each study panel has its own toolbar for history, settings, and tab actions—see Panels and tabs.

© bible.yottaway.com. All Rights Reserved.     Designed by HTML Codex.     Developed by YottaWay