Components Manager Reference

  • 1 minute(s) read

From the Components page, by clicking on the Open Components Manager button you can access the Components Manager which will open as a new browser tab.
Note that, the Components Manager is accessible and is visible only to console users having the Components Editor role.

Within the Components Manager, you can:

  • View the list of all components.

  • Create new components.

  • Create a new version for a component.

  • Try components changes on a selected environment.

  • Manage component availability in your environments.

In the overview page can access the list of all components you have the right to edit.
This list includes all components owned by your Console parent entity (Company or Expert Partner) and all components that you are developing on behalf of one of your customers (a Console Company) if you are an Expert Partner.

If it is the first time you enter, there will be no components.

By pressing the Add Component button, you can create a new component.

If you are an Expert Partner (e.g. a System Integrator), you can select another Owner, for instance one of the companies you manage as a partner.
When a company is selected and a new component is created, it is automatically associated with the selected company and thus becomes the property of the company.

By clicking on component Card you can access the component definition page.

A component is defined into several parts, each one covering a specific aspect, from the integration within the Console to the source code and versioning.

The left menu allows you to access the various component definition section.

  • General: configure the component main information, like name, description.

  • Images: define images used to make the component accessible in the Console.

  • Widget Model: define how a widget component can be configured in the template visual editor

  • Filters: define the list of filters used to format data.

  • Templates: define the list of ready-to-use templates included in this component.

  • Source Code: the JavaScript source code implementing the component.

  • CSS: the set of CSS rules used by Web and Mobile visualization.

  • Labels: the set of labels used by the component and that can be translated.

  • Availability: the set of environment where the component version is available.

  • Dependencies: the set of other component names this component is based on.

Optionally, by clicking on the version number on top of the left menu, you can select a different version to edit.