Rendering it all

Using the Aeppic object from the aeppic.js client-library you can tell aeppic to render a document or layout at a specific DOM node.

Dynamic Components: The Backbone of Rendering

In order to render anything in aeppic, you need to understand dynamic components. There are a number of different types of dynamic components and the following sections detail them.

A dynamic component contains three parts:

• HTML templates based on vue.js.
• CSS styles for presentation.
• JavaScript controllers for client-side logic.

One of the most interesting dynamic components differs from the others in that it auto-generates its HTML template based on the form of the document it is rendering. This is the <ae-form> which uses formdown to generate the appropriate html. Internally it does this by rendering a number of layouts and controls.

Dynamic components are versatile and can render anything from a simple text field to a fully interactive form.