Snippets
Code snippets are small blocks of reusable code that can be inserted in a code file using a combination of hotkeys.
| Label | Alias | Description |
|---|---|---|
| Datagrid | dg |
Renders a grid with the current view model data source. |
| Datagrid editable | dge |
Renders an editable grid with the current view model data source. |
| Datagrid column template | dgc |
This node can be used to override the display template of a datagrid column associated to a UI view property. |
| Button | bt |
Renders a button that execute a standard action. |
| Action button | bta |
Renders a button that execute a UI view action. |
| Method button | btm |
Renders a button that execute a UI view method. |
| Toolbar | tlb |
Renders a toolbar. |
| Pagination bar | pg |
Renders a pagination bar to manipulate the current view model data source. |
| Filter bar | fb |
Renders a filter bar to filter the current view model data source. |
| Checkbox | ckb |
Renders a boolean input field. |
| Combobox | cbb |
Renders a dropdown list. |
| Formfield | ff |
Renders the component according to the entity property data type. |
| Input date | ipd |
Renders a date input field. |
| Input datetime | ipdt |
Renders a datetime input field. |
| Input list | ipl |
Renders a text list input field. |
| Input number | ipn |
Renders a number or decimal input field. |
| Input time | ipt |
Renders a time input field. |
| Label | lb |
Renders the value of a property as text. |
| Lookup | lk |
Renders a lookup field. |
| Textbox | txb |
Renders a text input field. |
| Card | cd |
Cards are content containers that render as elevated surfaces displaying their content vertically. |
| Vertical layout | vly |
Renders content vertically with consistent spacing between all nodes. |
| Horizontal layout | hly |
Renders content horizontally with consistent spacing between all nodes. |
| Grid layout | gly |
Renders content on a two-dimensionnal grid layout. |
| Modal | md |
Renders a modal window. |
| GroupBox | gb |
A GroupBox is a component that allow to group logically a collection of component inside a common frame. |
| Splitter | sp |
A splitter is a component which arranges splitter panels and allow to resize them with a bar between each panel. |
| Splitter panel | spn |
Renders a splitter panel inside a splitter element. |
| Tabs | tb |
Renders tabs. |
| Tab item | tbi |
Renders a content of a tab. |
| Tree view | tv |
Renders a tree view. |
| Heading | hd |
Renders a heading. |
| Text | tx |
Renders a text. |
| Timeline | tl |
Renders a timeline. |
| If | if |
Conditionally render child nodes according to a boolean value. |
| If not | ifn |
Conditionally render child nodes according to a boolean value. |
| Else if | eif |
Conditionally render child nodes according to a boolean value. |
| Else | else |
Conditionally render child nodes according to a boolean value. |
| Else if not | eifn |
Conditionally render child nodes according to a boolean value. |
| Repeat | rpt |
Renders child nodes for each value of the array. |
| View container | vwc |
Renders a container that can contain a single view. |
| Frames container | frc |
Renders a container that contains views in the form of a tab or a modal window according to the navigation options. |