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 (Classic)

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 Define the data source to get values for the Html Editor plug-in. Use the available data binding options. See Bind Your Data to Plug-ins.
Target Value Choose any of these options to send values from the Html Editor plug-in to your data source (target data).
  • Query: Select a query from your list of available queries followed by the output field/s you want to add to the plug-in.
  • Global: Select a global from your list of available global parameters.
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 plug-in. To show the hidden plug-in in Operations Hub new layout, go to Page Visuals and under Action column, select for the hidden plug-in. See Page Visuals Tab.