Skip to content

Visual Studio Code extension for Canvas for TM1, includes lots of snippets and help to build your HTML pages with Canvas.

License

Notifications You must be signed in to change notification settings

vviau/canvas-vscode

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Canvas for TM1 extension for Visual Studio Code

About Canvas for TM1

Canvas for TM1 built by Cubewise is a web development framework built upon the TM1 REST API and delivers a modern READ/WRITE presentation layer to your TM1 applications. This new presentation layer for TM1, has been built by TM1 developers for TM1 developers and enables you to build upon your existing TM1 knowledge, a web based TM1 planning and reporting application.

About Cubewise

Since 2004, Cubewise has specialised in building highly effective TM1 systems across Australia, Europe and the Asia Pacific. We have delivered well in excess of 500 successful projects to over 200 active customers, both large enterprise and mid-market. We aren't just about creating great systems but also improving the TM1 ecosystem through add-on softwares such as Pulse for TM1 which greatly improves the management and governance of TM1 and Canvas for TM1 which help TM1 developers to build modern web based TM1 planning and reporting application.

Features

This extension adds rich language support for the Canvas for TM1 language to VS Code, including:

  • Snippets
  • Update multiple atributes a the same time
  • Dropdown list for attribute values
  • Generate templates

A. Snippets

The key advantage of this extension is that it will write automatically the Canvas directive you choose with all its attributes. All Canvas directives starts with tm1-ui.

  1. Start typing tm1-ui, you'll see the following dropdown list with all Canvas directives:

directives-dropdowlist

  1. You can filter the list by typing more information, e.g. if you type tm1-ui-dbr, you'll see only the directives which contains tm1-ui-dbr.

directives-dropdowlist-filtered

  1. Select a directive (in this example tm1-ui-dbra) and press enter, the extension will write the directive with all attributes.

tm1-ui-dbra

  1. Now you just need to fill out the attributes values. It is recommended to use the key TAB for navigation between attributes:

use-tab

B. Update multiple attributes at the same time

  1. If you have the same attribute multiple times, by navigating using the key TAB to Instance Name, you'll see all Instance Name will be highlighted:

tm1-ui-chart

  1. Start replacing the first Instance Name, and you'll see that all Instance Name will be updated at the same time:

tm1-ui-chart-dev

C. Dropdown list for attribute values

  1. If an attribute has a multi-value choice such as True or false, after typing =":

upd-attribute

  1. Just press Ctrl + Space to see a dropdown list with all possible values:

upd-attribute-list

D. Generate templates

  1. in order to see the list of templates, you need to start typing tm1-templates:

upd-attribute

  1. Press enter on one of the templates and the code will be automatically generated:

upd-attribute

More information about Canvas

In the Help section, you can find more examples about how to use Canvas directives.

The latest information about Canvas for TM1 and the TM1 REST API can be found on our blog.

About

Visual Studio Code extension for Canvas for TM1, includes lots of snippets and help to build your HTML pages with Canvas.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%