Familiarizing with the UI

Last updated on Jan 29, 2024

Hevo provides you a consistent and user-friendly interface for conveniently accessing all the features and performing the required tasks.

The topics in this section familiarize you with the Hevo layouts and navigations and describe the Hevo user interface elements. We have also configured keyboard shortcuts for all the UI actions, in case you do not like using the mouse too much!

When you log in to Hevo for the very first time, a welcome page is displayed, inviting you to create your first Pipeline. In subsequent logins, the most recent Pipeline that you created is displayed. From there, you can navigate to the required page or task. All assets, icons, and tabs are organized for easy reach, while providing you the maximum screen space to work with.

The typical layouts in Hevo include:

  • The List View, which provides summary information of all the items for a given asset, and,

  • The Detailed View, which provides a set of tabs where you can perform tasks related to that asset and view different types of information for it.

Assets in Hevo are components that play a key role in extracting, replicating, and transforming your data. For example, Pipelines, Transformations, Models, Destinations. The following sections describe the layouts of these pages.

List View

The List View is a floating page that is displayed when you click on any asset in the Navigation Bar. It provides a summary list of all the items created for that asset by your team. You can click on any item to open it in the Detailed View, where you can view its detailed information and work on it.

Refer to the image and descriptions below to familiarize yourself with the components of a List View. To close the List View, click on the CLOSE ( ) icon on the top right or click anywhere in the page in the background.

Layout of the List View in Hevo

The following table describes each of these components:

Page Component Title Description
1 Navigation Bar A stationary vertical bar on the left that helps you access and configure the different assets in Hevo in order to successfully replicate the data. For example, Pipelines, Destinations, Models, and Workflows. Read Navigation Bar.
Note: The Navigation Bar is permanently displayed on the left, to help you navigate easily in Hevo.
2 Title Header Provides the asset title and the + CREATE button.
3 Search Bar Allows you to search items within the current asset based on complete or partial search strings. Search also supports Source name or type and Destination name or type, where applicable. For example, you can search for Pipelines by the Pipeline name, Source name or type, and Destination name or type.
4 Data Controls A list of drop-down options provided to sort and/or filter the search results or the item list for an asset.
5 Asset List The default list of items for the asset, which can be filtered based on a search string or criteria available in Data Controls.

Detailed View

When you click on any list item in the List View of an asset, the item opens in the Detailed View. It displays detailed information about the item and enables you to perform different tasks related to it. The Detailed View opens in the Overview tab for Pipelines and Destinations, Source Query tab for Models, and Workflow tab for Workflows by default.

Note: The vertical Navigation Bar is displayed in every page, to help you navigate easily in Hevo.

Some of the elements common to every Detailed View tab are illustrated below. Read section, Familiarizing with the Interface of each asset’s documentation to know the specific information displayed in these components.

Layout of the Typical Detailed View in Hevo

The following table describes each of these components:

Page Component Title Description
1 Tools Bar The Tools bar helps you navigate to different tasks and views of an asset. For example, for Pipelines, the Tools bar displays the Overview, Transformation, Schema Mapper, Load Status, and Activity Log tabs. Similarly, for Destinations, it displays the Overview, Workbench, and Activity Log tabs.
2 Global Search A search feature provided at the top left in the Detailed View of every asset. It allows you to search for any item across your Hevo application that matches the search string, irrespective of the page you are in currently. In addition, you can search for and configure any unused Source or Destination from the search results window.
Read Global Search.
3 User Information Panel Placed at the top right corner of your Hevo user interface. It provides links to key user information items such as profile settings and billing plans.
Read User Information Panel.
4 Summary Bar Used for providing summary information about the asset item you are working with.
For example, in case of a Model, it provides the Model name and ID, while for a Pipeline, it displays:
- The Pipeline summary from the Overview page, along with the PAUSE/RESUME button.
- The Progress Bar that visually represents the progress of the data loading process.
- Any system notifications related to the Pipeline.
- The Pipeline Activity section, which provides the Pipeline performance data once all the data loading stages displayed in the Progress Bar are successful.

Note: The Progress Bar is displayed only for one hour after Pipeline creation.
5 Canvas The dynamic section of the Detailed View where you can perform different actions related to the asset. The view in the Canvas changes based on the tab you are in. For example, schema mapping between Source and Destination tables during Pipeline creation, or data organization based on SQL queries in Models.
By default, an asset opens in the Overview tab.

See Also

Revision History

Refer to the following table for the list of key updates made to this page:

Date Release Description of Change
Jan-15-2024 2.19.1 Updated the screenshots to inclde the All Jobs tab in the Navigation Bar.

Tell us what went wrong