Chat with us, powered by LiveChat Skip to main content
Echo360 Status:

EchoInk: Habitat Interface

Amanda Leibovich
  • Created:
  • Updated:

The Project Navigation Bar, located at the top of an open Habitat project, provides quick access to essential tools and project areas. The icons and options available depend on your permissions and support tasks such as editing content, configuring settings, reviewing errors, managing team members, and publishing. From this top bar, you can also save changes, track page activity, and return to the dashboard at any time.

Project Navigation Bar

The black project navigation bar, or top bar, stretches across the top of Habitat when you open a project.

The top bar icons you see depend on your project permissions.

ItemDescription
Project navigation iconsClick a navigation icon to access a specific area of your Habitat project or return to the dashboard.
Image, title, authorView the cover image, title, and author of the project.
Page ActivityView the date, time, and author of revisions. To view older versions of the content, click another entry on the list.
SaveSave changes you’ve made to the page.
Publish (on enabled projects)

Export and distribute the current revision to the project’s configured distribution methods.

This button displays only when you have the appropriate permissions to publish a project. For more information, see Determine your permissions and contact the project administrator.

Services Menu

Click the Services menu icon (≡) to access these options:

  • Change Password: Click to reset your Habitat login password.
  • Video Tutorials: Click to access the Habitat Quick Start Video Training Library.
  • Authoring Guide: Opens this guide.
  • Release Notes: Opens the Inkling release notes.
  • Support: Opens a form in which you can email Inkling Support for help.
  • Sign Out: Click to sign out of Habitat.

Navigation Icons

After you open a project, the navigation icons are always available in the top bar. Each icon gives you access to an area of your Habitat project.

IconDescription
Click Go to Dashboard to return to the dashboard, where you can create a new project and see the list of all of your projects. See Navigate the Habitat dashboard.
Click Edit Content to access Edit mode. This is your main work mode, where you add and edit content, create and reply to comments, and preview content in simulated device displays. See the chapters in the Author and Publish Content unit.
Click Configure Project to set up the information for the project and organize the content structure. You can also archive the project here. See Configure your project.

Click Customize Styles to customize the appearance of your content. This window has the following tabs:

  • Styles: Displays CSS and Sass files used to style the HTML of the published Inkdoc.

    Changing any style, widget, or asset code may break the Habitat project. For more information on widgets, see Add widgets.

  • Widgets: Enables access to the HTML, CSS, and JS files of the widgets that are available in the Add Pattern sidebar and that you create and upload to your project.
  • Assets: Displays the fonts and images included in the project. The Assets tab displays only for projects created on or after August 26, 2015. This is where you can upload custom fonts and images (SVG) that are part of CSS (for example, inline icons).
Click Review Errors to view the errors and warnings that need your attention. Habitat automatically generates this report each time you create a draft or release build of your project. You must correct errors before you can export or distribute a title. See Fix build errors and warnings.
Click Manage Team Members to add, remove, and manage the permissions for team members. See Manage team members.
Click Export and Distribute to distribute your content to the project’s configured distribution methods. See Distribute a project to users.
Click Feedback to view a dashboard of all end user submitted feedback on the project. See Manage Feedback.
Click View Usage to access a page on user reading metrics for a project, such as number of readers, number of views per page, and average reading time per page. See View metrics.

Center Panel and Sidebar Icons

In Edit mode, you author and review content in WYSIWYG mode. This section describes the icons and features available in this view.

Use Undo and Redo to manage your content changes and revert to a previous state.

IconDescription
The left sidebar contains the Table of Contents (TOC). It allows you to view files in the TOC by either their title or file name. Comment flags display in their respective topic in the TOC sidebar. Comment summary flags display at both TOC and chapter level. See Configure a project.
The Search functionality is available at the bottom of the left sidebar, under the TOC. See Search for words or phrases.
Click Show Comments to open the Comments sidebar, add comments, and reply to other reviewers’ comments. See Collaborate and review.
Click Show Preview to see how the content appears when published to a desktop or mobile device. See Use Preview in Review the content.
Click Device Preview to set a device preview size and font size. See Review the content.

Click Show Code View to view and edit the HTML code. See Work in code mode.
Click Show Patterns to open the pattern sidebar. It contains HTML patterns and Inkling widgets that you use to add static and interactive content to your project. See Use Habitat patterns.
Click the X in the upper left corner to minimize a sidebar.