HTML5 Editor Introduction
HTML5 Editor is an OZ functionality that allows user to edit a text label as if it was an HTML5 based document editor. This feature cannot be tested in the OZ Designer as it requires some thirdparty JS libraries. Therefore, it can be implemented and tested only by rendering the OZ Viewer in an HTML page. First, let us understand how to activate this feature by designing the form and creating an HTML page that renders it.
ACTIVATING THE FEATURE
The steps to follow to activate the feature are two:
On the designer, create a label and set the following parameters:
"Drawing Type" parameter to "HTML"
"Editable" parameter to "True"
Set the "Horizontal Text Alignment" and "Vertical Text Alignment" parameters to "Left" and "Top" respectively
Create an HTML page rendering the form (for learning how to do so, please visit the "Day 3: Dynamic e-Form" section). Once the form is rendered, you will need to add the following statements to the HTML5 source code for the feature to work:
Please, make sure that your html5viewer folder has the "HtmlEditor" folder in it. If not, contact FORCS team so they can provide you with that folder.
EDITING THE LABEL
Once the previous steps have been followed, the user will be able to edit the label element through HTML Editor. The user will need to:
Right-click on any point of the rendered form and select "edit tool"
Double click on the label component to edit
An editor window will popup where the user will be able to enter data.
Last updated
Was this helpful?
