Skip to main content

Extension editor

The Extension editor helps you getting started developing visualization extensions. It supports the JavaScript, QEXT, CSS and HTML formats.

At the top of the Extension editor, the toolbar gives access to tools that let you create new visualizations, save visualizations, amongst other.

Below the toolbar, there is an Management area. This consist of tabs for quick access of the files that comprises the visualization.

Below the Management area you find the actual code editor. The code editor includes an code completion, or auto-complete, feature which helps developers navigate through the object structure of the Mashup API. An example of when this is useful is when developers need to write code that extracts values from lists or arrays and the object of reference is several steps up in the objects hierarchy.The code editor supports AngularJS directives, HTML and CSS. It also supports Backend API and definitions of the HyperCube.

A Toolbar The Extension editor toolbar lets you save, add new files and import files. You can also access the Online help.
B Management area From here you are able to switch between the file tabs available in your visualization extension.
C Code editor The actual code editing is performed in the Code editor area.
D Imported assets Assets that have been imported are displayed in the Imported assets area.

Did this page help you?

If you find any issues with this page or its content – a typo, a missing step, or a technical error – let us know how we can improve!