Skip to main content Link Search Menu Expand Document (external link)

Template content refererence

All the elements, attributes, style selectors along with binding expressions and helpers that the core library supports.

Template Content

Supported HTML Elements

The HTML tags such as <html>, or <div> within a template or referernced source give the structure and content to your document. This section details all the HTML tags that the core library supports, along with the available (and unavailable attributes) that the tag supports - including those that are specific to the library.

HTML attribute refererence

The HTML attributes alter the behaviour of their containing tag such as <div id='idAttrValue' >. This section details all the attributes that the core library supports, along with the supported values for the attribute, and also elements it can be used on (and cannot) - including those that are specific to the library.

Template Styles

CSS selector and at rule reference

Separating the visual design from the actual content of a template is done using the standard css notation within a <style> element or including references to css style sheets. The selectors such as .className and / or #refId . This sections details all the supported (and not supported) selectors in the library, along with the at rules such as @media that allow selectorss to be regulated on their application within the library.

CSS style properties reference

Styling properties such as font-style: italic; or background-image: var(model.logo); are defined within selectors to be applied to matching content tags, or drawing elements. This section details the available properties, what values can be assigned to them, and which tags/elements support them.

Binding Data

Binding Expressions reference

Binding content within templates to external or calculated data is key to creating dynamic documents and can be within the <span>{{ handle bars notation }}</span> or attributes <rect width='{{model.width}}' .../> or within style properties with the width: calc(model.size + 10pt). This sections details all the available expressions and functions that can be used within a template (or passed content) to dynamically alter the output, or layout, or design of the resultant document.

Drawing Vectors

SVG drawing element refererence

Drawing within a template is based around inline or databound svg elements in the content, and must be qualified with the svg namespace (e.g. <svg xmlns='http://www.w3.org/2000/svg' >...<svg>) or referenced via the <img src='mydrawing.svg' /> element. This section details all the SVG Drawing elements that the core library supports, along with the available (and unavailable attributes) that the tag supports.

SVG drawing attribute refererence

The SVG attributes such as @width or @fill alter the appearance and behaviour of their containing element, e.g. <rect width="{{model.width}}" height="40pt" fill="aqua" />. This section details all the attributes that the core library supports, along with the supported values for the attribute, and also elements it can be used on (and cannot).