HTML Editor

Operations Hub New Layout Refer to Visuals Tab for more information on the layout of widgets in Configuration Hub.
Operations Hub Classic Layout Refer to About Widgets

HTML Editor Properties

Field Name Description
Code Editor You can write and edit HTML, CSS, and JavaScript code to display the result in the end application.
  • To write new code, select Code Editor.
  • To edit existing code, select Edit Code.
With the code editor, you can write a JavaScript code to:
  • Embed external resources such as documents, or any other media.
  • Use global (variable as data source) option to set as many output data targets as necessary. The Html Editor plug-in can render multiple target globals to use with other plug-ins in Operations Hub.
Source Value See Set Up Data Binding for Widgets.
Target Value Choose any of these options to send values from the Html Editor plug-in to your data source (target data).

See Set Up Data Binding for Widgets.
Scoped css? Indicates whether the CSS code should be applied only to the plug-in or globally.
  • If you want the CSS code to be applied only to the elements in the html editor, select this check box.
  • If you want the CSS code to be applied globally, clear this check box.
Hidden Select this check box if you want to hide the widget. To show the hidden widget in Operations Hub new layout, go to Page Visuals and under Action column, select for the hidden widget. See Page Visuals Tab.