Mock Widget

A mock widget gives the designer everything needed to create a complete Widget with static content.

A widget has two components that are merged with Mustache templating, the layout and the content-data. The layout is an html document that includes mustache elements where dynamic content will be placed. The content-data is a json formatted string that includes content for each of the mustache elements in the layout.

For a production widget, the add-on code generates the content-data from resources like the database and merges them into a layout installed with the add-on. When a production widget is dropped on a page, the system creates a settings record unique to this widget, dropped into this position. That settings record can also contain editable data used to display the widget. A mock widget however can be created without a custom add-on, giving the designer the ability to complete a layout and define the content-data. It does this by including the content-data right in the editable settings record.

To modify this mock widget, turn on edit and edit the settings record for this widget. The widget automatically created a layout with this help-text and selected it in the settings record. also in the settings record is a json string with elements that match the basic layout controls common to all addon widgets. Use this edit system to update the json. To update the layout, use the Html-Import tool which can include html assets like images in a zip file format.