Akumina Foundation Site 3.3.0.0 and later

A view is an html file that provides the markup for a widget. These are used on the front end of the Akumina Widget Framework. View html files utilize Mustache JS, a logic-less template system, to display values from widgets. Understanding how to leverage the View Manager to upload your own views is crucial to developing custom solutions within the Widget Framework.

The View Manager App within AppManager allows users to easily manage and edit the markup of existing views. Views in the View Manager are available to be utilized by widgets.

To access the View Manager App we can find it within the Management Apps tab in AppManager.

To edit a view is as simple as navigating to the its location within the folder tree in the left pane.

It is a simple matter to upload a new custom view to the View Manager.

Within a text editor we will create a new file and paste the markup below within.

<div class="interAction">
  <h1 style="color:green;">This is my first view!!! Woooohoooo!!!! {{Test}}</h1>
</div>

Save the file as MyFirstView.html

Navigate to the View Manager App. Click + Add New

Click Choose File. Navigate to MyFirstView.html and click Open

In the left pane, click on the folder you want your view to be saved to. We will save it to DigitalWorkplace/Content/Templates/

Click Save

In the left pane of the View Manager, navigate down the folder tree to DigitalWorkplace/Content/Templates/. Select MyFirstView.html. The html of our custom view will now appear in the Edit Panel and the direct link to it will appear in the Template Path panel.

Your view is now editable within the View Manager and accessible to Akumina Widgets.