Design and customization / How to: the Code View

How to: the Code View


Whenever you’re adding a step, you can switch to the code view. This will allow you to edit the design of your steps or create custom buttons using HTML.

To switch to the code view:

  1. In the Authoring Tool, while you’re adding a step, scroll down to the Step Options Panel. In the WYSIWYG editor, click the source button.

  1. You will see the HTML code of your step.

  1. Whenever you add/edit the code, click the preview step button to see the changes.
  2. Click the Source button to go back to the main WYSIWYG panel after adding the code.
Currently we don’t support adding Javascript code to the step content and WYSIWYG might be stripping some disallowed tags and properties from HTML.

Allowed HTML tags in content:
'strong','b','i','em','u','br','p','ul','ol','li','a','img','iframe','h1','h2','h3','h4','h5','h6','div','span','table', 'tbody','tr','td','hr','code','embed','video','audio','track','source','div[onclick]','a[onclick]','input', 'textarea','button','form','label'

How to: custom buttons
How to: add Wistia video