HTML to Word Document Step
  • Updated on 23 Dec 2014
  • 3 minutes to read
  • Print
  • Dark
    Light

HTML to Word Document Step

  • Print
  • Dark
    Light

This tutorial shows how to use Html To Word Document step. This step can be found under Data > Html category in the ToolBox in the Flow Designer . This step can be used to convert Html Document into Microsoft Word Document.

Example:
For this example we created a simple Html Document that looks like following in the Internet Browser.

2018-01-17_111244.png

The Html code for this Document as follows:

2018-01-17_111742-1024x315.png

We begin in theDesigner Folder with clickingCreate Flow button from Folder Actions panel.
2018-01-17_112130-1024x665.png

Next, we Name our Flow and click CREATE to proceed to the Flow Designer.

2018-01-17_112426-1024x615.png

In the Flow Designer we use Quick Add Step dialog to add Html To Word Document step to our Flow . We expand All Steps [Catalog] > Data > Html category, select Html To Word Document step and click Add .

2018-01-17_112909.png

Next, we add Show Form step to Done outcome from the Html To Word Document step. We locate Show Form step in the Quick Add Step dialog under Favorite Steps category. This Form will have Download File control for user to be able to download converted File.

2018-01-17_113112.png

In the resulting pop-up window we Name our Form and click Create to proceed to the Form Designer.

2018-01-17_113652.png

In the Form Designer we drag Button control from Actions category in the ToolBox to the workspace, and rename this control to Done . Next, we add File Download control from File Handling category to the workspace.

2018-01-17_113912.png

We configure our File Download control as following… We provide its Data Name with Name , Select its Type as Button , and provide this control with Text that will be shown on this control.

2018-01-17_123322.png

Our Form Design should look as following. When finished, we can Save the Form and close Form Designer to return back to theFlow Designer.

2018-01-17_123531.png

Back in the Flow Designer we connect our Form to the [End Step]

2018-01-17_123801.png

Next, we select Html To Word Document step in our Flow , and use Edit Step layer to map the Data to this step. First, we selectConstant Mapping type for the File Name , and type desirable File Name in the Value box. Mention, that we use .docx file extension in the File Name value.

2018-01-17_124004.png

Next, we select the HTML mapping type as Constant and insert the HTML code in Value

2018-01-17_125829.png

Then, we select our Show Form step in the Flow and map Data to this step using Edit Step layer. For the File field we use Select Value Mapping type. Next, we use Value Picker to map this Value to the Doc File outcome from the Html To Word Document step.

2018-01-17_130158.png

Finally, we connect Failed outcome from the Html To Word Document step to the End Step in our Flow . This completes our Flow Design . We can click Debug Flow on the Top Panel of the Flow Designer to test our Flow .

2018-01-17_130906.png

Our Form opens in the Debugger and we clickDownload File control to download converted File

2018-01-17_131113-1024x601.png

We click Done button on our Form in the Debugger to close the Form .
In the Debugger Diagram we can observe that our Flow ran to the End Step with no errors.

2016-12-12_140948.png

We locate and open our Converted File … Confirm that the File looks the same as when it was opened with Internet Browser.

2016-12-12_141031.png

Was this article helpful?